PWA -- Progress Web App Progress Web App目的在于利用现代浏览器的能力来达到类似APP的用户体验,让浏览器打开的网址像APP一样运行在手机上(无框架限制)。但是可能会使浏览器的负荷增加导致崩溃,所以提倡使用渐进式开发。参加了Google Developer Day之后,对PWA这个概念有了自己的理解,个人觉得在可期的未来PWA会有很好的发展,值得深入学习。 2016-12-20 javascript
关于requestAnimationFrame 这两个礼拜做图文h5的时候看到同组大神一个关于渲染的神奇写法,用了requestAnimationFrame这个之前我从来没有使用过的属性。看了hax的知乎live,其中也提到了浏览器的渲染问题,特意查了paper做个总结。 2016-12-04 javascript
调试技巧之暴露全局方法 最近的项目中使用了setInterval轮询,由于浏览器执行轮询时会阻塞其他,造成了一些麻烦。本文记录一下测试时候在代码中放置的两个全局方法,用于在浏览器console中进行调用,开启和关闭轮询。 2016-10-19 javascript debug
canvas实践笔记 对canvas使用有过好几次了,曾经用基于canvas的createjs写过一个俄罗斯方块的游戏,毕业设计做的是多人在线绘图网站,自然也是canvas实现的。最近工作需要,需要在h5端调用canvas API实现生成一张带有数据图的图片,“传送给native端”,所以对canvas的使用做一个总结。[2016-08-27更正:生成图片需要走http传输协议,app内与native通信走file传 2016-08-21 javascript canvas
angular笔记(3)我所理解的MV* 大学里写java web,用过struct2和Hibernate框架,接触了后端MVC;大四实习的时候自学了nodejs的express框架,并且在此基础上做了我的毕业设计,这也是一个基于MVC的后端框架;近期工作的这段时间,也在做基于angular的后台的开发和维护。angualr是基于MVVM的前端框架,MVVM是MVC的衍生,把C用VM来替代,但是MVC的原理依旧是可以解释地通的(作者研究 2016-08-01 javascript angular
移动端开发总结(1) 移动端布局一直是困扰我的一个大问题,特别是去年在某电商实习期间曾经做一个活动页做了好久好久好久,现在工作期间遇到活动页或者微信传播页也是必须要按时快速高质量任务的。近期在做一个hybird项目的UAT,代码里出现了前辈们的各种不同的css写法,我必须要全部看懂然后再做修改,也是很蛋疼,所以周末在图书馆对遇到的坑做个总结吧。 2016-07-31 javascript css
开发了一个chrome外卖插件(1) 今天真是无聊啊,弄点神奇的东西玩玩儿,想了想,还没做过chrome插件呢,Google了一下,chrome插件基本就是使用html,css,js来实现一些浏览器的扩展功能,前端完全能胜任呐!团队平时(特别是周五)经常会一起点奶茶水果之类,那就把这些做个整理,顺便了解一下如何做插件,一举两得! 2016-07-27 javascript chrome
angular笔记(2) 这篇是对angular笔记(2)的补充篇,由于项目需要,增加了一些新功能,这篇主要有对表格排序的业务解决,同时也对如何在数据双向绑定的框架中添加插件有了一定实践。 2016-07-25 javascript angular
搭一个little project脚手架(2)整合测试 前文叙述了这个项目的搭建过程和理由,本文在这个工程中添加Jasmine+Karma测试,由于更新换代很快,在搭建这个脚手架的过程中走了好多坑,网上的很多解决方式在package更新后都不起作用,本文罗列了我在玩的过程中遇到的4个坑。 2016-06-28 javascript
搭一个little-project脚手架(1)webpack+es6 这篇文章用于叙述这个项目的搭建过程和理由,用法比较简单,用es6进行代码书写(eslint代码检查),用babel编译,webpack打包,加入常用css库文件(eg:normalize.css)、js库文件(eg:fetch.js),可选择BDD。若比较成功,后期将做成npm包使用。 2016-06-22 javascript