饼状图 less代码 成图效果，先上代码： /* @r,@ul-color,@part,@color-list 可以自己换着玩，试试看 @part是累计百分比的数组，因为less不支持变量的递归定义，所以只能妥协用这种方法 函数的变量的定义涉及到角度计算和边框计算 */ // 圆的半径 @r:200 ...
分类：
Web程序 时间：
2020-07-27 09:22:20
阅读次数：
126
控制台打印骚操作 预备知识：console | MDN 可以直接搜 为js控制台定义样式 自定义样式 console.log 中可以通过 %c 表示 css 样式 效果1 代码1 // 打印页面相关信息（代码更新时间） let date = new Date() let a = 'backgroun ...
分类：
Web程序 时间：
2020-07-27 09:20:38
阅读次数：
135
1.浏览器内核及前缀 在CSS中新的属性标准尚未明确的情况下，各浏览器厂商对新属性的支持情况也不相同，这个阶段会对属性加厂商前缀进行区分。 根据不同的浏览器内核，CSS前缀有所不同，最基本的浏览器内核有四种，其他内核都是基于此四种进行再研发的。 ① Gecko内核，前缀为“-moz-”，火狐浏览器 ...
分类：
Web程序 时间：
2020-07-26 19:47:19
阅读次数：
103
一、理解BFC 1.BFC(Box Formatting Context) Box是css布局的对象和基本单位，直观讲就是一个页面多个Box组成。 元素的类型和display属性决定了这个Box的类型；不同类型的Box，参与不同的Formatting Context（一个决定如何渲染文档的容器），因 ...
分类：
其他好文 时间：
2020-07-26 19:36:32
阅读次数：
70
普通的弹框： https://www.w3schools.com/howto/howto_css_modals.asp bootstra弹框： https://www.runoob.com/bootstrap/bootstrap-modal-plugin.html ...
分类：
其他好文 时间：
2020-07-26 15:36:18
阅读次数：
75
test-align 设置元素内文本的对齐方式，该属性对块级元素设置有效 语法（justify 两端对齐） text-align: left right center justify ...
分类：
其他好文 时间：
2020-07-26 01:56:41
阅读次数：
62
三个阶段 1. 加载阶段； （1） 减少关键资源的个数（合并文件，CSS精灵，base64、懒加载）； （2） 降低关键资源的大小（减少cookie的传输、开启gzip压缩、webpack打包压缩）； （3） 降低关键资源的RTT（往返延时）次数（DNS预解析、使用HTTP2、HTTP缓存、CDN、 ...
分类：
Web程序 时间：
2020-07-26 01:54:23
阅读次数：
102
单词换行的问题 在项目中有时候会遇到英文很长的句子，然后当div剩下的部分不足以放下一个单词的时候，单词就会换行显示，这样的话尾部就会空了很大的地方显得很不好看 解决方法 可以通过两个css属性来实现这个需求： word-wrap:break-word; word-break:break-all; ...
分类：
Web程序 时间：
2020-07-26 01:35:01
阅读次数：
80
参考地址： http://www.animate.net.cn/ 官方地址： https://animate.style/ https://github.com/animate-css/animate.css 只需两步 链接css文件 <link rel="stylesheet" href="sty ...
分类：
Web程序 时间：
2020-07-26 01:29:55
阅读次数：
175
CSS3动画 CSS3优点 浏览器可以对CSS3动画进行优化 浏览器使用与requestAnimationFrame 类似的机制，requestAnimationFrame 比起js中使用setTimeout、setInterval 优势在于requestAnimationFrame 会把每一帧中的 ...
分类：
Web程序 时间：
2020-07-26 01:23:42
阅读次数：
81
