笔记
web_wlx
不想做程序员的前端不是一个好设计
展开
-
Mac 系统按键冲突检测
Mac 系统按键冲突检测工具原创 2023-02-06 11:05:24 · 1832 阅读 · 0 评论 -
Vue2 开源中台项目
它使用了最新的前端技术栈,内置了 i18n 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。一个完全开源免费的企业中后台产品前端集成方案,使用最新的前端技术栈,小于 60kb 的本地首屏 js 加载,已经做好大部分项目前期准备工作,并且带有大量示例代码,助力管理系统快速开发。预览:https://preview.pro.antdv.com/user/login。项目预览:https://admin.iviewui.com。原创 2022-10-07 14:56:27 · 2314 阅读 · 0 评论 -
Vue 树结构 组件封装,无限循环
完成,预览效果 https://vue-app-sooty.vercel.app/#/tree。业务需求,展示公司结构,Elementui 无法满足需求,自己动手封装一个。新建index.vue。原创 2022-09-30 10:53:37 · 1113 阅读 · 0 评论 -
常用代码片段
常用代码片段Data 数据重置常用于表单编辑后重置// Vue2 Object.assign(this.$data, this.$options.data())// vue3setup() { const getResetState = () => { return { num: 1, }; }; const state = reactive({ ...getResetState() }); const原创 2021-12-13 23:21:33 · 484 阅读 · 0 评论 -
JS-Vue获取图片信息-上传
JS-Vue获取图片信息今天产品的一个需求是要求用户上传图片时候,对格式进行校验Demo预览 http://demo.webwlx.cn/#/ImgInfoDemo具体需求获取图片信息(格式,宽高,大小)文件唯一性校验(MD5值)实现思路上传文件,使用Element Ui 的上传组件 监听Change获取file文件的临时路径使用临时路径,获取宽高获取MD5,文件的唯一性校验代码片段// cnpm i SparkMD5 -Simport SparkMD5 from "sp原创 2021-11-25 22:42:51 · 1695 阅读 · 0 评论 -
推荐几个常用的JS库
share.js一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点官网地址:http://overtrue.me/share.js/microjsMicrojs提供了许多类库的框架,你可以按条件方便的搜索需要的类库或者框架官网地址:http://microjs.com...原创 2021-11-24 22:25:00 · 867 阅读 · 0 评论 -
iconfon全选一个项目的图标
F12打开控制台 运行一下下边的代码 等几秒就能全都加到购物车了// 全选document.querySelectorAll('li:not(.selected) [title=添加入库]').forEach(i=>i.click())// 取消全选document.querySelectorAll('[title=添加入库]').forEach(i=>i.click())...原创 2021-10-12 11:24:36 · 194 阅读 · 0 评论 -
uniApp上架注意踩坑事项
uniApp上架注意踩坑事项隐私协议最近上架一款社交类型的App,在安卓市场经常被驳回,总计原因就是,需要在协议内,写明所使用的权限说明,使用用途,相关SDK列表各行业的模板链接: https://pan.baidu.com/s/1ohMdMwdZ-MuFq2TUJxHuOg 密码: 97ii示例:建议使用webView 的形式,这样方便修改,应用市场也是需要http的链接,能保证统一被拒记录和解决方案弹窗,用户首次进入,需要有一个是否同意隐私协议的弹窗,参考QQ华为:原创 2021-08-04 11:16:39 · 3321 阅读 · 0 评论 -
利用内网穿透绑定授权登录的域名,进行本地调试(公众号)
登录公众号后台所需工具公众号(企业认证)域名一个,备案过natApp隧道1.登录微信公众平台,设置域名点击头像 > 功能设置 > 网页授权域名下载文件2.启动启动natAppnatApp配置(natapp的域名和解析,按照官网操作就行)启动文件下载windows链接: https://pan.baidu.com/s/1Hud4fsMnafpj0xPQkYr-qg 密码: taf1mac链接: https://pan.baidu.com/s/原创 2021-08-04 10:17:09 · 731 阅读 · 2 评论 -
MacOs 12 微信闪退
升级了6月8号发布的mac OS 12 Monterey 系统Mac 微信闪退问题微信和微信开发者工具闪退,官方已紧急修复,下载链接如下我的电脑是Mac Book Pro 2020 M1芯片,亲测可用微信https://ws28.cn/f/5nd8i0rp4z2 复制链接到浏览器打开微信开发者工具https://ws28.cn/f/5nd8ksdndda 复制链接到浏览器打开...原创 2021-06-12 18:18:35 · 2385 阅读 · 1 评论 -
自定义网页样式,例(百度)
今天在谷歌应用商店发现一个有趣的插件,可以自定义css和js最终效果插件地址插件名称原创 2020-10-05 18:17:53 · 355 阅读 · 0 评论 -
不可错过的VScode插件(二)
配置类插件:1.Settings Sync最好用的插件,没有之一,一台电脑配置好之后,其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了,使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展。2.Rainbow Brackets为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。效果如下:3.Indent-Rainbow..原创 2020-08-02 15:10:59 · 288 阅读 · 0 评论 -
双屏工具,win+d只隐藏当前桌面
遇到一个问题,就是双显示器的时候,win+d快捷键的时候,两个屏幕都隐藏了, 解决方案,下载运行该软件即可下载链接链接:https://pan.baidu.com/s/159cTsO1FIzDyS2WHWxpm0A提取码:0822如果需要设置开机自启动1、快捷键“win+r”打开运行输入“shell:startup”回车。2.将软件的快捷方式放进来即可...原创 2020-08-01 11:08:06 · 4249 阅读 · 4 评论 -
教你轻松获取windows10锁屏壁纸
每次windows10锁屏之后,都会被精美的锁屏壁纸震撼到,相信很多小伙伴都跟我一样,有一种想把这些图片保存下来的冲动。可是这些图片在哪个文件夹里呢,为什么找来找去都没有呢?不要着急,只要简单操作几步,就能获得这些图片,你可以用做桌面壁纸,也可以做到PPT里……图片来自win10锁屏壁纸1.同时按下键盘上 [Win + R] 键,打开运行对话框(Win键就是键盘左下角Ctrl键右边的windows徽标键);2.将下面这条命令复制到输入框中点击确定;每次windows10锁..原创 2020-07-22 09:35:27 · 867 阅读 · 0 评论 -
Fiddler抓包工具总结
Fiddler抓包工具总结序章Fiddler是一个蛮好用的抓包工具,可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。反正好处多多,举之不尽呀!当年学习的时候也蛮费劲,一些蛮实用隐藏的小功能用了之后就忘记了,每次去网站上找也很麻烦,所以搜集各大网络的资料,总结了一些常用的功能。Fiddler 下载地址 :https://www.telerik.com/download/fiddlerFiddler 离线下载地址:https://pan.baidu.原创 2020-07-21 23:12:58 · 302 阅读 · 1 评论 -
Vue图片放大镜插件
vue-photo-zoom-proVue(2.x) 图片放大器(Photoloupe)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wdg2GA8A-1594395415139)(https://raw.githubusercontent.com/Mater1996/vue-photo-zoom-pro/master/example.png)]DEMOdemoUsage examplenpm install vue-photo-zoom-promai原创 2020-07-10 23:37:27 · 4082 阅读 · 0 评论 -
Windows 10当中如何自己添加开机启动应用
Windows 10当中如何自己添加开机启动应用在开始菜单的搜索栏内或者在“运行”(快捷键win+r键)窗口内输入以下命令后回车:shell:Common Startup,打开启动文件夹将应用软件生成 快捷方式 放入C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp 文件夹。...原创 2020-02-05 11:53:16 · 289 阅读 · 0 评论 -
vs code快捷键及设置备份
快捷键// 将键绑定放在此文件中以覆盖默认值auto[] 快捷键 [ { "key": "ctrl+d", "command": "-editor.action.addSelectionToNextFindMatch", "when": "editorFocus" }, { "key": "ctrl+...原创 2020-01-16 14:27:24 · 1250 阅读 · 0 评论 -
axios和vue-axios的关系
vue-axios是将axios集成到Vue.js的小包装器,可以像插件一样进行安文档https://www.npmjs.com/package/vue-axioscnpm install --save axios vue-axios在mian.js中引用axios,vue-axios,通过全局方法 Vue.use() 使用插件,就相当于调用install方法import Vue ...原创 2020-01-03 13:15:43 · 899 阅读 · 0 评论 -
qs.js 更好的处理url参数
qs.parseqs.parse 方法可以把一段格式化的字符串转换为对象格式,比如let url = ‘http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e‘;let data = qs.parse(url.split(‘?‘)[1]);// data的结果是{ a: 1, b: 2, ...原创 2020-01-03 12:25:52 · 615 阅读 · 0 评论 -
Vue-cli 将px转化为rem
vue-cli2版本配置1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例&l...原创 2019-11-22 15:11:24 · 500 阅读 · 0 评论 -
在vue项目中使用scss
1.首先安装依赖npm install node-sass sass-loader --save-dev2.找到build中webpack.base.conf.js,在rules中添加scss规则{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}3.在vue文件中使用<style lang='sc...原创 2019-11-02 09:26:11 · 222 阅读 · 0 评论 -
判断浏览器标识
今天做支付需要判断浏览器标识,转存判断是微信还是支付宝浏览器 var browser = navigator.userAgent.toLowerCase(); if(browser.match(/Alipay/i)=="alipay"){ console.log("支付宝app的浏览器"); }else if(browser.match(/MicroMes...转载 2019-10-30 14:23:15 · 287 阅读 · 0 评论 -
日常笔记
vscode 清除多余空行使用正则表达式 ^\s*(?=\r?$)\n ^\s*(?=\r?$)\nvscode 清除多余的打印// console.log()加了分号console\.log\(.*?\); // console.log()没加分号console\.log\(.*?\)阻止微信浏览器自带的双击放大和任意放大缩小<me...原创 2019-09-16 09:22:45 · 77 阅读 · 0 评论 -
编辑网页文字
F12打开控制台在console里面输入代码document.body.contentEditable=true如果返回true了,网站页面上的文字都是处于可编辑的状态,试试点一下文字,然后可以修改文字...原创 2019-09-12 09:56:42 · 397 阅读 · 0 评论