- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue自定义指令（防抖指令，图片懒加载 ，权限校验指令， 实现页面水印，拖拽指令）
权限指令 来源 Michael-lzg/v-directives Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。 批量注册指令，新建 directives/index.js 文件 import copy from './permission' import longpress from './draggable' // 自定义指令 cons
2021-01-05 10:21:44
649
原创 前端面试常见的手写功能（常用代码）
更多方法：https://juejin.im/post/6873513007037546510 1. 防抖 function debounce(func, ms = 1000) { let timer; return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { func.apply(this, args) }, ms)
2020-09-24 16:37:43
302
原创 typescript的安装使用（1）
1、安装解析typescript的工具包：npm i -g typescript （1）、新建一个newFile.ts文件，里面写入正常语法 （创建ts文件并写代码） （2）、终端运行=> tsc newFile.ts，会生成newFile.js文件 （执行代码） （3）、执行文件=>node newFile.js （执行代码，运行结果） 简化以上步骤： 先安装一个ts-node包 ：npm i -g ts-node 使用方式：ts-node newFile.ts 不生成中间文件newFi
2020-09-17 15:21:40
296
原创 vue发布项目优化
发布环境去掉开发环境中的console.*的代码 1、安装 babel-plugin-transform-remove-console插件（babel-plugin-transform-remove-console） npm install babel-plugin-transform-remove-console --save-dev 2、配置文件修改 3、externals把依赖包换成DNS（在index.html中引入DNS） 4、自定制首页内容 配置文件 首页（index.html）中加入
2020-05-25 15:57:44
5288
原创 webpack的基本使用(1)
loader加载器 打包模块 3、打包处理css文件 4、打包处理less文件 5、打包处理sass文件 6、配置possCSS自动添加css兼容前缀 7、打包样式表中的图片和字体文件 8、打包处理js中的高级语法（例：class 类） 9、webpack中配置vue的加载器 10、webpack项目中使用vue 11、webpack的简单打包发布 总结代码 webpack.config.js的配置文件代码 ...
2020-05-25 14:26:32
5288
原创 webpack的基本使用
一、webpack的基础配置 第一步、基础创建 第二步、安装配置 第三步、入口与出口 第四步、自动运行打包配置 第五步 页面预览（不用输入确定的文件夹名称） 第六步 配置自动打开网页
2020-05-22 17:49:38
5196
原创 基础知识vue1
一、Promise处理Ajax请求 1、方法封装： 二、es6模块化 三、export到处可以多次，但是export defalt默认导出只能一次 直接导入并执行模块代码：import ‘文件路径’
2020-05-22 16:55:50
5249
原创 一行css代码搞定响应式布局
设置 在本文中，我将继续使用我在第一篇 CSS Grid 布局教程文章中的网格布局。然后，我们将在文章末尾添加图片。下面是我们初始化网格的外观： HTML 代码： <div class="container"> <div>1</div> <div>2</div> <div>3</div> <...
2019-11-06 11:25:23
3955
原创 git的使用之撤销操作命令
回退版本 HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。 穿梭前，用git log可以查看提交历史，以便确定要回退到哪个版本。 要重返未来，用git reflog查看命令历史，以便确定要回到未来的哪个版本。 git reset -head 版本号（git log可以查看） git push -f （强制...
2019-09-05 16:44:48
4213
原创 git的使用之分支
jit官网 分支的新建与合并 新建分支并切换 $ git branch iss53 $ git checkout iss53 等同于 $ git checkout -b branchName Switched to a new branch "branchName" 查看当前分支 $ git branch iss53 * master testing 创建一个新分支指针 你继续在 ...
2019-09-05 11:34:14
3870
原创 把json对象改成树状型
把json对象改成树状型 插件 json数据的树形列表 https://github.com/lslvxy/bootstrapTable-treeView 纯js eg：把 testData:[ { id:'1', name:"aa", desc:"这是一个描述", parentId:null, },{ id:'11', name:"aa_sub1", des...
2019-09-04 17:03:49
4300
原创 前端开发规范
前端开发规范 (vue) 基本规范 遵守vue的组件化规则 严格遵守数据驱动原则 命名规范 首要原则 : 语义化 , 命名要浅显易懂 , 尽量使用英文翻译 文件 , 文件夹 : 不允许使用横杠等有歧义的字符命名文件或者文件夹 尽量采用 大驼峰 , 小驼峰 基本项目逻辑 (仅前端) 登陆 -> 获取该人员拥有的角色等 (将token值 , 角色数组 , 用户基本信息等存入缓存 c...
2019-09-04 16:41:35
4034
转载 前端上传直接调用相机
https://blog.csdn.net/github_38516987/article/details/77988182 移动端直接调用相机，在引用的组建中加入属性 capture=‘camera’，就禁掉相册选择选项 例如:
2019-09-04 16:39:32
4025
原创 git创建分支
Git如何在码云上建立分支，合并，删除 本文链接：https://blog.csdn.net/qq_33330687/article/details/80990295 查看分支：git branch 创建分支：git branch 切换分支：git checkout 创建+切换分支：git checkout -b 合并某分支到当前分支：git merge 删除分支：git branch -...
2019-09-04 16:33:34
4352
1
原创 git使用
git使用使用git上传本地项目到GitHub上和更新 使用git上传本地项目到GitHub上和更新 git的上传命令方式： 方式一、从官网上git clone 网址 初始化的时候 方式二、 1、git init 2、git remote add origin 码云clone地址 3、git add . //.表示所有文件 上传文件 4、git pull origin master ...
2019-09-04 16:32:41
4230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人