2020年7月25日
chart.js轻量级图表插件使用
摘要： 项目中引入Chart.js <script src="path/to/Chart.min.js"></script> 1.创建html标签 <canvas id="barChart" width="600" height="400"></canvas> 2.创建一个chart类的实例 var lin 阅读全文
posted @ 2020-07-25 22:07 life最初的起点 阅读(441) 评论(0) 推荐(0)
web加载优化
摘要： 三个阶段 1. 加载阶段； （1） 减少关键资源的个数（合并文件，CSS精灵，base64、懒加载）； （2） 降低关键资源的大小（减少cookie的传输、开启gzip压缩、webpack打包压缩）； （3） 降低关键资源的RTT（往返延时）次数（DNS预解析、使用HTTP2、HTTP缓存、CDN、 阅读全文
posted @ 2020-07-25 22:01 life最初的起点 阅读(139) 评论(0) 推荐(0)
单页面导航定位跳转插件
摘要： 引入``` <script src="js/jqurey.singlePageNav.min.js"></script> <script> $(function(){ //导航跳转效果插件 $('.nav').singlePageNav({ offset:70; //向上偏移量 }); //小屏幕导 阅读全文
posted @ 2020-07-25 20:00 life最初的起点 阅读(173) 评论(0) 推荐(0)
Animate.css动画
摘要： 参考地址： http://www.animate.net.cn/ 官方地址： https://animate.style/ https://github.com/animate-css/animate.css 只需两步 链接css文件 <link rel="stylesheet" href="sty 阅读全文
posted @ 2020-07-25 19:47 life最初的起点 阅读(223) 评论(0) 推荐(0)