近日，项目要求对一些长列表页进行优化、改成下拉滚动异步加载的形式。这样一来，php后台 只需扔一串 json 数据过来，剩下的全部工作就由 web前端 为所欲为啦！其实也就只是把 json 数据填进前端的样式页面而已嘛。顺利完成该工作后，发现自己在 javascript/jquery 读取多维 json 数据还是略显费劲。于是自定义了一些 json 数组去折腾折腾探个究竟。 js/jq 读取多维 json 逐一探索用最笨的方式，先定义一个多维 json ，然后以各种方式去尝试读取摸索，最后得 ...

页面后退返回，保持原来的点击过的 tab 状态；页面后退返回，保持原来请求过的 ajax 状态。这是一个用户体验的极大提升之处嘢，产品和技术的观点竟然一致了啊！ 后退保持 tab 点击过的状态总体思路： 每点击一次导航中的任一 li ，切换对应的 tab 内容、同时把当前 tab 的索引值 index ，更新设置为当前的 hash 值； 点击跳转到其它页面再 后退 回来时，获取 url 中的 hash 值；去除 # ，即为上次离开时点击过的索引值 index； 根据该索引值 index ， ...

今天专门拿一个小页面来当 demo 来测试一下 gulp 的实际应用。过程中自然是各种小问题陆续呈现、各种自我需求不断促使去完善。目前折腾出一个为自己所需的、较为完整的 demo ，准备当作后续模板改编应用。 走一次顺序： 局部安装新建目录 gulp_test ，并在该目录下局部安装 gulp ： 1npm install gulp --save-dev 局部安装完后，目录 gulp_test 下出现文件夹 node_modules 。 安装插件所需要的插件简介： 1234567891011 ...

创建好目录全局安装 gulp 。（之前已安装好的就无需重复啦）： 1npm install -g gulp 局部安装 gulp 。新建目录 gulp_test2 ；在该目录下，执行局部安装： 1npm install gulp --save-dev 在新建的目录 gulp_test2 下，新建文件 gulpfile.js 、新建文件夹 src 存放未经处理的源代码文件。 安装插件安装插件的方法为： npm instal 插件名 。 安装需要的插件：gulp-minify-css css 压缩gu ...

工作方式、流程gulp 使用 node.js 中的 流stream ；方式：获取 stream -> 通过 pipe() 方法将其导入到功能插件中 -> 经处理后，可继续导入到其它插件、或直接通过 dest() 写入文件。 流程： gulp.src() 获取到要处理的文件流 -> pipe() 方法将其导入到相应的 gulp 插件 -> 再通过 pipe() 导入到 gulp.dest() -> gulp.dest() 把处理后流中的内容写入到指定文件中。 glob ...

项目的性能优化迫在眉睫了，图片/js/css/的压缩合并势在必行，一直知道这是一个优化点却从未去做。新需求，总会有形无形地促使人去学习新知识以完成任务。gulp ,这么神奇好玩的东西，赶紧搞起来！ gulp初识是啥？能啥？基于 node.js ，是前端开发过程中的一种代码构建工具，自动化项目的构建利器。基于流，管道 pipe思想；前一级的输出、直接变成后一级的输入，简化操作。能自动化地完成： 文件合并 gulp-concat 文本拷贝 gulp-copy 文本替换 gulp-replace ...

微公众平台的账号终于申请下来的，需求“微信微信分享自定义标题、描述、图片”可以开做了。过后发现，该微信接口的开发挺依赖后台技术（php、java、nodejs、python）支持的，对于前端er还是有点折腾的。 自定义获取 config 参数值微信公众平台开发者文档，说明得挺详细的；只是对于前端er还是有点挑战的。 获取以下的config接口注入参数过程是最繁琐的： 12345678wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值 ...

最近经常遇上了 hexo 主题的博客，心底痒痒的，于是自己也开始由之前的 WordPress个人博客 转向了 hexo 。过程的坑坑补补虽是郁闷，不过折腾过后还是感觉棒棒的。第一次正式使用 markdown 写文章，好像有点慢，幸好上手还是挺快的。 准备工作本次安装的 hexo 版本为 hexo 3.2.0 （git bash 下执行 hexo -v 可知），win10 的 64位 系统。首先需要安装以下： node.js 跟普通软件安装一样不断 next ，搜一下也有详细图文安装教程 ...