- 博客(46)
- 收藏
- 关注
RSS订阅
原创 极简NPM指南与常用命令
准备npm 全称是 Node Package Manager，是前端开发必备的开发工具之一，也是当前世界上流行的包管理和分发工具，能够让开发者轻松的下载、安装、上传和管理已经安装的插件。值得一提的是，在安装 NodeJS 时会默认带有 npm，使用 npm -v 就可以查看当前使用的版本号，使用 npm -l 展示所有可用的命令信息。当遇见不懂的命令行时，推荐使用 npm help <...
2018-11-26 09:33:58
362
原创 一篇文章读懂《麦肯锡极简工作法》
分析指的是针对分析对象的状态和现象，进行追根究底式的归类。换句话说，分析是把比较混沌的现实，分成有意义的群组，然后再阐明其相互关系的一种脑力劳动。在大多数情况下，如果找不到发生不良状态的根本原因，那么采取的任何应对策略就只是一种紧急处理。也就是说，如果不能分析出产生问题的正确原因，就不能从根本上解决问题。一、如何快速而正确地分析问题分析问题应该从零开始，然后以事实为基础进行分析。麦肯锡公司...
2019-07-16 23:05:08
4980
原创 Babel 7 项目升级实战
前言Babel可以说是目前前端工程中必备的一款工具链（除非你还在用ES6以前的语法），主要用于在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的JavaScript代码。Babel 7 已于2018年8月份正式发布，其中更新了很多的用法和内容，使得几乎要重新安装NPM包和配置Babel文件。这篇文章详细的介绍了如何从Babel 6以前的版本升级成Babel 7，项...
2019-03-04 17:42:26
801
原创 提升 VSCode 中 Git 的开发效率
工欲善其事，必先利其器一、设置 Git 快捷键在开发过程中，会经常用到 Git Bash 命令行来进行代码的拉取、修改、提交等操作，像 git pull 和 git commit -m 这样的命令每次都得反复的操作。如果这样还算好，那么 git push --set-upstream 这一些带参数的 Git 命令行除了难记，就是难敲了。好在我们可以通过 bash 配置文件 ...
2018-08-21 13:11:39
1435
原创 Prettier介绍与基本用法
PrettierPrettier的中文意思是“漂亮的、机灵的”，也是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。Prettier具有以下几个有优点： 1. 可配置化 2. 支持多种语言 3. 集成多数的编辑器 4. 简洁的配置项使用Prettier在code review时不需要再讨论代码样式，节省了时间与精力。下面使...
2018-04-19 13:29:37
8216
原创 正确理解CSS中的margin合并
前言最近在学习很多开发过程中容易忽悠但是又很重要的知识点，很多时候用的少不代表它不重要，这里将它们写出来以记录，如果有写的不好的地方请指正。概念margin合并是指块级元素的上外边距与下外边距有时会合并为单个外边距，有两点需要理解。 1. 在块级元素中，不包括浮动和绝对定位元素 2. 只发生在和当前文档流方向的相垂直的方向上场景一、相邻兄弟元素margin合并...
2018-03-13 09:13:32
3064
3
原创 Linux 搭建 Git 项目实践之道
现在开始学习 Linux 系统，所以在 Linux 上面搭建一个 Git 项目就是必不可少的，想着以前用 filezilla 也能实现文件管理，但是对于团队协作开发来说就是非常不利的。并且，还有多个仓库同时管理的问题，接下来介绍这些问题的解决方案。 使用 Linux 上面的包管理工具安装 Gityum install git生成秘钥ssh-keygen -t rsa -C"youre
2018-01-25 09:49:20
437
原创 JavaScript 中的强制类型转换
JavaScript 作为一个动态编程语言，其中的数据类型会随着程序运行而动态改变。对于很多人来说，强制类型转换很容易造成程序出错，而要记住所有的转换方式又是一件不那么容易的事情。
2017-12-18 23:03:19
5302
原创 如何写好 JavaScript （二） ——《高性能 JavaScript》章节总结
6、加载和执行（Loading and Execution）JavaScript 和用户界面更新在同一个进程中运行，因此一次只能处理一个事情。这意味着当 JavaScript 代码正在运行时，用户界面不能响应输入，反之亦然。高效地管理 UI 线程就是要确保 JavaScript 不能运行太长时间，以免影响用户体验。最后，请牢记住如下几点：任何 JavaScript 任务都不应当执行超过 100 毫
2017-12-08 09:14:50
235
原创 如何写好 JavaScript （一） ——《高性能 JavaScript》章节总结
现在当你在写一段JS的时候，往往为了提高性能，会选择压缩和合并，或者使用模块化的加载方式。借助这些插件和工具，我们提升了我们JS的执行性能和优化了加载资源的速度。而且现在我们拥有强大的JS处理引擎，比如Chrome的V8。但是仍然有一部分需要我们关注的地方：DOM交互、网络延迟、JavaScript的阻塞和并发下载等。也就是说除了借助工具和引擎外，更需要我们关注JavaScript的底层性能。
2017-11-19 11:26:09
739
原创 JavaScript 中的词法作用域
JavaScript 中作用域有两种主要的工作模式，第一种是词法作用域，另外一种叫做动态作用域。大部分标准语言编译器的第一个工作叫做词法化，也就是说对源代码中的字符进行检查，然后如果是有状态的解析过程，那么还会赋予单词语义。所以，词法作用域就是定义在词法阶段的作用域。是由你在写代码时将变量和作用域写在哪里决定的，因此词法分析器会保持作用域不变。
2017-10-28 09:14:02
332
原创 Vue 风格指南快速入门
Vue 官方在最近发布了代码风格指南的BETA版本，旨在引导开发者以正确的方式来书写代码，避免因为不规范而导致的问题。这对于新手开发者来说，只要遵循风格指南的内容，就可以避免很多坑。同时，Vue 官方将所有的规则归为了四个大类：A：必须准守的B：强烈推荐C：一般推荐D：谨慎使用
2017-10-19 18:00:25
942
原创 Vue 中阻止冒泡和默认事件
使用原生的方式来阻止冒泡和默认事件很多人都知道了，而 Vue 虽然是数据驱动的 MVVM 框架，但是在项目需要的时候仍然要阻止冒泡和默认事件。
2017-09-27 19:09:11
3186
原创 axios 全攻略之 API
介绍了 axios 使用中的 API 和用法，结合官方的文档，具体的用法都说例子说明。能够对想要学习 axios 的同学起到一定的帮助。
2017-09-27 19:01:15
2426
原创 JavaScript 迭代优化（Duff's Device）
众所周知，过多的循环会带来一定的性能开销，增加总体运行时间。而减少迭代次数能够优化性能。”Duff’s Device” 作为广为人知的一种限制循环迭代次数的模式，还是有必要了解的。Duff’s Device 原本是 C 语言中的实现方式，不过由 Jeff Greenberg 移植到 JavaScript 中，下面是一个典型的实现：var iterations = Math.floor(items.l
2017-09-14 10:45:52
785
翻译 你不可不知道的 JavaScript 作用域和闭包
原文出处：JavaScript Scope and Closures作用域和闭包是 JavaScript 中重要的部分，但是当我开始学习时遇到了很多的困惑。这里就是一篇关于作用域和闭包的文章，能够帮助你理解它们。
2017-08-30 17:59:18
445
原创 axios 全攻略之基本介绍与使用（GET 与 POST）
axios axios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务Vue 2.0 官方推荐使用 axios 来代替原来的 Vue request，所以这里介绍一下 axios 的功能和基本的使用方法，希望能够对各位所有帮助。^_^功能
2017-08-28 16:11:25
26914
1
原创 使用 Vue 开发单页应用全攻略
使用 Vue 开发单页应用全攻略网上面有很多关于如何使用 Vue 开发单页应用的教程，从 Vue-cli 的使用到 Vue router 的配，也是非常的详细。但是却没有对各个需要的知识点做扩展，再加上技术的更新换代也是几何倍的，所以现在决定写一系列关于如何从头开发 Vue 单页应用的攻略，希望对各大热爱学习的朋友有所帮助，同时如果写的有什么不对的地方希望指正。谢谢。
2017-08-04 13:18:42
1326
翻译 你所要知道EcmaScript 2017（ES8）的一些新特征
EcmaScript 8 或称 EcmaScript 2017 在六月底的时候由TC39委员会正式发布，我们在去年讨论了很多关于ECMAScript的内容，这很有用。现在每一年都会有一个ES版本规范发布。
2017-07-17 01:19:27
4857
原创 Vue路由History mode模式中页面无法渲染的原因及解决
Vue下路由History mode导致页面无法渲染的原因用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。一般开发的单页应用的URL都会带有#号的has
2017-07-08 09:45:01
76026
18
原创 Vetur：VSCode下强大的Vue开发工具
Vue自从发布以来就一直受到前端开发人员的热爱，而除了一些本身优秀的特征之外，还有就是丰富的插件和工具的支持和更新。虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发，但是越来越多优秀的plugins都提供了强大的支持。比如VSCode下面的Vetur就是这样一款必备的Vue开发工具。下面就开始介绍一下它的一些功能吧Github仓库：Vetur 官方文档：Vetur文档语法高亮V
2017-06-27 09:27:31
112426
7
转载 Top 10 JavaScript编辑器，你在用哪个？
原文链接：Top 10 JavaScript编辑器，你在用哪个？ 对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程？原因就是速度快...
2017-06-23 14:27:30
39312
原创 浅谈Normalize.css：一种替代CSS resets的方案
浅谈Normalize.css：一种替代CSS resets的方案 为了保证不同浏览器能够尽可能的拥有相同的显示效果，每个开发前端的人员都会使用一个叫做reset.css的样式来重置浏览器的默认样式。不过通常来说，reset.css对浏览器默认样式的修改一般都会非常的多，而且几乎覆盖了默认样式的一些特殊效果，比如常用的ul、li标签，所以，为了保留浏览器的默认效果，同时能够兼容大多数浏览器的效果，这才有了norm
2017-06-01 11:18:18
2178
原创 Vue 中使用v-for语句抛出错误的解决方案
Vue 中使用v-for语句抛出错误的解决方案今天在维护以前的项目的时候遇见了下面的报错情况，开始我以为是因为jQuery和Vue冲突了，所以把以前的jQuery改了，但是还是出现同样的错误…通过查阅资料，发现是因为循环的变量里面的值重复了，导致Vue报错。
2017-05-03 16:22:15
11211
原创 分页功能的实现方法（不需要插件）
分页功能的实现方法在开发过程中经常会用到分页的功能，除了引用插件外，也可以使用最简单的方式来实现这个功能。下面分享一下我在项目中使用到的分页方法，非常的容易理解和操作，当然，如果觉得效果太一般了，那么使用iScroll.js或者updown.js都可以实现更加炫酷的效果。
2017-05-03 16:04:51
1198
原创 解决安卓端虚拟按键盖住输入框的方法
有段时间没有写博客了，因为要忙毕业设计和毕业论文的事情。今天在做一个项目的时候，发现安卓机下面虚拟按键会盖住输入框，但是在IOS端和微信公众号下面都没有发现这个问题。 其实，可以通过以下方法： scrollIntoView() scrollIntoViewIfNeeded()因为是新的特征，不建议在老的浏览器上面使用者两个方法，但是一般的主流浏览器都可以使用，方式如下：<label f
2017-04-28 17:00:00
1381
原创 Vue filter的介绍及使用
VueJs Filters介绍及其使用VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果目录VueJs Filters介绍及其使用目录Vue 过滤器的基本用法默认的过滤器自定义过滤器Vue 过滤器的基本用法// 注册Vue.filter('my-filter', function (value) { // 返回处理后的值})// getter，返回已
2017-04-10 16:10:34
22539
5
原创 使用自定义属性验证常用的表单格式
前言 实际开发中，往往要注重效率和代码的复用率。以下的Demo就通过html5的自定义属性来使用Jquery实现常用的数字格式自动验证。以后的开发中需要考虑更多的、更便捷的使用技巧，这样才能做到事半功倍。用法 在需要验证格式的Input元素中新增自定义属性 data-hook 为 number 或 id-card 就可以分别验证输入内容是否为手机号码或身份证号码。
2017-03-27 16:31:27
867
原创 Vue resource中的GET与POST请求
前言：vue-resource 使用比 jquery 更加简洁的方式实现了异步请求功能，还提供了比如 interceptors 这样处理请求过程中行为的功能。下面介绍下vue-resource中常用的GET与POST请求使用与封装方法。
2017-03-20 16:56:53
42597
2
原创 理解JavaScript中的this用法
this在JavaScript中有着广泛的应用，无论是普通函数、还是构造函数，都可以看到this的影子。初学者非常容易误解了this的含义，现在博主使用一些简洁的例子，来将this的用法展现出来。
2017-03-10 09:45:31
437
原创 JavaScript DOM编程艺术中的几个方法
如今各种框架和插件层出不穷，但是万变不离其中，无论外在的东西做的多好，还是得回到其中的核心上来。昨天温习《JavaScript DOM编程艺术》时记录下来了其中一些函数及其用法，以后遇见类似的都可以自己使用函数来解决。例子提供的仅仅是思路。
2017-02-28 13:18:03
502
原创 实用的CSS开发技巧
前言：为了快速的使用CSS开发项目页面，专门收集了部分实用的CSS开发技巧，直接使用class的方式就可以实现效果。以后总结出更多的方法后还会更新。
2017-02-27 12:55:17
402
原创 微信开发：解决IOS端下面的点击延迟问题
最近在开发微信端时，发现在Android下面，click事件非常的流畅，而在IOS下却有一定的延迟。查了查资料，发现早在2007年，苹果为了解决在Iphone这种小屏幕浏览器站点的问题，就设置了300毫秒的延迟。这是为了系统判断用户是双击还是单击屏幕。 网上面有很多的解决方案，推荐一个比较好用，而且也是非常稳定的方案 : fastclick.js
2017-02-13 11:20:55
9673
原创 TortoiseGit还原文件到历史版本
在使用Git工具的时候经常会遇见需要还原文件到某一历史版本的情况，下面就介绍一下如何使用TortoiseGit还原文件的用法。右键需要还原的文件，选择 Show log，既可以看到该文件的历史版本。然后选择需要还原到的历史文件记录，右键，选择 Revert to this vevision，即可还原
2017-02-04 09:46:44
15256
原创 解决Vue渲染与插件的加载顺序问题
在实际项目的开发过程中，经常会遇到页面还没渲染完成而插件就已经开始加载的问题，这样就会导致显示和功能出错。 可以通过Vue中的nextTick来解决
2017-01-24 15:23:30
9133
原创 Vue 动态响应数据变化
Vue实践分享（二） Vue是MVVM模式，即Model-View-ViewModel，通过绑定数据即可以实时改变视图显示。
2017-01-17 14:30:50
12825
原创 Vue-cli 搭建指南
最近的项目使用了vue，不过并不是使用组件化开发和SPA页面，但是依靠vue强大的语法和渲染能力，减少了大量的DOM操作。今后会尝试使用vue-cil生成vue文件，通过组件来开发SPA。在经过思考之后，决定分享下在vue开发过程中所遇见的坑或者是经验。
2017-01-09 09:54:18
4112
1
原创 解决国内npm下载过慢的情况
因为Node.js服务器在国外，所以通过npm install 安装的组件和模块会出现报错的情况，一般是因为“墙 ”的原因。 可以通过使用淘宝提供的镜像文件解决npm install -g cnpm --registry=http://registry.npm.taobao.org在安装组件时，可以用 cnpm 替换 npm 比如：安装依赖包cnpm install安装速度会比原来快很多倍，而且
2016-12-28 11:07:48
657
原创 MemCache 安装配置方法
最近在做项目的时候，遇到了需要使用memcached的情况，所以看了看网上的教程，很多情况都没有出现或者不详细。所以总结了一下，决定写一篇安装教程。以下方式适用于win10环境下。下载Memcached安装包，新建Memchached文件下，将安装包解压在对应文件夹下需要在管理员模式的命令行下安装文件（win10下可以win+Q启动小Q，键入cmd，右键管理员模式启动）cd D:/Memcha
2016-12-21 11:59:21
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人