denglei011124-优快云博客

转载微信小程序（应用号）开发体验

昨天微信小程序（应用号）内测的消息把整个技术社区炸开了锅，我也忍不住跟了几波，可惜没有内测资格，听闻破解版出来了，今天早上就着原来的项目资源试开发了一下，总结一下体验. 总体体验开发效率高，6：40左右按教程破解完IDE，7:20左右点做完了首页和导航栏的布局，微信把觉见的布局都做了封装，比传统的前端开发效率高。前端可以快速上手：熟练的前端可以很快上手，可能只要一小时读文档的时...

2016-09-23 08:36:00 141

转载 HTTP2特性预览和抓包分析

背景近年来，http网络请求量日益添加，以下是httparchive统计，从2012-11-01到2016-09-01的请求数量和传输大小的趋势图：当前大部份客户端&服务端架构的应用程序，都是用http/1.1连接的，现代浏览器与单个域最大连接数，都在4-6个左右，由上图Total Requests数据，如果不用CDN分流，平均有20个左右的串行请求。 HTTP2 是199...

2016-09-21 08:20:00 251

转载 javascript异步编程的前世今生，从onclick到await/async

javascript与异步编程为了避免资源管理等复杂性的问题， javascript被设计为单线程的语言，即使有了html5 worker，也不能直接访问dom. javascript 设计之初是为浏览器设计的GUI编程语言，GUI编程的特性之一是保证UI线程一定不能阻塞，否则体验不佳，甚至界面卡死。一般安卓开发，会有一个界面线程，一个后台线程，保证界面的流畅。由于javascri...

2016-09-12 08:26:00 428

转载 web性能优化:详说浏览器缓存

TOC 背景浏览器的总流程图一步一步说缓存朴素的静态服务器设置缓存超时时间 html5 Application Cache Last-Modified/If-Modified-Since Etag/If-None-Match 什么是Etag 为什么有了Last-Modified还要Etag Etag 的实现迷之浏览器总结背景在对页面的性能优化时，特别是移动端的...

2016-06-13 10:02:00 296

转载微信浏览器是移动端的IE6?微信升级内核后Html5和CSS3兼容性总结

今年4月，自从微信浏览器X5 升级Blink内核之后，各前端社区一片高潮，仿佛看到了前端er,眼含热泪进而抱头痛头的说:终于可以不用兼容这“移动端的IE6 ”了，可以早点回家了！！！那真实情况是不是这样呢？正好最近在做一款微信的小游戏，项目结束后，我做了一个小的总结，分享如下，时间宝贵，先上结论。结论总的来说，自从微信4月升级 X5 Blink内核之后，兼容性大大好转。安卓版的...

2016-05-18 08:05:00 394

转载用浏览器(支持WebSocket)和node-inspector 调试后端（CoffeeScript,Typescript）代码

调试效果配置 npm安装node-inspector： $ npm install -g node-inspector 配置gulp，gulp可以用 gulp-node-inspector 或用gulp-shell直接启动node-inspector命令。 gulp.task 'server',()-> nodemon({ nodeArgs: ...

2016-05-07 07:31:00 223

转载前端必须了解的布局常识：普通流（normal flow）

目录一、概述二、块级元素和内联元素常见的块级元素 BFC 常见的行内元素 IFC 三、哪些情况会脱离普通流浮动绝对定位固定定位 display:none 四、总结五、参考资料一、概述普通流（normal flow，国内有人翻译为文档流）：将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中按从左至...

2016-05-06 07:35:00 465

转载 30行代码让你理解angular依赖注入：angular 依赖注入原理

依赖注入（Dependency Injection，简称DI）是像C#,java等典型的面向对象语言框架设计原则控制反转的一种典型的一种实现方式，angular把它引入到js中，介绍angular依赖注入的使用方式的文章很多， angular官方的文档,也有很详细的说明。但介绍原理的较少，angular代码结构较复杂，文章实现了一简化版本的DI,核心代码只有30行左右,相看实现效果（可能...

2016-05-05 08:03:00 397

转载图片上传插件ImgUploadJS：用HTML5 File API 实现截图粘贴上传、拖拽上传

一 . 背景及效果当前互联网上传文件最多的就是图片文件了，但是传统web图片的截图上传需要：截图保存->选择路径->保存后再点击上传->选择路径->上传->插入。图片文件上传也需要：选择路径再->上传->插入，步骤繁杂，互联网体验为王，如果支持截图粘贴上传、拖拽上传将大大提升体验。当前知乎和github对现代浏览器均支持这两种特性，闲来无事...

2016-01-19 08:11:00 407

转载 HTML5 Application cache初探和企业应用启示

Application Cache 在自己做的开源项目（ https://github.com/etoah/Lucien ）用到了HTML5 的Application Cache,现总结如下：目录 Manifest的特点兼容性用法注意事项对企业内部应用的启示参考 Manifest的特点离线浏览: 用户可以在离线状态下浏览网站内容。更快的速度: 因为数据被存储在本地...

2015-11-02 23:20:00 125

转载 Css定位总结

CSS position static 默认值，没有定位。元素框正常生成。块级元素生成一个矩形框，作为文档流(normal flow)的一部分，行内元素则会创建一个或多个行框，置于其父元素中。top,right,bottom,left,z-index属性无效。　　　　W3C这样描述：　　　　 z-index： Only...

2015-05-25 22:25:00 157

转载正则表达式总结

一、什么是正则正则是匹配特定格式文本的一种模式。一句话：正则表达式为匹配文本的一组标记符. 说白了,就是一些字符(元字符),匹配了多少次(重复),在哪里（位置）匹配的范式. 有几个关键字：元字符，重复，位置二、元字符一句话：对于以元字符转为大写为最反义，字符组中加“^”取反义，元字符本身需转义表...

2015-03-01 20:26:00 123

转载企业文化建设

　企业文化建设具体的操作办法无非是这样的过程：　　 1.不管多坏的人，身上总有一些闪光点，企业也一样。所以第一步就是找到企业身上的这些闪光点；　　 2.把这些闪光点总结成容易传播的词语或句子，比如“艰苦奋斗”、“永不服输”、等；　　 3.然后在企业的经历中找到可以支撑这些词语或句子的事例，以兹证明；　　 4.再然后把这些词语、句子、事例有机的安排在一...

2015-02-09 23:09:00 234

转载 Fundamentals of MVC

Chapter 1Fundamentals ofMVC Microsoft's Web Development Platforms Understanding the past can be a big help in appreciating the present. 1.ASP asked for features such as improved cod...

2015-02-04 19:38:00 119

转载 Lambda表达式演变

Lambda表达式是一种匿名函数。演变步骤：一般的方法委托 => 匿名函数委托 => Lambda表达式 Lambda表达式其实并不陌生，他的前生就是匿名函数，所以要谈Lambda表达式，就不得不谈匿名函数，要谈匿名函数，那又要不得不谈委托。委托非常好理解，类似于C++里面的函数指针（指向了一个方法），并且委托约束了待...

2015-01-25 19:23:00 155

转载 The conversion of a datetime2 data type to a datetime data type resulted in an out-of-range value. ...

异常描述：　　数据访问用EF,在数据库中用getdate()设置的默认值，程序中没有赋值。　　出现异常。　　此错误在百度上在我写此文之前没有多少解决方案,谷歌之等到以下两个有用的页：　　http://stackoverflow.com/questions/1331779/c-sharp-conversion-of-a-datetime2-data-type-to-a-da...

2014-12-05 20:20:00 267

转载 Javascript对象创建

一、概述　　虽然对象字面量可以用来创建对象，但在创建多个类似的对象时，不够优雅，不符合DRY原则。二、创建对象　　有以下几种模式：　　1.工厂模式　　2.构造函数模式　　3.原型模式　　4.组合构造函数和原型模式（推荐） 5.动态原型模式　（推荐） 6.稳妥构造函数模式　　　1.工厂模式　　 function createPerson...

2014-11-29 19:39:00 138

转载 Javascript 布尔操作符总结

在一门编程语言中，布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力，那么诸如if...else和循环之类的语句就不会有用武之地了。在像javascript这样弱类型语言更有其妙用，让我们的代码，简捷可靠。布尔操作符一共有3个：与、或、非。特性：非先来讨论一下，最简单的‘非！’ 相对与和或来说，非更简单一点，先把操作数转换为布尔值，再取反，值不...

2014-10-28 07:32:00 141

denglei011124的博客