![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
谭上彪
前端切图工程师
展开
-
JS设计模式之策略模式
JS设计模式之策略模式策略模式是诸多设计模式中最常用且实用的一个,得益于JavaScript 灵活的特性使得策略模式应用起来非常的好用方便。策略模式是什么就不多说了,我们来看个比较常见的需求来体会一下。需求:根据用户不同身份显示相应的值,假设有身份如下:学生教师家长主任校长需要根据身份给一个变量赋值,值为:我是[ 身份 ]通过以上需求我们可以采用最简单直接的方法,用 if 判断。if 判断实现版本// 假设用户身份为 校长const userIdentify = '校长'原创 2021-05-18 00:36:14 · 652 阅读 · 0 评论 -
自定义 loader 读取 *.vue 文件源码
相关依赖版本:node v10.15.0npm v6.4.1yarn v1.22.10vue-cli v4.5.9@vue/compiler v3.0.4GitHub: vue-source-demo1. 前言(需求)就是想读取 *.vue 文件的源码并高亮展示到页面上,又不想用第三方的依赖(其实是找不到)。2. 实现思路通过 vue-loader 自定义块 功能,获取目标文件的文件路径,然后通过 fs 读取源码,再用 @vue/compiler-core 的 API basePa原创 2020-12-11 01:57:37 · 5196 阅读 · 8 评论 -
vue 自定义指令 -- 移动端 touch拖拽
简介老板:移动端这里加个可以返回首页的按钮,要能可以拖动的。我:好的 老板。这个按钮样式有木有要求?老板:你自己看着办。效果嗯。。。 自我感觉还可以,应该不用再改,今晚可以准时下班了。代码相关文档:- vue-自定义指令废话不多说,直接上代码。这里都是一些加减法运算,相信大家应该可能都看得懂。drag.js/** * @description 移动端拖拽指令 * @author 谭上彪 * @date 2020-5-21 14:36:13 * */export defau原创 2020-05-21 16:35:31 · 3380 阅读 · 0 评论