- 博客(14)
- 收藏
- 关注
RSS订阅
原创 Vue中key属性的作用
Vue中key属性的作用在列表渲染时使用key属性使用key属性强制替换元素在列表渲染时使用key属性相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候，如果不使用key属性，Vue会产生警告，那么在这个时候key属性的作用是什么呢？官方文档中说：当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vu...
2019-01-26 08:47:36
37514
11
原创 Vue CLI 3 快速搭建项目
Vue CLI 3 快速搭建项目Vue CLI 简介安装Vue CLI 3新建项目配置项目文件结构脚本运行开发服务器构建到生产环境代码检查单元测试参考Vue CLI 简介Vue CLI是一个用于开发Vue.js项目的脚手架工具，人们在用Vue开发项目时往往要用到很多的插件以及打包工具，而Vue CLI的存在帮助开发者省去了手动配置开发工具的麻烦，以用户界面的方式让开发者能在几分钟内快速初始化项...
2019-01-05 22:14:54
1378
原创 修复npm项目中的漏洞
修复npm项目中的漏洞起因修复方法检查漏洞修复漏洞手动修复`tar`漏洞起因最近不少开发者应该和我一样，收到了GitHub的提醒。当你的项目中用到了含有漏洞的库时，GitHub就会给你发邮件提醒你通过更新依赖版本的方法来修复漏洞，这次出问题的是一个叫做tar的库，具体漏洞的内容可以参考这里。修复方法npm已经为开发者提供了快速检查和修复依赖中漏洞的命令。检查漏洞npm audit这...
2019-05-11 00:13:59
5067
2
原创 在Vue中使用async函数
在Vue中使用async函数async/await语法在生命周期钩子上使用async函数在methods中使用async函数源代码async/await语法在ES7标准中新增了async和await关键字，作为处理异步请求的一种解决方案，实际上是一个语法糖，在ES6中已经可以用生成器语法完成同样的操作，但是async/await的出现使得用这样的方式处理异步请求更加简单和明白。下面是MDN上...
2019-01-27 09:15:03
72881
2
原创 Express+Vue+axios在前后端分离的项目中使用Session
Express+Vue+axios在前后端分离的项目中使用Session前言Session简介搭建带有Session功能的后端服务器搭建前端服务器跨域资源共享问题在axios中传cookie小结源代码前言当今流行的网页开发模式是前后端分离的开发模式，即后端只负责API的开发，将其暴露给前端，前端负责页面逻辑，利用后端的API完成网页的构建。而在开发大型应用时，session又是常用的用来保存信...
2019-01-18 16:50:06
2492
原创 在Vue中自制视频播放器（下）
在Vue中自制视频播放器（下）前言进度条基本原理进度条随时间自动更新进度条拖动自动隐藏控制条源代码前言本文是系列文章的下篇，如果你还没有读过上篇文章，可以移步：在Vue中自制视频播放器（上）。在上篇文章中我们已经完成了播放/暂停按钮、停止按钮、静音按钮、播放时间和全屏按钮的制作，代码和演示效果都可以在上一篇文章中找到，在这篇文章中我们就要完成视频播放器的核心部分——进度条。这篇文章我将改变...
2019-01-16 18:20:22
2355
1
原创 在Vue中自制视频播放器（上）
在Vue中自制视频播放器前言前言平时大家在浏览视频网站时，会发现各大视频网站都有自己的视频控制组件，虽然浏览器有原生的视频控制组件，但是不同浏览器的视频控制组件外观差异较大，功能也有限制，所以为了保证用户体验，大型视频门户网站都会使用自定义的视频播放器。这篇文章介绍如何在Vue.js中自制一个视频播放器组件，我会用几个简单的功能抛砖引玉，带领大家初步了解视频播放器的实现方法。注意：本文视频...
2019-01-15 20:54:17
6928
3
原创 在Vue中使用Font Awesome
在Vue中使用Font AwesomeFont Awesome介绍安装配置在Vue组件中使用图标使用商标图标源代码Font Awesome介绍Font Awesome是一套流行的图标字体库，我们在实际开发的过程中会经常遇到需要使用图标的场景，对于一些常用的图标，不用设计师，我们可以直接在Font Awesome中找到并且使用。个人感觉Font Awesome的图标还是很齐全的，绝大多数的图标它...
2019-01-13 16:45:41
24551
1
原创 在Vue中使用i18n进行国际化
在Vue中使用i18n进行国际化介绍安装初始配置介绍vue-i18n是一个适用于Vue项目的国际化库，借助这个库可以方便地在一个项目中支持多国语言。在现成的项目中添加vue-i18n是非常方便的，本文假设你已经有了自己的Vue项目，如果你想新建一个，我推荐使用Vue的官方命令行工具Vue CLI，关于如何使用Vue CLI创建新项目，可以参考我的另外一篇文章Vue CLI 3 快速搭建项目。...
2019-01-12 15:45:06
1116
原创 JavaScript Promise返回值详解
JavaScript Promise返回值详解Promise回顾Promise回顾Promise对象是JavaScript ES6标准中一个重要的内容，它是为了异步而生的，相比于经典的回调函数写法，在处理大量异步任务时使用Promise链在可读性上会远远优于回调函数导致的回调地狱，本文建立在读者已经对Promise有所了解的情况下，如果你还不了解Promise，可以参考MDN上的这篇文章。...
2019-01-09 17:05:26
44484
5
原创 用npm更新依赖
用npm更新依赖前言更新全部依赖更新单个依赖前言近日收到了GitHub的提醒，webpack-dev-server在3.1.11版本以下有漏洞，需要更新，故写这篇文章与大家交流一下使用npm对依赖进行更新的方法。注意：请在项目的根目录执行以下命令，依赖更新后，package.json和package-lock.json都会被更新。更新全部依赖npm update更新单个依赖npm ...
2019-01-08 17:44:15
30010
5
原创 深入理解JavaScript页面元素的style和getComputedStyle
深入理解JavaScript页面元素的style和getComputedStyle用JavaScript给页面元素设置样式深入`element.style`原理用`window.getComputedStyle`获取实时样式参考用JavaScript给页面元素设置样式平时大家在实际开发的过程中，如果要使用原生JavaScript给页面元素加样式，一般会用element.style.proper...
2019-01-07 16:22:15
651
原创 CSS选择器优先级详解
CSS选择器优先级详解选择器类型选择器优先级权重特殊情况动手试试选择器类型开发者在使用CSS进行网页开发时需要使用选择器来指定样式要应用的元素，在开发时主要有以下几种选择器。id：以元素的id作为选择器，例如：#foo { color: red;}class：以元素的class作为选择器，例如：.bar { color: red;}tag：以元素的标签（ta...
2019-01-06 15:42:49
1081
2
原创 JavaScript fetch 快速入门
JavaScript fetch 快速入门fetch API 简介fetch 的浏览器支持情况使用fetch一个最简单的fetch在浏览器中用fetch获取数据用fetch和POST方法提交表单参考fetch API 简介ECMAScript 2015(ES6) 标准的发布已经三年有余，现代浏览器对ES6语法的支持趋于完善，用Promise对象处理异步请求被越来越多的开发者应用。为了更好地处理...
2018-12-14 05:28:43
48710
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人