随笔分类 -  工具

说下browserslist
摘要：browserslist 是一个开源项目 见到有些package.json里会有如下的配置参数 应该不难猜出来，这个项目的浏览器兼容情况。 白话就是我这个项目兼容绝大多数的，最新的和iOS7系统下的浏览器。不兼容Android 3.2系统以下和Firefox20以下的浏览器 像这些" > 1%", 阅读全文
posted @ 2017-09-28 18:07 飞凡123 阅读(3197) 评论(0) 推荐(0)
vue-webpack-boilerplate分析
摘要：这篇文章会告诉你 https://github.com/vuejs-templates/webpack 的解析 即当通过vue-cli创建一个webpack模块，通过npm启动项目的大致流程 它不会告诉你 什么是vue，webpack 在创建vue项目时，官方推荐使用vue-cli这个命令行工具。原 阅读全文
posted @ 2017-09-16 20:15 飞凡123 阅读(1303) 评论(0) 推荐(0)
升级webpack2
摘要：更新：webpack3已经出来了，官方说从2到升级到3不用改一行配置，98%的人没有错误。 项目中用的是webpack1。webpack2已经出来一段时间了。决定升级。其实改动不是很大。修改加测试共花了大概半个小时。 参考文档：https://webpack.js.org/guides/migrat 阅读全文
posted @ 2017-03-13 13:20 飞凡123 阅读(608) 评论(0) 推荐(0)
查看Chrome浏览器扩展程序源码的两种方法
摘要：注意：仅在当前最新的版本 55.0.2883.87 m (64-bit)上测试有效 首先获取extensionId： chrome 打开扩展程序页面 chrome://extensions/ 比如我想查看Adblock的源码：就先复制他的Id：gighmmpiobklfepjocnamgkkbigl 阅读全文
posted @ 2017-01-11 22:41 飞凡123 阅读(4971) 评论(2) 推荐(0)
使用最新版的Adobe Photoshop CC 2017
摘要：1. 装之前建议把之前老的Photoshop删干静。打开官网 https://www.adobe.com/cn/products/photoshop.html 点免费使用 ，会下载一个安装器CreativeCloudSet-Up.exe 2. 然后我们安装 photoshop cc 2017，遗憾的 阅读全文
posted @ 2016-11-25 12:00 飞凡123 阅读(548) 评论(0) 推荐(0)
Webpack之Code Splitting 代码分块
摘要：如何实现代码分块 默认情况webpack会将资源文件打包成一个js文件，比如app.bundle.js 实际情况我们需要按需加载 方法如下： require.ensure(dependencies, callback) 这种方式只加载组件，不会执行，除非你在callback里require了该组件。 阅读全文
posted @ 2016-10-09 16:46 飞凡123 阅读(937) 评论(0) 推荐(0)
新技能get，使用PHPStorm的deployment工具
摘要：1. 工具栏 Tools - Deployment - Configuration2. 添加一个服务端的配置信息type 类型可以选择：FTP、local等。填完信息别忘了点"Test FTP connection"注意Root Path。添加项目所在的服务端目录。3. 打开本地的一个测试文件。然后... 阅读全文
posted @ 2016-01-20 21:38 飞凡123 阅读(2451) 评论(0) 推荐(0)
Gulp 有用的地址
摘要：gulp似乎成为web开发的必选工具。推荐一个非常好的入门教程https://markgoodyear.com/2014/01/getting-started-with-gulp/官方插件列表：http://gulpjs.com/plugins/var gulp = require('gulp'... 阅读全文
posted @ 2016-01-03 10:34 飞凡123 阅读(212) 评论(0) 推荐(0)
使用github高级搜索
摘要：想瞅瞅github上面有哪些中国开发者最活跃，followers最多。可以按照下面的步骤：打开github的搜索页面输入 location:china 。点search然后选择不同的排序方式。想知道哪个项目最受欢迎，可以根据stars来判断。截至到14年12月份，前三名分别是bootstrap、no... 阅读全文
posted @ 2014-12-15 23:57 飞凡123 阅读(5491) 评论(0) 推荐(1)
PHPStrom 里修改Emmet对php的自动扩展
摘要：PHPStrom 7.1.3Emmet想必大家都比较清楚了。Emmet有个特点，对于匹配不到的符号，仍然会自动扩展为标签的形式，比如我输入aaaa，然后按tab，会自动扩展为所以当我输入php，按下tab后会显示成。但我希望生成。所以要自定义个Emmet片段来覆盖。方法如下：1. File - Se... 阅读全文
posted @ 2014-10-30 17:59 飞凡123 阅读(450) 评论(0) 推荐(0)
有关Laravel 4 的 Homestead 安装部署的细节
摘要：对于Vagrant，我是相见恨晚的。有时候抽出几个小时的时间学会一种工具，对于将来可以节省几十甚至几百小时的时间。Vagant最大的好处就是节省了安装配置运行环境的时间，统一开发环境，同时可以最大限度的模拟真实的生产环境。有关Laravel Homestead大家可以先参照：Laravel 4 的 ... 阅读全文
posted @ 2014-10-10 13:44 飞凡123 阅读(517) 评论(0) 推荐(0)
收集的PHP工具及类库
摘要：composer PHP的依赖管理工具phpmig PHP的数据库迁移工具，依赖于composerRequests for PHP HTTP请求库，采集页面可以用到的Faker 用来生成各种类型的假数据，一般与测试结合 阅读全文
posted @ 2014-09-17 11:13 飞凡123 阅读(212) 评论(0) 推荐(0)
Emmet 技巧
摘要：1. Lorem 产生一段 dummy text2.$ 变量的使用3. 插入img的长度和宽度使用快捷键ctrl+u插入图片的长度和宽度注意光标要停留在图片文件名上。其他在Sublime中的快捷键光标在停留在数字上ctrl+上箭头 数字加1alt +上箭头 数字加0.1 阅读全文
posted @ 2014-03-28 15:17 飞凡123 阅读(496) 评论(0) 推荐(0)
安装wamp后，其显示目录的图标显示不出来
摘要：解决办法：wamp的安装目录中，到wamp\bin\apache\Apache2.2.21\conf \extra下打开httpd-autoindex.conf文件，这里是索引文件图标的配置文件。修改为实际的路径即可 阅读全文
posted @ 2013-10-27 20:02 飞凡123 阅读(272) 评论(0) 推荐(0)