![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue-router
文章平均质量分 88
weixin_42140041
这个作者很懒,什么都没留下…
展开
-
vue项目中实用的自定义指令
在我们开发过程中,有些处理起来非常麻烦的小功能,用自定义指令可能非常简单就能实现。首先看下vue官网关于自定义指令的介绍:简介除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子。当页面加载时,该元素将获得焦点。只要你在打开这个页面后还没点击过任何内容,这个输入框就应当还是处于聚焦状态。现在让原创 2021-02-22 14:10:44 · 374 阅读 · 0 评论 -
一小时上手webpack(基础使用指南含demo)
一、什么是webpack官方定义:webpack is a module bundler lets you write any module format(mixed also), compiles then for the browser. And it supports static async bundling.简单的说webpack是一个构建工具,什么是构建工具呢,我们在开发环境的代码,是为了方便阅读与开发,生产环境的代码则是为了代码更好的运行。开发环境的代码,要进行压缩编译以后,才能放在线上原创 2021-01-11 10:49:16 · 97 阅读 · 0 评论 -
一节课彻底弄懂promise、async、await
刚接触js的时候,对于es6的promise、async、await简直怕的要死,甚至有段时间非常害怕promise这个词,随着后面慢慢的接触,觉得这个东西并非那么难理解,主要还是需要弄懂js的一些基础知识。那么接下来,跟上我的思路,一起彻底弄懂promise、async、await。关于这个系列一共三个比较重要的知识点:1、关于什么同步、异步,其中涉及了一些堆栈和消息队列、事件轮询的知识;2、关于异步编程的几个解决方案,主要是回调函数和promise;3、关于异步编程的终极解决方案Genera原创 2020-11-18 13:58:52 · 224 阅读 · 0 评论 -
类似商品筛选的插件vue-screening-drawer
vue-screening-drawerA Vue mobile plugin开发背景项目当中需要一个右侧弹出的筛选框,有点类似于京东的商品筛选框H5项目使用的UI框架是滴滴开源的mand-mobile,框架里面没有这种功能的筛选框找了很多框架,没有遇到完全合适的,于是决定自己封装一个最后的效果是这样的使用手册安装npm install vue-screening-drawer --save-dev引入import screeningDrawer from ‘vue-scree原创 2020-11-18 10:14:14 · 301 阅读 · 0 评论 -
04 js高阶函数(惰性函数、柯里化函数、compose函数)和单例设计模式
高阶函数的定义在《javascript设计模式和开发实践》中是这样定义的。函数可以作为参数被传递;函数可以作为返回值输出。结合这两个特点,首先想到的肯定是回调函数,回调函数也是高阶函数的一种,除了回调函数,还有很多的高阶函数,这篇文章主要是惰性函数、柯里化函数、compose函数这三种。一、惰性函数概念懒,执行过一遍的东西,如果第二遍执行还是一样的效果,则我们就不想让其重复执行第二遍了栗子我们要封装一个获取元素属性的方法,因为低版本的ie浏览器不支持getComputedStyle方法原创 2020-07-23 16:24:31 · 237 阅读 · 0 评论 -
重学原生js之变量提升
变量声明是所有的编程语言中最基础部分之一。然而,JavaScript 有一个怪异点,称之为变量提升(hositing),这个能够让一个看上去无关紧要的声明变成一个小bug。一、变量提升在当前上下文遇到一个变量,如果不是私有的,则向上级上下文中查找一直找到全局上下文为止, 如果全局上下文中也没有:如果是获取变量的值,则直接报错2. 如果是设置变量的值,则相当于给window(GO)设置一个属性二、window全局对象和全局变量的关系1、两者关系两者之间存在映射关系(创建一个全局变量,也相原创 2020-07-17 15:04:16 · 96 阅读 · 0 评论 -
由一道面试题来深入理解闭包
有这么一道不太难的面试题,做出这道题应该是轻轻松松,但是想要了解这道题本身考察的知识点,就需要仔细的研究一下:let x = 1;function A(y){ let x = 2; function B(z){ console.log(x+y+z); } return B;}let C = A(2);C(3);按照闭包的概念,上面的例子中,函数套函数,子级函数里面用了父级函数的变量,这种情况就属于闭包打印结果是71、let C = A(2)调原创 2020-07-14 18:15:37 · 158 阅读 · 0 评论 -
vue项目中pdf.js实战,含水印、电子签章解决方案
项目涉及到移动端查看电子合同的问题,前前后后试了三种方案,真是一步一个坑,三种方案各有各的优点,不水,直接上代码,按照自己的需求选择。一、pdf-vue直接使用vue-pdf插件,核心的代码是pdf.js,只不过就是自己封装了一下,优点是方便快捷,缺点是无法加载电子签章。github地址: https://github.com/FranckFreiburger/vue-pdf#readme1、npm install pdf-vue --save2、template代码<template&g原创 2020-07-08 10:28:54 · 4604 阅读 · 2 评论 -
node+express+mysql入门指南
前端进阶路上node是躲不过去的技术栈,对于大部分前端来说,都或多或少的写过一些node代码或者demo,接下来就一步一步构建属于自己的node后台接口。技术栈:node.js、express框架、mysql、pm2写在前面这篇博客适合有一定前端开发经验、学习过一点node.js的同学,因为项目当中使用了非常多的es6语法,所以最好对es6也有一定的了解。一、express1、新建一个js文件(index.js)2、全局安装:npm install express --save3、js文件原创 2020-06-09 14:24:38 · 161 阅读 · 0 评论 -
动态路由前端控制还是后端控制?(附代码)
关于后台管理系统的路由,想花一点时间,彻底的整理一份实现动态路由的点点滴滴。首先声明,这篇文章是基于花裤衩大神的《手摸手,带你用vue撸后台》,在他项目的基础上,帮助想要实现动态路由的小伙伴,来写的一篇使用笔记。https://segmentfault.com/a/1190000009506097#item-3为什么要实现动态路由?我们在开发后台管理系统的过程中,会有不同的人来操作系统,有admin(管理员)、superAdmin(超管),还会有各种运营人员、财务人员。为了区别这些人员,我们会给原创 2020-05-13 13:49:25 · 1900 阅读 · 1 评论