2017年7月8日

摘要: 之前做vue和react的时候,发现文档什么的最新版本都建议用es6写法,对es6友好度更高,加之现在es6也越来越普及,兼容性问题直接用babel转码就好了,特别方便,于是我开始学着用es6写代码,下面总结下一般es6常用的新特性: 1,申明变量let和const: js由于没有块级作用域,变量在 阅读全文
posted @ 2017-07-08 17:04 vvic 阅读(3748) 评论(0) 推荐(0) 编辑
 

2017年6月27日

摘要: 关于网站优化,除了减少请求数意外,缩减静态资源体积也很重要,常见的比如压缩js,css文件,还有就是压缩图片体积,使其更快的下载并节省流量,WebP技术的出现,给图片压缩带来了更进一步的优化体验,同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都 阅读全文
posted @ 2017-06-27 21:09 vvic 阅读(512) 评论(0) 推荐(0) 编辑
 

2017年4月5日

摘要: 开发很多的时候需要异步操作,常用的做法就是用回调函数,假如需要一连串的调用,并且后面一个调用依赖前一个返回的结果的时候,就得多层嵌套回调函数,比如下面这种情况: 回调函数嵌入太多了,看晕了都,代码很不美观,于是es6加入了新特性解决这个问题,Promise. Promise最大的好处就是可以链式的调 阅读全文
posted @ 2017-04-05 01:28 vvic 阅读(12582) 评论(0) 推荐(0) 编辑
 

2017年3月21日

摘要: 网站前端的优化还是很重要的,减少请求数,减少页面打开时间都能对页面访问性能提升不少,最近公司就在全站做优化。 由于公司的站已经有两三年的历史了,平时pm提的需求会分给不同的前端人员做,对插件引入和请求外部资源也没有明确的规定,都是每个人完成业务需求就可以了,久而久之页面就比较臃肿,一看请求数特别多, 阅读全文
posted @ 2017-03-21 20:27 vvic 阅读(219) 评论(0) 推荐(0) 编辑
 

2017年3月17日

摘要: 载入一个内容较多的页面的时候,如果不做任何处理,则会在一开始就把全部内容加载出来,影响了性能和体验,所以现在常用分屏加载的功能,就是dom内容出现在屏幕可视范围内的时候,再加载dom节点,起到优化的作用。 我在项目中用的是textarea,原理就是把需要滚动加载的dom内容放进一个textarea里 阅读全文
posted @ 2017-03-17 18:56 vvic 阅读(911) 评论(0) 推荐(0) 编辑
 

2017年3月8日

摘要: 前端优化过程中常提到js的加载方式,下面说下几种常用的加载方式: 1:head标签内插入<script>标签 <script type="text/javaScript" src="test.js"></script> 这是最常见的方法,但是这个方法有个最大的问题,就是当浏览器解析到<script> 阅读全文
posted @ 2017-03-08 11:45 vvic 阅读(13607) 评论(0) 推荐(0) 编辑
 

2017年3月7日

摘要: 做移动端开发的时候本地代码在chrome模拟器调试好后放在真机上不一定ok,所以本地代码直接在真机上运行就方便调试多了,新发现个软件不错,叫: Charles。原理是将自己设置成代理服务器,然后通过我们的手机在同一个局域网下设置代理服务器和端口指向Charles,就可以在手机上输入本地配置好的域名啦 阅读全文
posted @ 2017-03-07 17:14 vvic 阅读(168) 评论(0) 推荐(0) 编辑
 

2017年3月6日

摘要: 最近公司在做一个自己内部的图片上传系统,目的是帮助设计人员方便上传图片,用的是vue技术,但是说到vue,可能要提到更早出来的react,react是facebook搞的一套语法糖,也是革命性的用组件开发前端页面,采用jsx语法,组件化开发,然后库会进行解析转化成浏览器识别的语言,因为很热,用的人很 阅读全文
posted @ 2017-03-06 15:13 vvic 阅读(1064) 评论(0) 推荐(0) 编辑
 

2016年10月2日

摘要: 在公司搞前端一直用的Wenstorm开发,因为公司电脑配置高,所以开了n多浏览器窗口和ps后,依然能流畅运行Webstorm,但是在家里笔记本就没这么快了,在家忍受了1年Websotrm龟速后,实在忍不住了,于是前几天配置了Sublime,一下子快多啦,安装好后记得安装包管理工具,方便后期拓展插件用 阅读全文
posted @ 2016-10-02 21:31 vvic 阅读(283) 评论(0) 推荐(0) 编辑
 

2016年9月22日

摘要: jquery animate改变元素样式时,只支持数字值的变化,比如width,height等,但是css3属性状态值很多都不是数字值,而是字符串和数字混合在一起,比如translate(), rotate()等等,如果要用animate使其支持css3变化,需要用到一个step参数,下面附上小de 阅读全文
posted @ 2016-09-22 14:13 vvic 阅读(1745) 评论(0) 推荐(0) 编辑