摘要：
引言： 前端工程化部署比较重要考虑的一个问题是缓存 ，可以参考 《变态的静态资源缓存与更新》。 使用gulp-rev解决的就是《变态的静态资源缓存与更新》提出的问题。 rev会做什么： 根据静态资源内容，生成md5签名，打包出来的文件名会加上md5签名，同时生成一个json用来保存文件名路径对应关系 阅读全文
摘要：
作为一个前端er，利用node独立做一些全栈小项目，是很有效率和必要的。 需要： 做一个活动报名页面，用户填好的表单需要被工作人员收到，一想到把数据存数据库，还需要给工作人员写一个管理页面就觉得很麻烦。 把表单数据通过邮件方式发送到相关人邮箱，很讨巧，很节约开发成本，就这样做。 核心模块：nodem 阅读全文
摘要：
一眨眼，快三个月没有写博客了。一直在为自己没有写博客而懊恼，忙过这段时间，好好总结一下。 新项目主要是自己一个人在写，先搭建了一个初步的架构，用了我并不熟悉的angular，这个过程中，慢慢也熟悉了angular，同时也优化了自己的项目架构。 这两个多月里一直处在高强度的工作中，项目是一个面向用户的 阅读全文
摘要：
作为一个一年多的前端，之前的前端老大离职后，自己就扛起了一些前端方面的事务。面试当然是最具挑战的事情了，首先是筛选简历，接着是邀请到公司面对面聊。说说自己的体会吧。筛选简历： 偏实习和经验较少的求职者，一般还是抱着求学的态度，但是带人确实是一件很累的事情，公司事情多，人少就不会考虑招这类的求职者。... 阅读全文
摘要：
总结一下前端方面，自己的一些体会，乱七八糟的整理了一下，暂时就想到了这些，以后会持续更新。构建工具一定要用，gulp等。使用requireJS、browserify等 js模块管理，bower管理三方库css： 结构：使用less，文件结构参考bootstrap less源文件尽量多分less文件，... 阅读全文
摘要：
liveapp场景应用，一般针对的是移动端，近来也是很火，颇有一些感受，拿来分享一下。 页面宽度范围： 一般移动端页面我们的像素范围是320px-640px，最大640px，最小320px，所以设计稿就是按照640px来做 布局方式： 流式布局，百分比布局和rem。 目前我用过的主要是这rem和流式 阅读全文
摘要：
背景： 当前主流的图片剪裁主要有两种实现方式。 1：flash操作剪裁。2：利用js和dom操作剪裁。 目前看来这个剪裁主要还是先通过前端上传图片到服务器，然后前端操作后把一些坐标和大小数据传到后台，然后后台来执行剪裁。我一直觉得这样有很多问题： 1.必须要先把图片上传到服务器然后才能执行后... 阅读全文
摘要：
项目背景： 一个项目bug，项目中用到高德地图，默认打开页面会生成一个marker（下图红色icon）,然后用户拖动marker到想要的位置，并且保存。用户反映定位不准确，在当前页面编辑的位置，到后台打开位置就会有偏移。 因为后台打开时候是根据经纬度生成的marker，经过检查最终确定是前台页面，... 阅读全文
摘要：
前面说过，当css，img，js出现删除操作的时候，虽然watch会监听，但是并不会删除相应文件。现在实现clean任务，执行任务前先删除一次build目录。先配置JS任务，设置删除目录。在系列（四）代码的基础上，再进行扩展。1.安装gulp-clean:npm install --save-dev... 阅读全文
摘要：
本节实现JS压缩，在实现压缩前，先配置JS任务，设置源目录和输出目录。在系列（三）代码的基础上，再进行扩展。1.找到gulp->config.js，对JS进行源目录(src->img)和输出目录(build->img)的配置:2.gulp->tasks里新建JS任务,如下图:3.同时在default... 阅读全文