- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 保姆级教学从0-1开发一个chrome插件
不知道大家在平时上班努(mo)力(yu)时有没有以下烦恼呢?浏览csdn网站时被他左右两栏的广告和不相关的内容干扰视线跳到知乎时没有登录,会弹出很烦人的登陆弹窗,需要你手动关闭有一些好学的可能找到了一款叫油猴插件来避免这个问题,我也一开始是这样来避免的,但是csdn处理的页面有点丑,我看到插件源码是原生JavaScript写的,出于程序员的好奇心,就想看看他是怎么实现的,自己能不能实现一个呢?通过一顿baidu,其实发现并不是很难,主要是要按照chrome的插件开发的配置来,合适的时机执
2021-09-26 11:58:12 1136
原创 js文件上传精准校验文件类型,防止直接.mp4改成.mp3上传
一个完成音乐上传的需求,按照常理都是在onChange的时候拿file的type来判断类型对不对,这样是存在很大风险的,如果用户直接修改了文件名的后缀,比如.mp4直接改成.mp3,在不支持的播放器中肯定会出现不能播放的问题。 如何能...
2021-07-27 17:14:26 3176 1
原创 vue仿Element从0到1实现自己的组件库并发布到npm
十二、封装成ui组件库用vue创建的脚手架项目在compontent下写好组件一定要定义name,写完封装好,现在我们要将组件打包成组件库,上传到github上。由于是模仿element-ui进行的组件封装,所以在发布时也是用element-ui的打包结构。12.1目录调整我们新建一个vue项目,并且在根目录创建两个文件夹就packages和examples。packages:用于存放所有的组件examples:用于进行测试,把src改为examples我们将之前写好的组件以及字体图标copy到
2021-03-14 21:27:52 662
原创 git代码(版本)回退最全解决方案
git常用命令我只说明一下我常用的命令和我自己代码回退的用法 ,之前使用网上的一直没有成功,所以记录一下,防止以后再次遇到可以有资料查阅;先说明一下我司的代码管理:我们每次新增需求时候,会基于master新建分支;提测时候会把自己的分支merge到test上线的时候会merger到master所有这个流程下,在多次迭代时,严禁test代码merge到本地的,只能master可以merge到本地,如果把test合并到了本地,有可能把别人不需要上生产的问题代码带上而我当时不知道把t
2020-12-20 18:14:07 1187
原创 vue中vuex中的动态图片路径动打包后加载不出来的问题?
做项目遇到了,在vuex中定义一个图片地址变量赋值相对路径,绝对路径在打包后都不能显示出来,查看元素,看到地址没有编译,产看资料以后发现,直接赋值路径不会经过url-loader的编译,路径还是编译之前的,但是已经找不到那个文件的路径,所以要想触发webpack的url-loader重新编译,需要使用require和import的方式引入图片路径:import的方式:利用require的方式...
2019-07-25 16:42:01 893 1
原创 用js模拟栈的实现,并实现逆波兰表达式,
最近在学习算法和数据结构,直接上代码;先看一下在学习中的截屏参考下栈的特性,这个图很形象;先用js中的数组模拟实现一下:// 栈是先今后出(后进先出原则) //用数组模拟一个栈,实现stack类 function Stack() { var items = [];//存储数据 //从栈顶添加元素,也叫压栈 this.push ...
2019-07-19 14:31:52 219
原创 用js实现斐波那契数列的方法
在平时面试的时候不少人问道让实现一个斐波那契数列,即[1,1,2,3,5…]这样的效果,鄙人不才答不上来,最近再网上看到了好多方法,我只写一下我在本地能跑起来,我能看懂的两种方法,不喜勿喷1.方便直接的 function fibonacci(n) { // num1,num2等于几就从几开始 var num1= 6,num2= 7,sum; v...
2019-07-19 09:59:11 337
转载 vscode react中标签自动补全 vscode jsx语法自动补全html标签
能找到我这个文章的八成就是前端了,前端都习惯了代码自动补全,猛一下的自己打闭合标签很不习惯,再说了,VSCODE多强大啊,怎么可能没有解决办法,方法如下:文件–首选项–设置–用户设置在用户设置添加“emmet.includeLanguages”: { "javascript": "javascriptreact"}如果你是mac用户,code–首选项–设置,进入后和windo...
2019-07-03 23:34:38 350
原创 element-ui中hover-row 失效的解决方案
我在本地调试。element-ui的table组件的鼠标滑过效果,用纯css控制按钮的隐藏显示,鼠标滑过会有hover-row,这个属性,但是在老大和其他同事的电脑上不显示,当时找了好半天,才发现hover-row失效了,在网上找到如下解决方法。 .el-table--enable-row-hover .el-table__body tr:hover > td { .cente...
2019-05-10 16:11:26 7649 7
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人