哈喽哈喽！CSS真的好好玩啊，哈哈，反正我是爱了，空闲写着玩。画画不好的我乐了，下面就是一个用CSS3动画完成的模仿水珠的动效，其中主要就是会使用CSS设置阴影效果以及@keyframes关键帧和一些选择器的技术，快来学习吧！！！?实现效果：就很nice你也通过一下网址进行访问水滴点击进入灵感：看到...
2021-08-18 283 0 0 阅读全文
一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p{height:这段代码可以达到让文字在段落中垂直居中的效果。二、内边距（padding）法另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利...
2021-08-18 337 0 0 阅读全文
SpinKit是一套网页动画效果，包含8种基于380行C代码实现扫雷小游戏实现的很炫的加载动画。借助CSS3Animation的强大功能来创建平滑，易于定制的动画。SpinKit的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，...
2021-07-14 252 0 0 阅读全文
华为CSS与H3CIRF2技术对比一、华为CSS技术介绍CSS是ClusterSwitchSystem的简称，又被称为集群交换机系统（简称为CSS或集群）。是将几台交换机通过专用的集群线缆链接起来，对外呈现为一台逻辑交换机。在S9300/S7700（S9700暂无CSS集群卡）交换机主控板（SRU）...
2021-08-17 289 0 0 阅读全文
概述做前端开发的同学都知道，一个网页的基本组成部分是HTML，JavaScript和CSS。开发人员通常更关注JavaScript和CSS，实践着各种语言规范和设计模式。对于HTML的关注度则明显偏少，只要能做出设计师画的界面就万事大吉了，不怎么去关心HTML是不是规范合理。于是下面的情况随处可见：...
2021-05-08 198 0 0 阅读全文
这篇总结其实是去年公司每周技术分享会轮到我的时候写的。那时候公司正在大刀阔斧地准备直播业务，私以为主管会委以重任，就翻了不少论坛，做了一次简单的技术分享。后来直播业务让另一位同事承担了，自己也就没了实践直播的机会，有点可惜吧。好了，废话不多说，开始我们的理论篇~技术背景可以看到，直播从PC到一直发展...
2021-07-14 389 0 0 阅读全文
video标签详解{//ios需要静音才能同时播放多个video，默认静音播放，在3s后关闭静音if(iphone){setTimeout(()=>{constvideoElement=this.videoRef.currentvideoElement&&(videoEleme...
2021-07-14 241 0 0 阅读全文
//初始点击stratBtn(e){letindex=http.dataIndex(e)[0];//获取当前点击的列表letbusArr=this.data.busArr;//获取列表中的所有数组letpageY=Number(e.touches[0].pageY);//初始点击的Y点坐标letbu...
2021-06-15 142 0 0 阅读全文
运动插件functionanimove(obj,distance,speed,callback){//调用的变量目标距离速度回调函数clearInterval(obj.timer);obj.timer=setInterval(function(){letstep=(distance-obj.offs...
2021-06-21 154 0 0 阅读全文
本来以为实现一个横向滚动的view很简单，但是实际上还是有个小坑的。因为scroll-view本身的display:flex不生效。scroll-view的内层view元素需要：display:inline-blockscroll-view的外层元素需要：white-space:nowrap使得内部...
2021-06-15 149 0 0 阅读全文
一、浮动的概念浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。二、浮动的影响1.浮动会导致父元素高度坍塌父元素中有子元素，并且父元素没有设置高度，子元素在父元素中浮动，结果必然是父元素的高...
2021-08-16 213 0 0 阅读全文
今天我遇到的一个算是简单又不简单的问题，为什么说简单呢？是因为实现思路很简单，实现方法不管是自己写也好，还是网上搜也好都能搜出好几种方法。那不简单的地方呢，就是明明我已经按照网上说的代码来写了，可是实现不了我想要的效果，甚至这样的效果我以前做的项目中已经实现了，同样的代码搬到这里就不管用了。让人很是...
2021-06-15 209 0 0 阅读全文
想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.①上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动画.我在微信小程序文档动画最下面找到这么一行字.这个锅是不是可以甩出去了?ps:如果有...
2021-06-15 189 0 0 阅读全文
transition过渡：四个小属性属性意义transition-property哪些属性要过渡transition-duration动画时间transition-timing-function动画变化曲线（缓动效果）transition-delay延迟时间transition过度属性是CSS3浓墨...
2021-07-27 197 0 0 阅读全文
俾众周知，CSS是前端的一门DSL语言，虽然不具备图灵完备，但是它在样式渲染这一领域里更加形象的描述了一个事物，在当下娱乐、信息、多元化时代背景下CSS的地位越发凸显，今天我们来聊聊CSS中的Z-index属性回顾Z-index的例子.box1{width:100px;height:100px;ba...
2021-07-13 243 0 0 阅读全文
微信小程序开发中窗口底部tab栏切换页面很简单很方便.代码:1.app.json//app.json{"pages":["pages/index/index","pages/logs/logs"],"window":{&...
2021-06-15 156 0 0 阅读全文
下拉菜单的两种实现想必大家都知道，bootstrap为我们提供了一个下拉菜单的组件，官方也为我们提供两种使用方法1.标签指定data-toggle主题Java数据挖掘数据通信/网络分离的链接2.js调用dropdown(‘toggle’)方法主题Java数据挖掘数据通信/网络test$(functi...
2021-06-20 152 0 0 阅读全文
Bootstrap-Table异步从服务端获取数据并渲染表格
//初始化用户列表$("#usergroud").bootstrapTable({method:'post',url:'/Wx_UserGroup/GetUserInfo',cache:false,height:600,striped:true,pagination:true,p...
2021-06-15 259 0 0 阅读全文
一，表格标签向网页中加入表格–1，概述测试表格标签11132122233132–2，总结table标签用来表示表格tr标签表示表里的一行td标签表示行里的列border设置边框cellspacing设置单元格的间距bgcolor设置背景色width设置宽度height设置高度colspan合并列ro...
2021-07-13 190 0 0 阅读全文
- 上一页
- 下一页