最近做项目,因为每次做完后都要手动压缩CSS.JS 等文件,压缩后另存为 *.min.xxx. Less 还要手动输入命令进行编译,调整页面也经常要手动刷新页面看效果,很麻烦,就尝试用 gulp 去处理下我的工作流程,让事情变得更加简单可靠. 首先要先确保 node.npm 已经安装到电脑里. // 全局安装 $ npm install --global gulp // 作为项目的开发依赖安装 $ npm install --save-dev gulp // 在项目的根目录下 创建 gulpfi…

Yeoman包括了三个部分yo(脚手架工具).grunt/gulp(构建工具).bower(包管理器).听说gulp更容易上手,所以我就没用grunt而选的gulp 什么是开发流程? 在我看来一个完整的开发流程应该包括: 本地开发环境的初始化 第三方依赖的管理 源文件编译 自动化测试 发布到pipeline和各个环境 而现代的开发流程,就是要使上面的各个部分都可以自动化,一个命令就可以使这些流程都自动走完,并且快速的得到错误或通过的反馈,让我们可以方便快速的修复错误和release. 工具简单介…

于在未开启cleartype的情况下,一些中文字体在非偶数字号下的显示效果欠佳,所以一般建议使用12.14.16.18.22px等偶数字号.也就 是对某个分辨率选择离它最近的偶数字号.例如:屏幕横向分辨率在1100以下的采用14px,1100到1500采用16px,1500以上采用 18px,依此类推. 最通用的网站设计规范参考 参考网上的一些文章和部分门户网站规范,结合用户浏览习惯以及实际策划.设计.使用中的经验,制订了<通用网站设计规范参考>. 一.设计风格1.依照网站的定位确定整体的设计…

什么是自动化 先来说说为什么要自动化.凡是要考虑到自动化时,你所做的工作必然是存在很多重复乏味的劳作,很有必要通过程序来完成这些任务.这样一来就可以解放生产力,将更多的精力和时间投入到更多有意义的事情上.随着前端开发不再是简单的作坊式作业,而成为一个复杂的工程时,还涉及到性能优化一系列工作等等,这时自动化已然是迫切的需求. 早期的网站开发 在还没有前端工程师这种分工如此明确的岗位时,大家所理解的前端工作无非就是制作网页的人,包括html.css.js等.稍微高级点的可能就是php了,可以读写数据…

1,使用 gulp.watch 来监听文件自动打包 在上篇文章中,介绍了如何利用webpack来为项目做打包编译等工作,其中介绍到在我们开发的时候,经常改动js,因为我们文件是引用编译后的js文件,若想让程序正常运行,必须 webpack 一次.这样会大大降低我们的工作效率. 网上找到说在 webpack.config.js 中添加 watch : true ,运行 webpack -w 即可? 然而,我发现并没有什么卵用??在此若有各位朋友知道怎么做的,在下面留言,谢谢. 既然,不能用,但是我…

前端工作流程(多方交互篇) 新的网页: 1.跟美工沟通,跟产品沟通,跟后台沟通.前两者主要是页面样式.后者主要是表单交互.用哪个框架之类的. 2.实现.(写清楚哪块是用什么验证方式的)→ 给后台. 3.上线之后跟他确认不同文件在SVN的位置.以备后面改动方便. 之前的网页改动: 1.找到对应svn位置,update,提取最新的文件. 2.更改的同一时候写说明.commit. 3.说明及文件包给后台. /不涉及后台的小改就直接邮件运维. 总之,一定要确认:1.自己用的框架后台能够用,会用.至少资源…

想要使用gulp,就要了解gulp,就像追自己的爱豆,你要知道爱豆的喜好.兴趣 简单的了解你的新爱豆———安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1. gulp的用途: 代码压缩 CSS自动加前缀 LESS编译 地址版本追加 文件合并 文件修改自动刷新页面 更新编译本地依赖静态资源自动加缓存戳避免客户端浏览器缓存 看到这些作用,似乎gulp与grunt没什么区别 然鹅,对于这两款作用相同的前…

3.4 Git 分支 - 利用分支进行开发的工作流程 利用分支进行开发的工作流程 现在我们已经学会了新建分支和合并分支,可以(或应该)用它来做点什么呢?在本节,我们会介绍一些利用分支进行开发的工作流程.而正是由于分支管理的便捷,才衍生出了这类典型的工作模式,你可以根据项目的实际情况选择一种用用看. 长期分支 由于 Git 使用简单的三方合并,所以就算在较长一段时间内,反复多次把某个分支合并到另一分支,也不是什么难事.也就是说,你可以同时拥有多个开放的分支,每个分支用于完成特定的任务,随着开发的推…

1 Angular路由的工作流程 用户在浏览器输入一个URL -> Angular将获取到这个URL并将其解析成一个UrlTree实例 -> Angular会到路由配置中去寻找并激活与UrlTree实例匹配的配置项 -> 为配置项指定的组件创建实例 -> 将创建的实例组件渲染到<router-outlet>所在位置 2 Angular路由的几个核心概念 2.1 路由配置 就是一个Routes类型的数组 // 路由配置 const routeConfig: Routes…

前端工作面试问题 本文包含了一些用于考查候选者的前端面试问题.不建议对单个候选者问及每个问题 (那需要好几个小时).只要从列表里挑选一些,就能帮助你考查候选者是否具备所需要的技能. 备注: 这些问题中很多都是开放性的,可以引发有趣的讨论.这比直接的答案更能体现此人的能力. 目录 常见问题 HTML 相关问题 CSS 相关问题 JS 相关问题 测试相关问题 效能相关问题 网络相关问题 代码相关问题 趣味问题 贡献者 如何参与贡献 许可协议 参与协作 常见问题: 你在昨天/本周学到了什么? 编写代码…