Fork me on GitHub
摘要: 昨天微信小程序(应用号)内测的消息把整个技术社区炸开了锅, 我也忍不住跟了几波,可惜没有内测资格,听闻破解版出来了, 今天早上就着原来的项目资源试开发了一下,总结一下体验. 总体体验 1. 开发效率高,6:40左右按教程破解完IDE,7:20左右点做完了首页和导航栏的布局,微信把觉见的布局都做了封装 阅读全文
posted @ 2016-09-23 08:36 Lucien! 阅读(13380) 评论(37) 推荐(37) 编辑
摘要: 背景 近年来,http网络请求量日益添加,以下是 "httparchive" 统计,从2012 11 01到2016 09 01的请求数量和传输大小的趋势图: 当前大部份客户端&服务端架构的应用程序,都是用http/1.1连接的,现代浏览器与单个域最大连接数,都在4 6个左右,由上图Total Re 阅读全文
posted @ 2016-09-21 08:20 Lucien! 阅读(18009) 评论(27) 推荐(45) 编辑
摘要: javascript与异步编程 为了避免资源管理等复杂性的问题, javascript被设计为单线程的语言,即使有了html5 worker,也不能直接访问dom. javascript 设计之初是为浏览器设计的GUI编程语言,GUI编程的特性之一是保证UI线程一定不能阻塞,否则体验不佳,甚至界面卡 阅读全文
posted @ 2016-09-12 08:26 Lucien! 阅读(6051) 评论(8) 推荐(11) 编辑
摘要: TOC 背景 浏览器的总流程图 一步一步说缓存 朴素的静态服务器 设置缓存超时时间 html5 Application Cache Last Modified/If Modified Since Etag/If None Match 什么是Etag 为什么有了Last Modified还要Etag 阅读全文
posted @ 2016-06-13 10:02 Lucien! 阅读(15339) 评论(2) 推荐(9) 编辑
摘要: 今年4月,自从微信浏览器X5 升级Blink内核之后,各前端社区一片高潮,仿佛看到了前端er,眼含热泪进而抱头痛头的说:终于可以不用兼容这“移动端的IE6 ”了,可以早点回家了!!! 那真实情况是不是这样呢?正好最近在做一款微信的小游戏,项目结束后,我做了一个小的总结,分享如下,时间宝贵,先上结论。 阅读全文
posted @ 2016-05-18 08:05 Lucien! 阅读(13351) 评论(8) 推荐(7) 编辑
摘要: 调试效果 配置 1. npm安装 : 2. 配置gulp,gulp可以用 gulp node inspector 或 用gulp shell直接启动node inspector命令。 3. 启动调试模式:gulp debug ; 4. 打开: "http://127.0.0.1:8080/?port 阅读全文
posted @ 2016-05-07 07:31 Lucien! 阅读(586) 评论(0) 推荐(2) 编辑
摘要: 目录 一、概述 二、块级元素和内联元素 常见的块级元素 BFC 常见的行内元素 IFC 三、哪些情况会脱离普通流 浮动 绝对定位 固定定位 display:none 四、总结 五、参考资料 常见的块级元素 BFC 常见的行内元素 IFC 浮动 绝对定位 固定定位 display:none 一、概述 阅读全文
posted @ 2016-05-06 07:35 Lucien! 阅读(3422) 评论(0) 推荐(3) 编辑
摘要: 依赖注入(Dependency Injection,简称DI)是像C ,java等典型的面向对象语言框架设计原则控制反转的一种典型的一种实现方式,angular把它引入到js中,介绍angular依赖注入的使用方式的文章很多, "angular官方的文档" ,也有很详细的说明。但介绍原理的较少,an 阅读全文
posted @ 2016-05-05 08:03 Lucien! 阅读(27561) 评论(7) 推荐(14) 编辑
摘要: 一 . 背景及效果 当前互联网上传文件最多的就是图片文件了,但是传统web图片的截图上传需要:截图保存 选择路径 保存后再点击上传 选择路径 上传 插入。 图片文件上传也需要:选择路径再 上传 插入,步骤繁杂,互联网体验为王,如果支持截图粘贴上传、拖拽上传将大大提升体验。 当前知乎和github对现 阅读全文
posted @ 2016-01-19 08:11 Lucien! 阅读(16635) 评论(13) 推荐(19) 编辑
摘要: Application Cache 在自己做的开源项目( https://github.com/etoah/Lucien ) 用到了HTML5 的Application Cache,现总结如下: 目录 Manifest的特点 兼容性 用法 注意事项 对企业内部应用的启示 参考 Manifest的特点 阅读全文
posted @ 2015-11-02 23:20 Lucien! 阅读(1953) 评论(0) 推荐(2) 编辑