前端自动化
zhanglongdream
这个作者很懒,什么都没留下…
展开
-
前端自动化之package.json
package.json 中包含各种所需要的模块以及项目的配置信息包括 名称 , 版本 , 许可证等各个参数的作用 "name" 包名"author" 包作者"version" 版本号“repository” 源码托管地址"maintainers" 包维护者列表, 一般有name email web 三个属性组成"contributots" 贡献者原创 2016-09-27 00:47:58 · 2476 阅读 · 0 评论 -
yarn似乎有取代npm的趋势
yarn 是什么鬼?看起来挺高大上的。。。其实就是fb 发布的一款依赖包安装工具,官方的意思嘛就是,快速安全可靠。你下载的包不在会重新被下载,而且确保了在不同系统中可以正常运行。mac 执行brew install yarn然后添加到环境变量中,,按照提示来就行yarn --version执行正确那么就是安装成功了yarn 和 npm 差不多原创 2017-04-26 22:39:59 · 1393 阅读 · 0 评论 -
git 不知道出现什么问题了,所以就重新用HomeBrew重新安装了一下
关于HomeBrew的安装 就只他https://brew.sh/首先看一下版本号 git version然后看一下文件的地址啊which git➜ react学习 git:(dropload) ✗ which git/usr/bin/gitbrew install git通过homebrew来安装安装好原创 2017-05-06 21:02:39 · 2159 阅读 · 0 评论 -
页面性能优化的利器 — Timeline
https://www.qcloud.com/community/article/169028001491011736?fromSource=gwzcw.84368.84368.84368原创 2017-04-18 16:34:21 · 546 阅读 · 0 评论 -
前端开发的测试
什么是写测试代码 刚开始我理解的测试其实就是写一些代码来验证你所谓的可以交付的代码是你语气的设计,有一些朋友叫他TDD也就是测试驱动型的设计,其实到底是先写代码还是先写测试,并不是最重要的,倒是能给你信心这个代码是符合设计的更重要。。为什么要测试,前端需要测试么? 我们经常过于自信自己的代码,因为编写的时候已经做过debug调试,完事后觉得足够了,或者期待下一次重构子啊调整,结果遇到b原创 2017-04-17 23:06:05 · 1562 阅读 · 0 评论 -
Jenkins自动化上传到服务器上的配置
使用jenkins把git上的代码自动上传到服务器上第一步下载一个插件使git和服务器相连 这里我使用的是FTP然后进入全局配置的系统配置然后找到填写正确的地址和姓名端口号等。。测试成功之后就ok了.下一步原创 2017-04-17 21:55:12 · 3873 阅读 · 0 评论 -
.bash_profile还原重置
打开Terminal重置$PATH$ export PATH=/bin:/usr/bin:/usr/local/bin修复$PATH原创 2017-03-07 01:06:41 · 12233 阅读 · 0 评论 -
import export default export的使用
import 有下列几种使用形式 import './common/reset.css' 直接引用cssimport './utils/config' 直接引用jsimport router from './router' 从哪里引用import * as actions from './actions' 引用全部的import {getts , setters }原创 2017-02-15 00:44:45 · 432 阅读 · 0 评论 -
webpack
当一直报错 net::ERR_CONNECTION_REFUSED是因为webpack的热更新 一种原因是因为运行的npm run dev被关闭 ,重启试试 另一种原因是entry中修改一下原创 2017-02-15 00:40:57 · 366 阅读 · 0 评论 -
flex.css:移动端 flex 布局神器
http://www.tuicool.com/articles/ayUJVzr下载git clone https://github.com/lzxb/flex.css.gitnpm npm install flex.css --save 将dist目录下的css文件引入到你的页面中,根据你的需要引入 flex.css 使用flex属性匹配原创 2016-12-31 19:46:31 · 2481 阅读 · 0 评论 -
DOMContentLoaded和onload事件的区别
DOMContentLoaded 当所有DOM解析完以后会触发这个事件。和onload事件很相近但onload要等到所有页面元素加载完成才会触发, 包括页面上的图片等等。如果页面的图片很多的话,从用户访问到onload触发可能需要很长的事件,而且在ajax的运行中常常需要在onload中加入许多初始化的动作, 如果由于网络问题引起的图片加载过慢( 见: Ajax优化(2) -- laz原创 2016-12-31 19:11:10 · 2287 阅读 · 0 评论 -
peakage.json填坑
以前知道通过npm install 可以建立一个peakage.json的文件来记录所下载的东西,,但是不知道还有很多的用处。。。。。。填坑之旅首先明白几个对象名称的不同意义吧name : 项目的名称description : 项目的描述version :项目的 版本号 config 应用的配置项author 项目的作者 respository 资源仓库原创 2016-12-30 04:17:58 · 548 阅读 · 0 评论 -
.editorconfig文件
多人开发的时候遵循的规则一般和eslint一起使用具体参看http://www.jianshu.com/p/712cea0ef70e原创 2016-12-25 23:49:32 · 1413 阅读 · 0 评论 -
eslint代码规范检查工具
在主目录下生产 .eslintrc.js文件 也可以使用 eslint --init来自动生产module.exports = { "env": { "browser": true }, "extends": "eslint:recommended", "rules": { "indent": [原创 2016-12-25 23:36:29 · 2117 阅读 · 0 评论 -
.gitignore的配置和使用方法
.gitignore 文件也是存放在根目录的下面,,主要是用来配置不需要加入版本管理的文件其实从名字就能够看出来这个就是使用git的时候使用的可以忽略我们一个文件来保护代码的安全配置的一些规则 所有的空行或者以#开头的都会被git忽略可以使用标准的golb模式比配匹配的时候后面的/表示 忽略的是目录如果前面有 ”!“ 表示的就是不忽略匹配到的文件或者目录"原创 2016-12-25 22:39:55 · 7701 阅读 · 0 评论 -
.babelrc文件的一些简单的配置
首先现在根目录先生存.babelrc文件这个文件是用来设置转码的规则和插件的基本的格式就是{ "presets": [], "plugins": []}presets 字段是用来设定转码规则,,具体看官方的 https://babeljs.io/docs/plugins/先下载所要使用的转码规则 插件 然后将其写到原创 2016-12-25 22:28:38 · 32811 阅读 · 0 评论 -
前端自动化gulp
新建一个gulpfile.js文件。引入文件这个网上有很多的资料这里就不详细说了。下面介绍一些他的方法主要记住 gulp.task() , gulp.src() , gulp.dest() , gulp.watch()。。。。这里先说一下gulp的原理和原因gulp,使用的是Node.js中stream也就是流的概念,首先获取需要的stream,然后通过strea转载 2016-09-27 10:11:59 · 278 阅读 · 0 评论 -
mac环境变量
1.创建并以 TextEdit 的方式打开 ~/.bash_profile 文件touch ~/.bash_profile;open -t ~/.bash_profile2.新增环境变量export PATH="$HOME/.rbenv/bin:$PATH"3.让以上所做的配置生效source ~/.bash_profile4.查看是否生效(有时可能需要关闭当前 Ter原创 2017-03-07 00:39:11 · 544 阅读 · 0 评论