- 博客(37)
- 收藏
- 关注
RSS订阅原创 Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能。
2023-06-09 11:44:42
4231
1
原创 Element-plus cascader 下拉组件卡顿问题
版本号: “element-plus”: “^1.0.2-beta.71”,使用过程中，el-cascader 三级联动时候页面会卡死。
2023-03-16 22:41:31
838
原创 vue3免费中台项目
中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目，该项目使用最新的前端技术栈，相信不管是从新技术使用还是其他方面，都能帮助到你。预览：https://tdesign.tencent.com/starter/vue/#/dashboard/base。一套基于vue3、element-plus、typesScript4、vite3的后台集成方案。基于腾讯出品的的tdesign ui组件。
2022-10-07 22:33:07
1198
原创 Vue2 开源中台项目
它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，小于 60kb 的本地首屏 js 加载，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统快速开发。预览：https://preview.pro.antdv.com/user/login。项目预览：https://admin.iviewui.com。
2022-10-07 14:56:27
2444
原创 Vue 树结构 组件封装，无限循环
完成，预览效果 https://vue-app-sooty.vercel.app/#/tree。业务需求，展示公司结构，Elementui 无法满足需求，自己动手封装一个。新建index.vue。
2022-09-30 10:53:37
1182
原创 常用代码片段
常用代码片段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
496
原创 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
1754
原创 推荐几个常用的JS库
share.js一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点官网地址：http://overtrue.me/share.js/microjsMicrojs提供了许多类库的框架，你可以按条件方便的搜索需要的类库或者框架官网地址：http://microjs.com...
2021-11-24 22:25:00
900
原创 Uniapp - Vuex 数据持久化存储
由于vuex数据刷新后会失效，需要配合Storge缓存，达到刷新不失效，但是每次都去读取Storge又很麻烦，推荐如下方式解决使用 vuex-persistedstate下载js 文件链接：https://pan.baidu.com/s/1nvZjaxBSj_tKiYVVoJu9iQ提取码：1s3u在Store.js里引入文件import Vuex from "vuex";import Vue from "vue";Vue.use(Vuex);import createPersiste.
2021-11-24 22:01:45
3865
4
原创 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
228
原创 uniApp上架注意踩坑事项
uniApp上架注意踩坑事项隐私协议最近上架一款社交类型的App，在安卓市场经常被驳回，总计原因就是，需要在协议内，写明所使用的权限说明，使用用途，相关SDK列表各行业的模板链接: https://pan.baidu.com/s/1ohMdMwdZ-MuFq2TUJxHuOg 密码: 97ii示例：建议使用webView 的形式，这样方便修改，应用市场也是需要http的链接，能保证统一被拒记录和解决方案弹窗，用户首次进入，需要有一个是否同意隐私协议的弹窗，参考QQ华为：
2021-08-04 11:16:39
3610
原创 利用内网穿透绑定授权登录的域名，进行本地调试（公众号）
登录公众号后台所需工具公众号（企业认证）域名一个，备案过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
846
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
2500
1
原创 不可错过的VScode插件（二）
配置类插件：1.Settings Sync最好用的插件，没有之一，一台电脑配置好之后，其它的几台电脑都不用配置。新机器登录一下就搞定了。再也不用折腾环境了，使用GitHub Gist同步多台计算机上的设置，代码段，主题，文件图标，启动，键绑定，工作区和扩展。2.Rainbow Brackets为圆括号，方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员，当然还有JavaScript和其他程序员特别有用。效果如下：3.Indent-Rainbow..
2020-08-02 15:10:59
307
原创 不可错过的VScode插件（一）
Material Theme经典的主题 Visual Studio Code 最悠久的主题！Brackets Light Pro一款经典的浅色皮肤BeautifyHTML,CSS,SCSS,JS格式化Open-In-Browser右键或者alt + b 在浏览器中预览文件IntelliSense for CSS class names in HTML...
2020-08-02 15:05:16
1661
原创 双屏工具，win+d只隐藏当前桌面
遇到一个问题，就是双显示器的时候，win+d快捷键的时候，两个屏幕都隐藏了， 解决方案，下载运行该软件即可下载链接链接：https://pan.baidu.com/s/159cTsO1FIzDyS2WHWxpm0A提取码：0822如果需要设置开机自启动1、快捷键“win+r”打开运行输入“shell:startup”回车。2.将软件的快捷方式放进来即可...
2020-08-01 11:08:06
4667
4
原创 教你轻松获取windows10锁屏壁纸
每次windows10锁屏之后，都会被精美的锁屏壁纸震撼到，相信很多小伙伴都跟我一样，有一种想把这些图片保存下来的冲动。可是这些图片在哪个文件夹里呢，为什么找来找去都没有呢？不要着急，只要简单操作几步，就能获得这些图片，你可以用做桌面壁纸，也可以做到PPT里……图片来自win10锁屏壁纸1.同时按下键盘上 [Win + R] 键，打开运行对话框（Win键就是键盘左下角Ctrl键右边的windows徽标键）；2.将下面这条命令复制到输入框中点击确定；每次windows10锁..
2020-07-22 09:35:27
920
原创 Fiddler抓包工具总结
Fiddler抓包工具总结序章Fiddler是一个蛮好用的抓包工具，可以将网络传输发送与接受的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。反正好处多多，举之不尽呀！当年学习的时候也蛮费劲，一些蛮实用隐藏的小功能用了之后就忘记了，每次去网站上找也很麻烦，所以搜集各大网络的资料，总结了一些常用的功能。Fiddler 下载地址 ：https://www.telerik.com/download/fiddlerFiddler 离线下载地址：https://pan.baidu.
2020-07-21 23:12:58
336
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
4144
1
原创 Windows 10当中如何自己添加开机启动应用
Windows 10当中如何自己添加开机启动应用在开始菜单的搜索栏内或者在“运行”(快捷键win+r键)窗口内输入以下命令后回车：shell:Common Startup，打开启动文件夹将应用软件生成 快捷方式 放入C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp 文件夹。...
2020-02-05 11:53:16
326
原创 vs code快捷键及设置备份
快捷键// 将键绑定放在此文件中以覆盖默认值auto[] 快捷键 [ { "key": "ctrl+d", "command": "-editor.action.addSelectionToNextFindMatch", "when": "editorFocus" }, { "key": "ctrl+...
2020-01-16 14:27:24
1374
原创 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
932
原创 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
649
原创 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
526
原创 在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
245
转载 判断浏览器标识
今天做支付需要判断浏览器标识，转存判断是微信还是支付宝浏览器 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
305
原创 日常笔记
vscode 清除多余空行使用正则表达式 ^\s*(?=\r?$)\n ^\s*(?=\r?$)\nvscode 清除多余的打印// console.log()加了分号console\.log\(.*?\); // console.log()没加分号console\.log\(.*?\)阻止微信浏览器自带的双击放大和任意放大缩小<me...
2019-09-16 09:22:45
92
原创 编辑网页文字
F12打开控制台在console里面输入代码document.body.contentEditable=true如果返回true了，网站页面上的文字都是处于可编辑的状态，试试点一下文字，然后可以修改文字...
2019-09-12 09:56:42
423
原创 git命令收集
提交码云仓库Git 全局设置:git config --global user.name "王龙鑫"git config --global user.email "wlx_web@163.com"创建 git 仓库:mkdir zhsqcd zhsqgit inittouch README.mdgit add README.mdgit commit -m "firs...
2019-09-10 09:29:39
118
原创 前端设计工具导航
工具网址程序员的工具箱：https://tool.lu/色值转换：https://www.sioe.cn/yingyong/yanse-rgb-16/IP地址查询：http://www.ip138.com/前端导航：https://webjike.com免费港台空间：https://www.sanfengyun.com/free/免费国内空间：https://w...
2019-07-17 09:21:42
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人