前端构建工具:gulp 和 webpack 你不得不需要了解的几点
前言
随着前端日新月异的发展,工程化、自动化已不再是陌生的套路,比如我们所熟悉的sass写样式编译成css、es6写脚本转换成es5、浏览器自动刷新看到效果等等,诸如此类都是交给构建工具来完成,从而避免开发者进行重复的机械劳动(不要太开心,哈哈哈哈)。
什么是构建工具?
重构代码之重新组织函数
背景
有时很困惑如何才能写出完美、优雅、可读性高、可扩展性高的代码,删除冗余的代码,让其更精简~每次声明,每次调用都能发挥自身最大的价值。一本重构之书大大的解决了当前的困惑,今天介绍重构代码之重新组织函数9点内容,终身受用~
关于函数存在的糟糕代码习惯
- 重复的代码
- 过长的函数(偶见看见过优秀的代码一个函数不超过20行)
vue-cli搭建简易个人网站踩坑之旅
背景
一直没有机会练手有关vue的项目,但是作为mvvm的框架已经相当主流,记录一次使用vue-cli快速构建个人网站所经历的问题。vue-cli的构建请参考查看,堪称史上最全。
分析
页面大体分为4个部分:头部、底部、banner区域、列表区域。
es6学习
背景
所有的新技术方案都是着手解决当下技术不足之处的,让我们更易理解、更方便使用,所以需要学习然后加以运用,去极大提高工作效率!!
es6初识
es6 全称 ECMAScript 6 ,是JavaScript语言的下一代标准,2015年6月发布,距离发布已经过去快3年了,虽然现在大多数浏览器还不能支持es6的全部语法,不过我们可以用babel( http://babeljs.io/)进行转换成浏览器所能识别的es5的语言(有木有很爽~~),目前就一些常用的知识点做下整理。
let、const
es6以前都是通过var声明变量,无论声明在何处,都会被声明在函数的最顶部,具有变量提升的概念;同时没有块级作用域(有函数作用域、全局作用域)。
网页播放视频项目总结-flvplayer.swf
背景
临近春节,公司品牌部提出了一个需求,制作一个视频播放宣传页,我是负责pc这块的制作。拿到这个项目需求,在设计还没有出稿之前我先梳理了下这个项目的开发难点和重点。
难点?
视频制作是头一回接触,并且还要兼容到ie6,7(公司的所有项目都必须兼容到ie6,7),我该如何下手?
重点?
从需求方描述的文档上来看,其实是一个比较简单的展示页,不涉及任何与后端交互的东西,纯前端的一个页面,开发的功能点也只是包含三部分内容:视频播放、新年祝福语滚动播报、公司旗下移动产品的二维码纯展示。那么可见重点也就是视频的播放功能了。
让Windows用户快速上手Git
背景
喜讯!!公司的版本控制终于由svn转到了git,刚开始使用Git(分布式版本控制系统),作为Windows用户的使用者,少不了TortoiseGit工具(命令操作实在不符合Windows用户的用户习惯)。
hello-word
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.