最近项目组阿海，满脸诧异的请教我一个奇怪的问题，情景如下：
    他使用fiddler代理服务器上JS文件，第一次的时候，可以查看到JS请求，再刷新界面，就看不到JS请求了。
    在检查确认了他fiddler代理是正确配置之后，在chrome里面实际操作一下，才想起，新版的chrome已经将http     code为304的情形，都处理成了200，在network面板中查看，如下展示：

    如上所示颜色比较虚的status栏，对应的size为（from memory cache），即从内存中的缓存获取。
    之前的304状态，还是会发送http请求的，现在直接取了缓存，压根不走http请求了，抓包也看不到了。
    解决办法很简单：

     1、手动清理一下浏览器缓存
     2、window电脑下，使用Ctrl+F5强刷界面

    PS：在chrome dev tools中勾选disable cache，是不好使的

    想不到，Safari这么先进的浏览器，也会有兼容性问题。

1、new Date()的限制

    日期选择器，选择了诸如s = '2017-02-24 12:00'格式的日期，然后再new Date(s)
    再看s，就是Invalid Date，非法日期

阅读全文

撸图一张，整理一下浏览器的缓存过程。
顺便提一句：强缓存是前端性能优化最有力的工具，没有之一

    研究vue-cli的时候，顺便研究了vue-loader，比vue-cli要长一点，发现同样没有中文的文档，于是乎，顺便翻译了一下，现在顺便一起部署一下
    链接如下：
    vue-loader webpack模板中文文档
    在webpack当前横扫前端的情况下，vue-loader还是很值得研究的，便于理解vue与webpack的配合流程
    欢迎拍砖，在https://github.com/loulanyijian/vue-loader-doc-Chinese提交问题即可

    最近研究vue-cli这个脚手架，发现现在还未有中文版的，然后就用了自己蹩脚的英语翻译了一遍。
    上传了自己公司的ftp，也部署到公网上了。
    链接如下：
    vue-cli webpack模板中文文档
    虽然我英语很一般，但是vue-cli这个玩意，还是值得小研究一下的
    欢迎拍砖，在https://github.com/loulanyijian/vue-cli-doc-Chinese提交问题即可

最近总结了使用过的JS类库，现在再总结一下我使用过的、常用的JS插件，真是太TM多了。

UI类库

• bootstrap

  • 基于jquery
  • twitter出品，的确精品
  • 现在后继乏力
    • 一是大家不使用jquery了
    • 二是大家都喜欢做自己的UI库了

• jquery UI
  基于jquery
  jquery官方的UI插件库，包括dialog、datepicker、sortable、draggable等有用的插件

• jquery easyUI
  又一个基于jquery的UI库，包含菜单、布局、面板、选项卡、数据网格等N多有用的插件列表
  有自己的样式风格，略丑，适合做后台管理系统

表格类

阅读全文

    最近要做saas的运营系统，做技术储备的时候，仔细调研了reactJS，看看是不是再玩个新的技术。
    虽然后来放弃了react，但这么一想，我自从2011年工作以来，还真是使用了不少的JS类库。

2011-2012 extjs

    刚工作的时候，开发GIS共享平台，使用了extjs，当时是4.0版本，现在回想一下，该类库有如下优缺点：

• 1、功能强大，几乎涵盖当时所有做PC端JS的功能点
• 2、体积庞大，当时下载个demo包就5、60M

  阅读全文

    使用vue-cli开发vue web app，首先考虑的是线上环境的打包部署，一开始以为无论多少个界面，只会打出一个超级大的JS，首次请求的时候巨慢无比。
    后来发现我错了，vue可以借助webpack，N个界面，可以打出对应的N个JS，按需加载。
    这个好，符合我的性能观点，按需加载。
    运行npm run build进行打包，会打出N+3个JS文件，如下图：

阅读全文

0. 遵循的大JS规范

    遵循Airbnb的eslint规范

1. 版本选择

• 选择vue2.0最新版本进行开发
• js版本，选择es6、7进行开发，只要babel支持转义就OK

2. 语法规范

• 无特殊说明的话，vue的命名、缩进，与JS的命名规范一致，遵循Airbnb的eslint规范

  阅读全文

    月初开始做应用工场，就是类似搜狐快站，通过在后台的拖拉点拽，diy出一个app。
    考虑到拖拉点拽，最后与产品扯皮胜利，可以只兼容chrome，不过要屏蔽其余的浏览器。
    只兼容chrome，连是webkit内核的浏览器都无需兼容，研究浏览器的BOM，得到如下代码：

1
2
3
4
5

if(navigator.vendor.toLowerCase().indexOf("google")<0){
	// 非chrome
}else{
	// chrome
}

阅读全文