- 博客(17)
- 收藏
- 关注
原创 vue自定义指令(防抖指令,图片懒加载 ,权限校验指令, 实现页面水印,拖拽指令)
权限指令来源 Michael-lzg/v-directivesVue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。批量注册指令,新建 directives/index.js 文件import copy from './permission'import longpress from './draggable'// 自定义指令cons
2021-01-05 10:21:44 607
原创 前端面试常见的手写功能(常用代码)
更多方法:https://juejin.im/post/68735130070375465101. 防抖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 262
原创 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 261
原创 vue发布项目优化
发布环境去掉开发环境中的console.*的代码1、安装 babel-plugin-transform-remove-console插件(babel-plugin-transform-remove-console) npm install babel-plugin-transform-remove-console --save-dev2、配置文件修改3、externals把依赖包换成DNS(在index.html中引入DNS)4、自定制首页内容配置文件首页(index.html)中加入
2020-05-25 15:57:44 5257
原创 webpack的基本使用(1)
loader加载器 打包模块3、打包处理css文件4、打包处理less文件5、打包处理sass文件6、配置possCSS自动添加css兼容前缀7、打包样式表中的图片和字体文件8、打包处理js中的高级语法(例:class 类)9、webpack中配置vue的加载器10、webpack项目中使用vue11、webpack的简单打包发布总结代码webpack.config.js的配置文件代码...
2020-05-25 14:26:32 5244
原创 webpack的基本使用
一、webpack的基础配置第一步、基础创建第二步、安装配置第三步、入口与出口第四步、自动运行打包配置第五步 页面预览(不用输入确定的文件夹名称)第六步 配置自动打开网页
2020-05-22 17:49:38 5174
原创 基础知识vue1
一、Promise处理Ajax请求1、方法封装:二、es6模块化三、export到处可以多次,但是export defalt默认导出只能一次直接导入并执行模块代码:import ‘文件路径’
2020-05-22 16:55:50 5219
原创 一行css代码搞定响应式布局
设置在本文中,我将继续使用我在第一篇 CSS Grid 布局教程文章中的网格布局。然后,我们将在文章末尾添加图片。下面是我们初始化网格的外观:HTML 代码:<div class="container"> <div>1</div> <div>2</div> <div>3</div> <...
2019-11-06 11:25:23 3927
原创 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 4149
原创 git的使用之分支
jit官网分支的新建与合并新建分支并切换$ git branch iss53$ git checkout iss53等同于$ git checkout -b branchNameSwitched to a new branch "branchName"查看当前分支$ git branch iss53* master testing创建一个新分支指针你继续在 ...
2019-09-05 11:34:14 3842
原创 把json对象改成树状型
把json对象改成树状型插件json数据的树形列表https://github.com/lslvxy/bootstrapTable-treeView纯jseg:把testData:[ { id:'1', name:"aa", desc:"这是一个描述", parentId:null, },{ id:'11', name:"aa_sub1", des...
2019-09-04 17:03:49 4260
原创 前端开发规范
前端开发规范 (vue)基本规范遵守vue的组件化规则严格遵守数据驱动原则命名规范首要原则 : 语义化 , 命名要浅显易懂 , 尽量使用英文翻译文件 , 文件夹 : 不允许使用横杠等有歧义的字符命名文件或者文件夹尽量采用 大驼峰 , 小驼峰基本项目逻辑 (仅前端)登陆 -> 获取该人员拥有的角色等 (将token值 , 角色数组 , 用户基本信息等存入缓存 c...
2019-09-04 16:41:35 4004
转载 前端上传直接调用相机
https://blog.csdn.net/github_38516987/article/details/77988182移动端直接调用相机,在引用的组建中加入属性capture=‘camera’,就禁掉相册选择选项例如:
2019-09-04 16:39:32 3986
原创 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 4306 1
原创 git使用
git使用使用git上传本地项目到GitHub上和更新使用git上传本地项目到GitHub上和更新git的上传命令方式:方式一、从官网上git clone 网址初始化的时候方式二、1、git init2、git remote add origin 码云clone地址3、git add . //.表示所有文件 上传文件4、git pull origin master...
2019-09-04 16:32:41 4154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人