2016年7月21日

我爱工程化 之 gulp 使用(二)

摘要: 上一篇 介绍了gulp的安装、环境等配置、基本使用,那么现在,我们快走进 速8,深入了解吧...... 一、各种安装、环境配置、插件安装(参考上一篇文章) 二、项目基本目录结构 三、编写 gulpfile.js 文件 gulp通过gulpfile.js文件来完成相关任务 示例目录 gulpfile. 阅读全文

posted @ 2016-07-21 19:46 爱疯的小疯子 阅读(331) 评论(0) 推荐(1) 编辑

我爱工程化 之 gulp 使用(一)

摘要: 一、简介 gulp是前端自动化工具,压缩、合并、预编译检查等等,它与grunt频繁IO操作来消耗内存相比,它是使用的流的方式,我们可以简称为管道流(一端入,一端出,3通水,一个大桶,第一通在管道里面流吧,那边大桶接着,第一桶流完,第二桶水马上接上,直至三桶水全流完) 功能: 1、图片(压缩图片支持j 阅读全文

posted @ 2016-07-21 10:38 爱疯的小疯子 阅读(863) 评论(0) 推荐(0) 编辑

2016年7月20日

用户体验之输入框设想

摘要: 当用户在PC端填写表单时,需要点击输入框,以获取焦点,便于输入,或者这么说吧,根据用户的行为习惯,当用户将鼠标移动到输入框时,绝大多数情况下是要进行输入, 那么,对于前端的用户体验来讲,有一种设想是这样的: 当用户鼠标移动到输入框时,我们给这个输入框设定一个时间阈值(给用户提供一个将手从鼠标移动到键 阅读全文

posted @ 2016-07-20 10:52 爱疯的小疯子 阅读(220) 评论(0) 推荐(0) 编辑

SEO优化

摘要: * SEO * Search Engine Optimization 搜索引擎优化 * 白帽SEO * 内容优化 * 网站标题、关键字、描述 * 网站内容优化 * Robot.txt文件 * 网站地图 * 增加外链引用 * 网站结构布局优化 * 扁平化结构: * 控制首页链接数量(100个以内) * 阅读全文

posted @ 2016-07-20 10:30 爱疯的小疯子 阅读(157) 评论(0) 推荐(0) 编辑

js代码优化

摘要: 优化代码的目的: 1.代码语句精简:减少代码字节量(减小文件打下),进而提高文件加载速度 ①变量和函数命名要语义化 定义变量:带出将来用到时的类型 var bFound,iCount,sName,oPerson; ②松散耦合(内容、样式、行为尽量分离) a.应尽量避免在js中创建大量HTML b.j 阅读全文

posted @ 2016-07-20 10:29 爱疯的小疯子 阅读(297) 评论(0) 推荐(0) 编辑

RequireJs 依赖管理使用

摘要: What? 声明不同js文件之间的依赖,可以按需、并行、延时载入js库,可以让我们的代码以模块化的方式组织。 When? 对于中大型项目,为了团队成员更好得发挥协同力,各自管理各自的JS代码,按需调用各自或公共组件,使代码更加清晰,个人比较推荐使用requireJS,不要问我为什么不适用seaJs, 阅读全文

posted @ 2016-07-20 10:28 爱疯的小疯子 阅读(427) 评论(0) 推荐(0) 编辑

2016年7月15日

Git 安装与使用(一)

摘要: 一、简介 1.集中式版本控制系统(CVS):Svn * 版本库是集中存放在中央服务器中的,客户端需要先从中央服务器取得最新的版本,然后再干活,活干完后,再把自己的代码推送给中央服务器。 中央服务器就好比是人事局,当你想要修改档案,得先从人事局把档案取出来,修改完,再还回人事局 * 缺点: * 必须有 阅读全文

posted @ 2016-07-15 11:06 爱疯的小疯子 阅读(281) 评论(0) 推荐(0) 编辑

Webstorm 配置与使用 Less

摘要: * 安装完NodeJs * 将npm文件夹保存在C:\Users\Administrator\AppData\Roaming\下 * 在webStrom中,setting -> Tools -> File Watchers 点击 + 号,选择less,弹出框中,program引入less命令 C:\ 阅读全文

posted @ 2016-07-15 11:04 爱疯的小疯子 阅读(468) 评论(0) 推荐(0) 编辑

2016年7月14日

Less使用——让老司机带你飞

摘要: 为什么我要使用Less less的作为编写css的工具插件,省时、方便、检测,具体的安装,请参考我的一篇文章《sublime text3 个人使用心得》,里面我讲解了安装方法,使用webstorm的乘客,我会再写一篇配合使用less的文章的。 Now,get up my car , I will t 阅读全文

posted @ 2016-07-14 14:56 爱疯的小疯子 阅读(3669) 评论(0) 推荐(0) 编辑

Node安装与环境配置

摘要: 1.nodejs(npm)安装 下载nodejs(http://nodejs.cn/)安装后,cmd下如输入 node -v 与 npm -v 出现下图版本提示就是完成了NodeJS的安装 2.npm全局设置 npm的全局模块的存放路径以及cache的路径,默认情况下是放在用户文件夹下,隐藏文件夹A 阅读全文

posted @ 2016-07-14 14:35 爱疯的小疯子 阅读(508) 评论(0) 推荐(0) 编辑

导航