项目工具
文章平均质量分 82
Hayley2016
微信【H19950211H】
2018.08.20学习计划:
《带你学习Jade模板引擎》
《所向披靡的响应式开发》
《Vue+Webpack打造todo应用》
《Vue核心技术Vue+Vue-Router+Vuex+SSR实战精讲》
2018.12.18学习计划:
《全面系统讲解CSS工作应用+面试一步搞定》
《Node.js七天搞定微信公众号》
展开
-
实用工具 | Chrome谷歌浏览器安装JSONView扩展程序,方便查看JSON数据
JSONView是一款非常实用的JSON数据格式化和语法高亮扩展程序。官网地址:https://jsonview.com/可以访问JSONView测试地址https://jsonview.com/example.json,感受一下扩展程序的魅力。通常的,在浏览器没有安装JSONView扩展程序的时候,我们在浏览器中访问返回JSON数据的地址,看到的是一长串字符,不方便阅读。而通过JSONV...原创 2019-05-23 10:48:14 · 2099 阅读 · 0 评论 -
JavaScript中 polyfill 和 shim 的区别和联系
polyfill是什么?Polyfill是用在浏览器API上的shim。我们通常的做法是先检查当前浏览器是否支持某个API,如果不支持的话就加载对应的polyfill。这样新旧浏览器就都可以使用相同的API了。把旧的浏览器想象成为一面有了裂缝的墙,这些polyfill(腻子)会帮助我们把这面墙的裂缝抹平。polyfill 是 shim 的一种。一个polyfill可以是一段代码(或者插件)...原创 2019-05-07 16:12:36 · 385 阅读 · 0 评论 -
如何处理兼容性及在多个设备上进行调试
桌面端浏览器调试方法通常只需要在Google、Firefox、Opera、Safari、IE五大主流浏览器进行测试。移动端浏览器调试方法移动端浏览器调试的最好方法是真机测试,因为很多手机生产厂家会根据原生的安卓系统开发自己的操作系统,在没有真机测试的情况下会出现很多意想不到的兼容性问题。对于纠结需要进行哪些真机测试的问题,我们可以根据手机设备活跃度选择活跃度较高的主流设备进行测试。...原创 2018-07-10 14:54:03 · 801 阅读 · 0 评论 -
PM2入门指南 && PM2 一键部署发布项目
PM2官网地址:https://pm2.io/PM2入门指南应用场景在服务器上启动一个服务,若把终端窗口关闭或者关闭当前命令行进程,将会导致整个服务挂起,就不能持续稳定的对外提供服务。特别是Node.js本身,若存在异常导致服务挂起,也不能再自动重启。这个工作就可以交给PM2啦。PM2就是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负...原创 2018-07-03 12:52:44 · 1829 阅读 · 0 评论 -
TortoiseGit密钥配置图文教程
1. 在【开始菜单】中找到【TortoiseGit】下的【PuTTYgen】(建议直接搜索PuTTYgen),单机运行。2. 点击【Generate按钮】,鼠标需要在【Key区域】活动直至绿色进度条完成(切记,鼠标一定要动哦,鼠标不动的时候,绿色进度条就暂停啦)(注意英文提示:Please generate some randomness by moving the mouse over ...原创 2018-12-11 16:53:31 · 3669 阅读 · 0 评论 -
主流包管理工具npm、yarn、cnpm、pnpm之间的区别与联系——原理篇
接触 node 之后,一直使用npm包管理工具, cnpm 一开始会用一些,但是并没有觉得比 npm 快得多,使用 cnpm 的时候还经常安装不成功,只能再用 npm 安装一遍,渐渐的就弃用了 cnpm 。最近在看《MongoDB高级技术栈全覆盖前端 Vue+Node+MongoDB高级全栈开发》课程,才知道还有其他包管理工具,借此机会,好好的整理一下各个包管理工具之间的区别和联系。NPM...翻译 2018-07-03 11:35:01 · 16653 阅读 · 3 评论 -
前端开发人员应该知道的常用工具网站大全
https://caniuse.com/一款前端兼容性自查工具,前端开发的时候时常需要检查浏览器的兼容性,在这里推荐(Can I Use)这个是一个针对前端开发人员定制的查询CSS、JS在各个流行浏览器中特性和兼容性的网站,可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的了解到代码在各个浏览器中的效果。http://www.browsersync.cn/Browsersyn...原创 2018-08-30 16:26:29 · 4765 阅读 · 0 评论 -
TortoiseGit和Git密钥配置图文教程
文章有点长,可以点击标题跳转明细Git密钥配置TortoiseGit密钥配置TortoiseGit和Git密钥配置图文教程TortoiseGit和Git如何使用相同的密钥TortoiseGit和Git的区别和联系TortoiseGit是可视化操作工具,默认使用putty格式的私钥,扩展名为.ppkGit是客户端,默认使用的是OpenSSH格式的私钥,扩展名为.rsa...原创 2018-12-11 12:01:25 · 7229 阅读 · 1 评论 -
Git密钥配置图文教程
Git密钥配置图文教程TortoiseGit密钥配置图文教程TortoiseGit和Git密钥配置图文教程TortoiseGit和Git如何使用相同的密钥1. 右键【Git Bash Here】打开终端命令工具,window系统自带的CMD(command 系统命令执行程序)也是可以的。2. 生成新的SSH密钥,在命令工具中执行代码,邮箱可以随意填写ssh-keygen...原创 2018-12-11 16:55:46 · 17773 阅读 · 0 评论 -
TortoiseGit和Git如何使用相同的密钥
Git密钥配置TortoiseGit密钥配置TortoiseGit和Git密钥配置图文教程TortoiseGit和Git如何使用相同的密钥使用【TortoiseGit】的【PuTTYgen】生成的私钥和使用Git的【ssh-keygen -t rsa -C "你的邮箱"】命令生成的私钥后缀名称是不一样的,文件内容也不一致。我们不能将Git命令生成的.rsa文件加入Tortois...原创 2018-12-13 15:26:10 · 1276 阅读 · 0 评论 -
简单的gulp打包示例
Gulp是一个前端自动化构建工具,通过配置一系列的task,定义task处理的事物(例如文件压缩合并、雪碧图、启动server、 版本控制等),然后定义执行顺序,来让gulp执行task,从而构建前端项目的流程。旨在规范前端开发流程,帮助前端开发人员自动化一些工作,简化前端开发人员的开发流程。这是一个简单的gulp打包示例:涉及到的插件:"devDependencies": { ...原创 2018-12-17 11:56:24 · 716 阅读 · 0 评论 -
Babel编译报错:var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
场景:Babel 打包编译带有 async 语法的代码,打包编译之后的代码无法运行。报错: 运行打包之后的代码,报错如下var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() { ...原创 2019-05-27 15:54:07 · 4768 阅读 · 1 评论