关于gulp,grunt,webpack,刚走前端模块化的我,真的是傻傻分不清楚,幸好有大神各种答疑解惑,使我略知一二,你也想知道的,也许还想知道点啥,资源罗列:1、中文官方文档;2、阮老师的gulp入门;3、我的参考;…
标签:gulp
gulp入门
前几天在寻找压缩js文件的工具,开始接触到gulp这款出色的前端代码部署工具,看了官方文档和一些资料,学会了怎么使用gulp进行压缩,特地写个简单的入门操作指南,加深自己的印象。gulp能够实现很多功能,在这里我就以自己…
Brunch:入门上手
在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具. Brunch…
我是如何对待写静态页这项工作的
欢迎一起交流 欢迎关注我的个人公众号,不定期更新自己的工作心得。 什么是静态页 传送门 文章起因 最近负责公司商家后台项目的前端业务,可惜只是写静态页,不用写任何JS代码,作为一名新时代的FE,一开始我是拒绝的,我怎么能…
马上开始写 react & ES6 --- 基于gulp 和 Babel 的脚手架
我对 react 很有兴趣,但是我发现想写 react 不容易。 我需要在开始写代码之前做很多准备工作,我需要编译jsx文件,引入react等等,而最新的react示例,有鼓励ES6来书写代码,可以用上ES6的一些闪亮的…
从零开始创建 angularjs-gulp-es5 项目
源码地址:https://github.com/silence717/angular-gulp-seed 创建一个空文件夹名字任意,此项目为angular-gulp-seed mkdir angular-gulp-see…
我是如何对待写静态页这项工作的
欢迎一起交流 欢迎关注我的个人公众号,不定期更新自己的工作心得。 什么是静态页 传送门 文章起因 最近负责公司商家后台项目的前端业务,可惜只是写静态页,不用写任何JS代码,作为一名新时代的FE,一开始我是拒绝的,我怎么能…
个人博客主页搭建随笔
经常在各种论坛、博客还有 github 上活跃的朋友不难发现,许多大牛都有自己的网站,也多以博客为主。博主作为一个立志前端的大白,难道不应该和大牛学习么? 说干就干,前端部分和 web 开发博主做了很多学习和总结,不少也…
gulp.spritesmith的学习教训
前言: css Sprites指的是网页图片的一种处理技巧,通常是将一些体积小的不常更换的图片进行处理,目的是为了减少HTTP请求次数,也是优化必不可少的工作。这里是对自己在gulp中合成雪碧图的一些的经验和总结! gu…
来学习一下怎么使用postcss吧
网上关于postcss是什么的介绍真的是太多了。。。简单粗暴的说,postcss就是一款类似babel的样式转换器!多说无益,下面就用一个demo来演示一下postcss的用法。 初始化目录 cd ~/workspace…
腾讯 QMUI 团队 Web 前端框架正式发布
一个旨在提高 UI 开发效率、快速产生项目 UI 的前端工作流,由 QMUI 团队出品 Github:https://github.com/QMUI/qmui_web 官网:http://qmuiteam.com/web…
雪碧图sprity 合并多图使用心得
介绍 sprity 是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件,支持retina图,可以内嵌base64 编码格式的图,支持不同的图片格式和有不同的图片引擎可以选择。sprity 的前身是c…