JavaScript
文章平均质量分 55
勇PAN高峰
这个作者很懒,什么都没留下…
展开
-
element-ui 二次封装系列- button(二)
看此篇前,请阅读上一篇https://blog.csdn.net/sky2714/article/details/112494719在上一篇中, 我们用一个简单的 autoLoading属性 二次封装了el-button得到了pl-button组件,本篇中,我们继续丰富pl-button组件.和自动loading相似,我们经常会有点击按钮需要弹窗二次确认的情况,如:点击删除按钮时,我们需要使用messageBox组件进行二次确认 this.$confirm('此操作将永久删除该文件, 是否继续?',原创 2021-01-11 21:25:15 · 732 阅读 · 0 评论 -
JavaScript获取url中的参数
利用JavaScript获取url中的参数是一个很常用的程序,也是前端面试常有的面试题.实现这个程序的方法有很多种,通常采用正则匹配或者字符串截取的方法. 正则匹配是一个比较好的方法,不过对于不会正则的前端初学者不太适合.这里采用转化为对象的方法.代码如下:<!DOCTYPE HTML><html lang="en"><head> <meta http-equiv="Content原创 2017-01-03 10:40:59 · 237 阅读 · 0 评论 -
Vue.js开发常见问题
Vue.js由于其语法简单,文档友好,而且是一个渐进式框架,因而得到了许多前端开发者的青睐.尤其对初学者而言,入门Vue.js比目前前端三大框架中的另外两个都容易的多.但是同时,简单并不意味着低级,把Vue.js弄会还是需要掌握不少东西的,尤其对于没有接触过webpack构建工具的初学者. 这里列举一些Vue.js常见的开发问题. 1.Vue项目如何部署 Vue.js 的脚手架已经为我原创 2017-10-05 21:05:26 · 587 阅读 · 0 评论 -
vue-cli配置环境变量
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常对这个都不陌生,用这个最多的基本就是我们配置ajax请求的域名头了,if (process.env.NODE_ENV ...原创 2018-07-08 18:30:42 · 3689 阅读 · 0 评论 -
Vue下路由History模式打包后页面空白
vue的路由在默认的hash模式下,默认打包一般不会有什么问题,不过hash模式由于url会带有一个#,不美观,而且在微信分享,授权登录等都会有一些坑.所以history模式也会有一些应用场景.新手往往会碰到history模式打包后页面一片空白的情况,而且没有资源加载错误的报错信息.这个其实仔细研究下会发现,如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官...原创 2018-07-02 17:15:09 · 6241 阅读 · 0 评论 -
Vue微信授权登录前后端分离较为优雅的解决方案
微信授权登录是一个非常常见的场景,利用微信授权登录,我们可以很容易获取用户的一些信息,通过用户对公众号的唯一openid从而建立数据库绑定用户身份. 微信授权登录的机制这里不做详述,微信官方文档已有详述,简述就是通过跳转微信授权的页面,用户点击确认后,微信会跳到回调页面,此时回调页面url上会携带code参数,通过code参数,后端可以拿code换取拥护openid,或者用户信息 ...原创 2018-06-28 13:54:14 · 13507 阅读 · 4 评论 -
使用async await 封装 axios
es6 的promise 逐步解决了层层回调的问题,es8的async await让异步变成了同步的写法,在vue中,可以通过封装axios,使得所有的请求都可以使用同步写法,同时处理错误信息等,可以建一个api.js文件,全局创建api实例.import axios from 'axios'const qs = require('qs')const api = { async g...原创 2018-07-07 13:18:30 · 10763 阅读 · 0 评论 -
Vue自定义指令封装节流函数
节流函数是web前端开发中经常用到的一个开发技巧,在input实时搜索,滚动事件等,为了避免过多消耗性能,我们都会使用节流函数.在《JavaScript高级程序设计》一书中有这样的一个例子: function throttle (method, context) { clearTimeout((method.tId)) method.tId = setTimeout(funct...原创 2018-07-07 23:45:07 · 2836 阅读 · 1 评论