前端性能优化
发表于
html5
分类，标签:
25
10月
2016
0
移动H5前端性能优化指南概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点，首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6.基于第五点，要合理处理代码减少渲染损耗7.基于第二、第五点，所有影响首屏加载和渲染的代码应在处理逻辑中后置8.加载完成后用户交互使用时也需注意性能优化指南[加载优化]加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是优化的重点·减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个a)合并CSS、JavaScriptb)合并小图...
mysql 数据类型
发表于
php
分类，标签:
13
10月
2016
1、整型MySQL数据类型含义（有符号）tinyint(m)1个字节 范围(-128~127)smallint(m)2个字节 范围(-32768~32767)mediumint(m)3个字节 范围(-8388608~8388607)int(m)4个字节 范围(-2147483648~2147483647)bigint(m)8个字节 范围(+-9.22*10的18次方)取值范围如果加了unsigned，则最大值翻倍，如tinyintunsigned的取值范围为(0~256)。 int(m)里的m是表示SELECT查询结果集中的显示宽度，并不影响实际的取值范围，没有影响到显示的宽度，不知道这个m有什么用。2、浮点型(float和double)MySQL数据类型含义float(m,d)单精度浮点型 &n...
正则常用表
发表于
JS
分类，标签:
29
09月
2016
正则表达式速查表字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”或“\r”之后的位置。$匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“\n”或“\r”之前的位置。*匹配前面的子表达式零次或多次。例如，zo*能匹配“z”以及“zoo”。*等价于{0,}。+匹配前面的子表达式一次或多次。例如，“zo+”能匹配“zo”以及“zoo”，但不能匹配“z”。+等价于{1,}。?匹配前面的子表达式零次或一次。例如，“do(es)?”可以匹配“does”或“does”中的“do”。?等价于{0,1}。{n}n是一个非负整数。匹配...
2015年开源前端框架盘点TOP20
发表于
html5
分类，标签:
22
08月
2016
015年已经过去了，作为一个前端开发者，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些项目能够越来越好，帮助到更多的前端开发者们。此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。（榜单中大部分为组件式框架，react、Angular等基础框架不在此篇讨论）1、名称：Bootstrap类别/语言：HTML、CSS、JavaScript创建者：Twitter人气：在Github上有91007stars描述：主流框架中毋庸置疑的老大，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。核心概念/原则:RWD和移动优先制。浏览器支持：Firefox,Chrome,Safari,IE8+(你需要Respond.jsforIE8)响应式:Yes模块...
前后端分离的好处
发表于
前端架构
分类，标签:
04
08月
2016
一、为什么要前后端分离？1.1现有开发模式的适用场景比如后端为主的MVC，做一些同步展现的业务效率很高，但是遇到同步异步结合的页面，与后端开发沟通起来就会比较麻烦。 Ajax为主SPA型开发模式，比较适合开发APP类型的场景，但是只适合做APP，因为SEO等问题不好解决，对于很多类型的系统，这种开发方式也过重。1.2前后端职责不清在业务逻辑复杂的系统里，我们最怕维护前后端混杂在一起的代码，因为没有约束，M-V-C每一层都可能出现别的层的代码，日积月累，完全没有维护性可言。虽然前后端分离没办法完全解决这种问题，但是可以大大缓解。因为从物理层次上保证了你不可能这么做。1.3开发效率问题开发上与后台几乎同步，互相不影响，特别是基于RESTFul API风格，更是减少了沟通的成本。方便各自debug,，java开发人员不需要跑到前端开发人员机器...
input框值改变触发事件写法
发表于
JS
分类，标签:
01
08月
2016
<!DOCTYPEHTML><html><head><metacharset="UTF-8"><title></title></head><body><inputtype="" id="test"/> <scripttype="text/javascript"src="js/jQuery.v1.11.1.min.js"></script> <scripttype="text/javascript"> ...
去除html标签的正则
发表于
JS
分类，标签:
07
07月
2016
1，得到网页上的链接地址：stringmatchString=@"<a[^>]+href=\s*(?:'(?<href>[^']+)'|""(?<href>[^""]+)""|(?<href>[^>\s]+))\s*[^>]*>";2，得到网页的标题：stringmatchString=@"<title>(?<title>.*)</title>";3，去掉网页中的所有的html标记：stringtemp=Regex.Replace(html,"<[^>]*>","");&nbs...
解决webstorm代码行数多变卡的问题
发表于
问题记录
分类，标签:
02
07月
2016
1.webstorm安装主目录>bin>WebStorm.exe.vmoptions修改为-server-Xms512m-Xmx1024m-XX:MaxPermSize=2048m-XX:ReservedCodeCacheSize=200m-XX:+UseConcMarkSweepGC-XX:SoftRefLRUPolicyMSPerMB=50-ea-Dsun.io.useCanonCaches=false-Djava.net.preferIPv4Stack=true 2.修改 file-settings-plugins 把不用的插件全部勾掉。3.把这个选项勾掉，重启webStorm...