- 博客(55)
- 收藏
- 关注
RSS订阅转载 前端token方案
使用 Refresh Token，使用 Refresh Token，它可以避免频繁的读写操作。这种方案中，服务端不需要刷新 Token 的过期时间，一旦 Token 过期，就反馈给前端，前端使用 Refresh Token 申请一个全新Token 继续使用。
2024-09-05 15:31:53
105
原创 按需引入elementUI 问题总结
1、Unknown plugin “component“原因：刚开始安装依赖没有成功解决方式：npm install babel-plugin-component -D2、Couldn’t find preset “es2015” relative to directory原因：由于引入的 Element-UI 使用了ES标准，所以编译会报错。解决方式：安装 ES 标准 ：npm install babel-preset-es2015 --save-dev在webpack.base.conf
2022-04-09 10:16:03
1258
原创 js判断图片是否可以访问成功
**//是否可访问成功 checkImgExists(imgurl) { return new Promise(function(resolve, reject) { let ImgObj = new Image(); ImgObj.src = imgurl; ImgObj.onload = function(res) { resolve(res); } ImgOb
2022-04-07 16:23:55
1430
转载 记录 样式优化
一、在浏览器中输入URL到页面渲染的整个过程1、输入URL按下回车1、应用层进行DNS解析:通过DNS解析将域名解析成IP地址，在解析的过程中按照浏览器缓存、系统缓存、路由缓存、DNS缓存、根域名服务器、顶级域名服务器、主域名服务器的顺序，逐步读取缓存。直到拿到IP地址2、应用层生成HTTP请求报文3、传输层建立TCP连接:传输层的传输协议分为UDP(用户数据协议)和TCP(传输控制协议)两种4、网路层使用IP协议来选择线路(路由)5、数据链路层实现网络相邻结点间可靠的数据通信6、物理层传输数
2022-03-28 15:29:50
143
转载 面试被问“你未来的职业规划是什么”，怎样回答最完美？
很多人被问到职业规划这个问题的时候，都会很纠结：表现得太踏实苦干了，可能会让人觉得没有什么进取心。职业目标描述得太明确，又会被质疑太在意外部激励而缺乏内部动机。感觉怎么说都会错，说多一句都是漏洞。其实，面试的过程就是在跟 HR “斗智斗勇”。那么，你真的了解「职业规划」问题背后，HR到底想要知道什么吗？ 怎么回答才能让老板满意呢？什么是职业规划“职业规划是对职业生涯乃至人生进行持续的系统的计划的过程，它包括职业定位、目标设定和通道设计三个方面。”职业规划有三个要素：1、个人内在要素， 包括职业性格
2022-03-17 09:06:23
9556
原创 vue.config.js 配置整理
官方网址：https://cli.vuejs.org/zh/config/#vue-config-jsconst {defineConfig} = require('@vue/cli-service'); //@vue/cli-service 提供的 defineConfig 帮手函数，以获得更好的类型提示module.exports = { publicPath: './', //这个值也可以被设置为空字符串 ('') 或是相对路径 ('./')，这样所有的资源都会被链接为相对路径，这样打出来的包
2022-03-09 10:25:48
670
原创 vue build 优化
1、路由懒加载当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。所以在router文件夹下 index.js 做如下配置{ path: '/home', meta: { requireAuth: true // 配置此条，进入页面前判断是否需要登陆 }, component:resolve => require(['@/views/home/
2022-03-08 13:41:41
436
原创 首次加载dialog 就让其渲染
https://blog.youkuaiyun.com/smouns_/article/details/121516921
2022-03-01 16:29:40
605
原创 css滚动条样式调整
::-webkit-scrollbar { width: 6px; height: 10px; background-color: transparent;}::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(255, 255, 255);}::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, .5
2021-12-09 17:33:11
164
原创 gitLab使用教程
1、打开公司内网部署GitLab里注册账号2、以管理员的身份登入gitlab，点击Settings，然后选择Members可以通过输入名字选择要分配权限的小组成员，然后分配角色，选择权限有效时间，点击Add to Project就把人员拉近到项目中。GitLab的角色有以下四种：Guest：可以创建issue、发表评论，不能读写版本库Reporter：可以克隆代码，不能提交，可以赋予测试、产品经理此权限Developer：可以克隆代码、开发、提交、push，可以赋予开发人员此权限MainMa
2021-11-26 14:31:51
5802
原创 vscode异常总结
1、npm不可在vscode终端运行解决方式：环境变量 path 中添加node路径，然后以管理员权限运行vscode2、cnpm不可在vscode终端运行解决方式：在以管理员权限shell命令框中，运行 set-ExecutionPolicy RemoteSigned1、在终端运行 get-ExecutionPolicy 显示 Restricted 表禁用，RemoteSigned 表启用2、运行 set-ExecutionPolicy RemoteSigned 可解禁...
2021-11-26 11:40:00
1604
原创 nvm node版本管理
1、下载地址：https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。Source code(zip)：zip压缩的源码Sourc code(tar.gz)：tar.gz的源码，一般用于Unix系统2、安装nvm 注意修改settings.txt在安装的目录下找到setti
2021-11-26 10:53:36
785
1
原创 echarts图表切换 图表展示错误遗留
问题：解决方式： myChart.clear(); myChart.setOption(this.options)
2021-11-19 11:27:12
580
转载 换算公式记录
面 积 换 算1平方公里（km2）=100公顷（ha）=247.1英亩（acre）=0.386平方英里（mile2）1平方米（m2）=10.764平方英尺（ft2）1平方英寸（in2）=6.452平方厘米（cm2）1公顷（ha）=10000平方米（m2）=2.471英亩（acre）1英亩（acre）=0.4047公顷（ha）=4.047×10-3平方公里（km2）=4047平方米（m2）1英亩（acre）=0.4047公顷（ha）=4.047×10-3平方公里（km2）=4047平方米（m2）
2021-11-04 17:36:10
441
原创 elementUI按需引入 vue2.X
问题：找不到.babelrc，在babel.config.js里修改文件1、安装elementUInpm i element-ui -S2、安装 babel-plugin-componentnpm i babel-plugin-component -D3、修改babel.config.js文件module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins:[ [ "comp
2021-11-03 08:57:07
177
原创 html语义化标签总结
语义化标签<header></header><nav></nav><main></main><footer></footer><hgroup></hgroup>//标题组合 eg:<hgroup> <h2>我是标题</h2> <h3>我是标题描述</h3> </hgroup
2021-05-19 13:19:25
111
原创 屏蔽高德地图左下角logo方法
放在mian.css里 可生效.amap-logo{ display: none; opacity:0 !important;}.amap-copyright { opacity:0;}
2021-05-12 13:52:50
248
原创 js读取本地静态文件方法
readFile(name) { // name为文件所在位置 let xhr = new XMLHttpRequest(), okStatus = document.location.protocol === "file:" ? 0 : 200; xhr.open('GET', name, false); xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8 xhr.send(null);.
2020-12-30 13:42:43
2267
原创 在elementUI中 select 多选时使用clear按钮 划过闪烁
解决方法：>>>.el-select__tags{ z-index: 0;}原因：多选z-index等于1，层级高，改为0就解决了
2020-11-16 15:35:43
1108
原创 全角转换成半角，汉字不做处理
//半角转换成全角，汉字不转换toDBC(txtstring) { let tmp = ""; let pattern = new RegExp("[\u4e00-\u9fa5]"); for(let i=0;i<txtstring.length;i++){ if (pattern.test(txtstring.charAt(i))) { tmp= tmp+txtstring.charAt(i); continue;
2020-11-13 11:24:43
137
原创 git命令整理
git reflog 命令查看你的历史变更记录git reset --hard HEAD@{n} （注意：n是你要回退到的引用位置）
2020-11-11 16:07:11
631
原创 uniapp中image src动态引用图片不生效
不生效举例：<image :src="pngimg" mode="aspectFit"></image>this.panimg='../static/img/bigVisbilityyellow.png'解决方法：去掉前面的 …/@等符号##eg：<image :src="pngimg" mode="aspectFit"></image>this.panimg='/static/img/bigVisbilityyellow.png'...
2020-11-10 08:51:03
14580
2
转载 使用 GPU 渲染元素 问题
使用 GPU 渲染元素并不是所有的CSS属性都能触发GPU的硬件加速，实际上只有少数属性可以，比如下面的这些：transformopacityfilter强制使用GPU渲染为了避免 2D transform 动画在开始和结束时发生的 repaint 操作，我们可以硬编码一些样式来解决这个问题：.example1 { transform: translateZ(0);}.example2 { transform: rotateZ(360deg);}这段代码的作用就是让浏览
2020-11-03 09:40:57
585
原创 解决调整el-options样式不生效
问题分析：当选中el-select的选项时页面的结构，选项的容器并不在挂载的div#app中，而是div#app的兄弟元素，我们在组件中设置样式的时候，加上了scoped，作用域都是局限在div#app中，所以设置的样式就无法正常作用到选项内容的div上。注：el-select组件中，只有选项的容器默认是div#app之外的，展示的div.el-input还是在div#app之中。问题解决：Popper-append-to-body属性是Element-UI官方文档中提供的一个属性，该属性的用途
2020-11-02 14:10:43
2778
原创 vue中组件显示隐藏不会重新执行created等钩子
解决方法①：加key原因：组件渲染是根据绑定的值是否发生变化，加上key每次点击时使key发生变化，就可以实现组件重新执行钩子函数解决方法②：加v-if原因：可以使组件重新渲染
2020-10-22 10:45:53
2129
原创 for...of 和 for...in 比较，为何说前者优于后者
for…infor…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。语法： for (变量 in 对象){ 在此执行代码 }for…offor…of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for…of 循环，以替代 for…in 和 forEach() ，并支持新的迭代协议。for…of 允许你遍历 Arrays（数组）, Strings（字符串
2020-10-09 11:09:34
282
转载 什么是回流，什么是重绘，有什么区别，怎么优化？
html 加载时发生了什么在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree，但区别很大，因为render tree能识别样式，render tree中每个NODE都有自己的style，而且render tree不包含隐藏的节
2020-09-15 09:15:00
181
转载 全屏灰色（特殊日期使用）
使用滤镜filter的grayscale函数。<style> .filter { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); f
2020-09-10 15:51:15
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人