- 精解ES6 Promise 用法 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么东东呢?是一个类?对象?数组?函数?别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。 这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几... 精解ES6 Promise 用法 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么东东呢?是一个类?对象?数组?函数?别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴。 这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几...
- 1、动态路由(页面刷新数据不丢失) methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) } 1234567 路由配置 { path: '/particulars/:id', name: 'particu... 1、动态路由(页面刷新数据不丢失) methods:{ insurance(id) { //直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) } 1234567 路由配置 { path: '/particulars/:id', name: 'particu...
- 首先解释下base64的目的,其主要是为了减少http请求,转为base64以后小图片可以跟js同时被加载到浏览器,而不需要多次对服务器发出图片资源请求;其次,图片转成base64后,文件体积变大了大约1/3左右。 文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码,... 首先解释下base64的目的,其主要是为了减少http请求,转为base64以后小图片可以跟js同时被加载到浏览器,而不需要多次对服务器发出图片资源请求;其次,图片转成base64后,文件体积变大了大约1/3左右。 文件的base64编码存储到了js文件中。vue-webpack模板的默认设置限制了转码的文件大小为10000B以下。静态文件目录中的所有文件不会被转码,...
- Ctrl+n 找classCtrl+shift+n 找文件Ctrl+Shift+F,全局查找Alt+f7 查看引用Ctrl+ Alt+f7 弹小窗口查看引用Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按 F3 可以选择F11 自己配置,深入查看F12 自己配置,直接查看实现类Ctrl+f12 查看类中方法Ctrl+U,转到父类Ctrl+G,定位行Ctrl+o... Ctrl+n 找classCtrl+shift+n 找文件Ctrl+Shift+F,全局查找Alt+f7 查看引用Ctrl+ Alt+f7 弹小窗口查看引用Ctrl+F7,可以查询当前元素在当前文件中的引用,然后按 F3 可以选择F11 自己配置,深入查看F12 自己配置,直接查看实现类Ctrl+f12 查看类中方法Ctrl+U,转到父类Ctrl+G,定位行Ctrl+o...
- package-lock.json的作用是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档,这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么作用呢?因为npm是一个用于管理p... package-lock.json的作用是锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档,这个package-lock.json 是在 npm install时候生成一份文件,用以记录当前状态下实际安装的各个npm package的具体来源和版本号。 它有什么作用呢?因为npm是一个用于管理p...
- 前言 Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 目前主流的 Vue 项目,都选择 axios来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求。 Vuex 的安装将不再赘述,可以参考... 前言 Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。 目前主流的 Vue 项目,都选择 axios来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求。 Vuex 的安装将不再赘述,可以参考...
- H5判断 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识别<![endif]--> <!--[if gte I... H5判断 <!--[if IE 6]>仅IE6可识别<![endif]--> <!--[if lte IE 6]> IE6及其以下版本可识别<![endif]--> <!--[if lt IE 6]> IE6以下版本可识别<![endif]--> <!--[if gte I...
- 在前期博文《Vue进阶(八十四):vue中Computed 和 Watch的使用和区别》中,讲解了vue中Computed 和 Watch的使用和区别,其中,只是介绍了computed如何计算元素属性,并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 场景引入 在前端项目开发过程中,会遇到码值转换应用场景,且不同页面会存在复用码值... 在前期博文《Vue进阶(八十四):vue中Computed 和 Watch的使用和区别》中,讲解了vue中Computed 和 Watch的使用和区别,其中,只是介绍了computed如何计算元素属性,并未介绍如何方法传参。本篇博文主要讲解下如何利用computed的计算属性进行传参。 场景引入 在前端项目开发过程中,会遇到码值转换应用场景,且不同页面会存在复用码值...
- 在前期博文《Vue进阶(三十):vue中使用element-ui进行表单验证》、《Vue进阶(幺幺叁):关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题》、《Vue进阶(幺贰幺):表单校验注意事项》中主要讲解了form表单校验应遵守的约定及常见问题解决方法。在实现动态表单,且表单项为后台动态生成时,若... 在前期博文《Vue进阶(三十):vue中使用element-ui进行表单验证》、《Vue进阶(幺幺叁):关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题》、《Vue进阶(幺贰幺):表单校验注意事项》中主要讲解了form表单校验应遵守的约定及常见问题解决方法。在实现动态表单,且表单项为后台动态生成时,若...
- 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me... 相关Html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
- 对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于改变视图的同时不会向后端发出请求。 一、为了达到这个目的,浏览器提供了以下两种支持: 1、hash ——即地址栏URL中的#符号(此hsah 不是密码学里的散列运算)。 比如这个URL:http://www.abc.c... 对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于改变视图的同时不会向后端发出请求。 一、为了达到这个目的,浏览器提供了以下两种支持: 1、hash ——即地址栏URL中的#符号(此hsah 不是密码学里的散列运算)。 比如这个URL:http://www.abc.c...
- 在Vue项目npm run build过程中,突然爆出CssSyntaxError unclosed bracket的错误提示,一脸懵,好好的项目怎么突然就出幺蛾子了呢? 奇怪的是项目执行npm run dev命令时,可正常运行,而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用,所以在webpack... 在Vue项目npm run build过程中,突然爆出CssSyntaxError unclosed bracket的错误提示,一脸懵,好好的项目怎么突然就出幺蛾子了呢? 奇怪的是项目执行npm run dev命令时,可正常运行,而pro版本跟dev的版本中差了一个optimize-css-assets-webpack-plugin这个文件的引用,所以在webpack...
- WebStorm默认支持AngularJS React,Vue.js需要安装插件 一个是vue-for-idea,还有一个是vue.js,选一个安装就可以了 但依然没有Vue.js的New Project的向导,莫非要自己建个空项目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程 $ npm install -g vue-cli $ vu... WebStorm默认支持AngularJS React,Vue.js需要安装插件 一个是vue-for-idea,还有一个是vue.js,选一个安装就可以了 但依然没有Vue.js的New Project的向导,莫非要自己建个空项目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程 $ npm install -g vue-cli $ vu...
- 前言 在vue项目使用vue-resource实现异步加载的过程中,需要在任何一个页面任何一次http请求过程中,增加对token过期的判断,如果token已过期,需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断,那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢?答案是有的! v... 前言 在vue项目使用vue-resource实现异步加载的过程中,需要在任何一个页面任何一次http请求过程中,增加对token过期的判断,如果token已过期,需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断,那将会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢?答案是有的! v...
- 引言 在前端项目开发过程中,el-table展示的结果列使用组件形式引入,其中某些字段通过:formatter方法转码,结果栏位的字段显示/隐藏控制也使用组件形式引入,前端在控制字段显示属性时,发现码值转换及字段信息展示均有问题。 问题分析 通过阅读代码结构,发现el-table-column通过template循环生成,由于template的作用是模板占位符,可... 引言 在前端项目开发过程中,el-table展示的结果列使用组件形式引入,其中某些字段通过:formatter方法转码,结果栏位的字段显示/隐藏控制也使用组件形式引入,前端在控制字段显示属性时,发现码值转换及字段信息展示均有问题。 问题分析 通过阅读代码结构,发现el-table-column通过template循环生成,由于template的作用是模板占位符,可...
上滑加载中