前端开发
文章平均质量分 55
zoe驿鹿
这个作者很懒,什么都没留下…
展开
-
【微信公众号】微信扫一扫,条形码/一维码,二维码功能解析
api.jsgetSignatureInfo: (params) => fetch({ url: '/management-system/api/v1/wechat/signature', params, method: 'post', }),wx-tool.jsimport wx from 'weixin-js-sdk';import api from '@/api';class WxTool { constr..原创 2021-09-26 14:23:01 · 2884 阅读 · 0 评论 -
Mac Chrome 安装插件(无VPN)
1、将插件解压,打开Chorme扩展程序2、加载已解压的扩展程序2、复制新增的扩展程序id4、应用程序——chrome——右键——显示包内容——contents——info.plist红框部分为你新增扩展程序的id,代码如下:<key>ExtensionInstallWhitelist</key> <array> <string>新增扩展程序id</string> ...原创 2021-09-03 18:09:56 · 2656 阅读 · 0 评论 -
【JS】Axios取消未完成请求解决Tab频繁切换数据问题
一、场景描述Tab切换频率较低、数据返回速度理想的情况下,几乎不用考虑这个问题。切换频率高如果不处理未完成的请求不仅会严重影响页面性能,由于浏览器并发请求限制,也可能会造成后续请求超时。另外一个较为直观的业务影响是,频繁切换也会造成数据渲染错误,如下图:当前已切换到待付款,但是渲染的数据是前面请求的已完成的数据。二、解决方案原理:利用 Javascript XMLHttpRequest 对象上的 abort 方法,终止已发出的请求。MDN上关于此方法的解释:当一个请求被终止,它的 r...原创 2021-06-02 15:33:15 · 3351 阅读 · 0 评论 -
【内网穿透】NATAPP内网穿透详解
1、注册NATAPP并申请免费隧道https://natapp.cn/2、下载NATAPPhttps://natapp.cn/#download3、授权 解压完成后是一个文件,需要授权才能使NATAPP可运行,cd 到解压文件所在目录,授权命令行chmod a+x natapp4、运行NATAPPauthtoken获取方法:./natapp -authtoken=xxxxxxxxxx问题解决:InvalidHostheadervue.config...原创 2021-05-27 13:01:15 · 919 阅读 · 0 评论 -
【Vue + ElementUI】完美解决 el-progress percentage 超过100报错及百分比格式化显示处理
<el-progress :percentage="computedPercentage(scope.row) >= 100 ? 100 : computedPercentage(scope.row)" :format="computedPercentage(scope.row, 1)"></el-progress>computedPercentage(row, format){ if(!row.yearComplete || !row.yearTarget.原创 2020-08-24 14:55:24 · 9191 阅读 · 0 评论 -
【Sublime Text3】优秀的ST3插件
1、Git Confilict Resolver 快速查找git代码冲突{ "keys": ["ctrl+alt+f"], "command": "find_next_conflict" }, { "keys": ["ctrl+alt+o"], "command": "keep", "args": { "keep": "ours" } }, { "keys": ["ctrl+alt+t...原创 2020-03-24 09:43:41 · 206 阅读 · 0 评论 -
【Vue】Vue Router导航守卫 Maximum call stack size exceeded next path 解决方案
全局前置导航守卫中需要调用next()方法来resolve这个钩子,可以通过往next()里传入如:replace:true 、name:'home' 执行结果依赖next方法的调用参数。 当配置 next() 时会出现死循环或路由栈溢出,原因是当执行钩子函数时,如果遇到next('/home'),会触发离开的钩子,然后再次触发前置导航钩子,此时 to.path...原创 2020-03-16 00:49:31 · 3730 阅读 · 0 评论 -
【Sumblime Text】开启双/多屏显示同一个代码文件
打开要双屏显示的代码文件(横向): Alt+F+E 克隆文件 Alt + Shift + 2 (3,4,5)分出多个屏幕鼠标将克隆出来的文件拖至其它分屏竖向分屏:...原创 2020-03-14 17:27:40 · 588 阅读 · 0 评论 -
【Babel】Babel的工作原理
Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其它环境中。// Babel 输入: ES2015 箭头函数[1, 2, 3].map((n) => n + 1)// Babel 输出: ES5 语法实现的同等功能[1, 2, 3].map(function(n)...原创 2019-12-03 13:52:29 · 381 阅读 · 0 评论 -
webpack 报 Error: Cannot find module 'tapable'
出现这个问题的原因是:本地的npm被破坏 强制清空缓存:npm cache clear –force 删除掉本地的node_modules:rm -rf node_modules 重新安装所有的依赖的库:npm install 解决方案参考:https://www.crifan.com/webpack_package_error_cannot_find_modu...原创 2018-12-17 14:39:13 · 2874 阅读 · 0 评论 -
获取移动浏览器实际可用高度
获取移动浏览器实际可用高度:去掉顶部地址栏、底部操作栏 function getBrowserInterfaceSize() { var pageWidth = window.innerWidth; var pageHeight = window.innerHeight; if (typeof pageWidth != "number") { /...转载 2018-12-26 11:37:41 · 2779 阅读 · 0 评论 -
Sublime Text 实用插件(持续更新)
autoFilename 路径提示cssrem px转remconvertToUTF8 GBK编码支持Emmet 缩写语法Side bar 自定义侧边栏VUE formatter vue格式化sublime Code Intel 代码提示JavaScript Completions JS代码补全sublimeTmpl 新建文...原创 2019-02-27 17:17:04 · 140 阅读 · 0 评论 -
git Bash 命令行大全(持续更新)
1、目录、文件操作pwd ( print working directory )查看当前所在路径--绝对路径cd (change directory )切换目标cd .. 返回到上一个目录ls ( list )查看当前目录下的内容ll 列出的内容更为详细ll 列出的内容更为详细ls -al 包括隐藏文件和以.开头的文件mkdir ( make directo...原创 2018-10-25 16:12:59 · 3079 阅读 · 0 评论 -
HTML5 video自动播放不完全解决方案
<video> 设置了aotoplay="autoplay" 后偶发不自动播放,加上一个 muted 属性就可以解决这个问题。<video muted src="../video.mp4" width="100%" autoplay="autoplay">但这样会导致静音。...原创 2019-04-08 15:08:13 · 4888 阅读 · 0 评论 -
Sublime Text3 无法安装插件"There are no packages available for installation"
解决方法:Preferences>Package Settings>Package Control>Settings - User添加"channels": [ "http://static.bolin.site/channel_v3.json" ]原创 2019-04-09 18:09:09 · 268 阅读 · 0 评论 -
webpack 打包报错:CleanWebpackPlugin is not a constructor 解决方案
const { CleanWebpackPlugin } = require('clean-webpack-plugin');plugins: [+ new CleanWebpackPlugin() ]plugins 实例化插件不需要再传目录。原创 2019-08-28 15:14:41 · 640 阅读 · 0 评论 -
【页面布局】页面布局自适应解决方案
假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应。分析:浮动、绝对定位、flexbox、表格布局(display:table-cell)、网格布局(grid)。延伸:这五种方案各自有什么优点和缺点?如果把假设高度已知去掉考虑纵向,左右高度自适应,以上方案哪个还可以适用?这五种方案的兼容性如何,业务中具体问题最优方案是哪个?<!-- 浮动解决方案 ...原创 2019-09-23 11:56:45 · 547 阅读 · 0 评论 -
执行“bower init”报错bower ENOINT ...解决方案
bower ENOINT Register requires an interactive shellAdditional error details:Note that you can manually force an interactive shell with --config.interactive在 windows cmd 里面使用 bower init ...原创 2018-11-09 21:06:56 · 323 阅读 · 0 评论