- 博客(12)
- 收藏
- 关注
RSS订阅原创 Failed to execute ‘exitFullscreen‘ on ‘Document‘: Document not active
Failed to execute ‘exitFullscreen’ on ‘Document’: Document not active做全屏非全屏的时候碰到这种报错，发现是判断失误，在未全屏的情况下触发exitFullscreen，会报这个错。碰到这个报错建议多看看自己判断有无漏洞。。网上查了一下 stackoverflow里面有个老哥也碰到了这个问题，但是没有回答。故在此记录一下。...
2022-03-02 15:42:52
6212
6
原创 js常用下载的几种方式
1. 文件为链接的时候网上大多数是叫你使用a链接，初学者很多时候很懵，点击下载的时候直接就打开文件的链接了，根本没办法下载a链接没错，通常需要处理一下，直接上代码 const a_link = document.createElement("a"); // 生成一个a链接 fetch(link) // 括号里是文件链接 .then((res) => res.blob()) .then((blob) => { // 将链接地址字符内容转变成
2022-01-18 10:29:02
10842
原创 npm run build 本地构建没问题 jenkins上线构建报错
找了好久，问题其实是因为目录大小写没有写对。vscode编辑器引入是不区分大小写的，所有本地运行打包都没问题。自己检查写的每一个目录，把大小写更正即可，为了以防万一，我还把文件的后缀补齐了，然后上传git 服务器打包便没问题了特此记录一下。...
2022-01-13 13:58:10
1966
1
转载 Cropperjs一些常用api的中文文档
cropper - 裁剪图片 - IE9+使用 cropperjsimport Cropper from 'cropperjs'import 'cropperjs/dist/cropper.css'this.myCropper = new Cropper('被裁剪对象', '配置对象') //返回一个cropper对象this.myCropper.getCroppedCanvas().toDataURL('image/jpeg') //拿到裁剪后的base64的图片this.myCropper
2020-11-13 20:59:58
434
原创 JS可选链操作符?.和双问号??
可选链操作符?.和双问号??它们的作用和使用场景让我们看看MDN是怎么定义它的作用的它允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。还是不理解？举个例子我们一定写过类似这样的代码if(res && res.data && res.data.status) { .....} // 因为发送ajax请求可能失败，获取不到数据时避免大片的报错 需要判断引用是否为空，避免出现 xxx of undefined错误使用可选链操作
2020-11-06 20:21:58
591
原创 token的作用和使用场景
token的作用和使用场景1.为什么需要token？因为http协议是无状态的，因此它无法判断用户的登录状态。token的出现可以解决这个问题。2.通用的两种身份验证方式一般判断用户的身份有两种通用的方式，一种是 cookie+session的模式(用户用账号和密码登录成功以后，后端php，java等，就会返回给我们一个 sessionId的值，存在数据库redis里面， 然后再通过一些 set-cookie响应头 发送给前端， 浏览器就会自动将这个值保存在用户电脑上面，称为cookie； 然后我
2020-11-05 22:12:42
1223
原创 浅谈输入URL到浏览器页面呈现中间经历的过程
浅谈输入URL到浏览器页面呈现中间经历的过程步骤1- 输入网址2- 缓存解析3- 域名解析4- tcp连接，三次握手5-发送http请求6-返回http响应7-页面渲染8-断开连接一、输入网址这个没什么好说的，访问页面第一步当然是输入URL地址。二、缓存解析浏览器获取到用户输入的URL地址，自动去解析，当然它优先去看缓存当中有没有，这样速度最快，用户体验更好。如果缓存有，则从缓存中显示页面，如果缓存中没有，再执行步骤三缓存就是之前访问过的一些web资源，比如一些js,css,图
2020-11-03 15:39:36
401
原创 Vue移动端rem适配——Postcss的配置文件.postcssrc.js的基本配置
Vue移动端rem适配——postcss-pxtorem、Postcss的配置文件.postcssrc.js的基本配置（1）PostCss介绍PostCss是一个处理 CSS 的处理工具，Vue CLI 内部使用了 PostCSS。本身功能比较单一，它主要负责解析 CSS 代码，再交由插件来进行处理，它的插件体系非常强大，所能进行的操作是多种多样的，例如本次我们的rem适配使用的插件：postcss-pxtorem 实现px单位转换为rem这是Vue对于postCSS的介绍（2）Autopref
2020-11-02 20:52:29
5338
3
原创 Vuex中的State、Getter、Mutation、Action、Module模块
VuexVuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lQuycDJZ-1604240275593)(C:\Users\magicbook\AppData\Roaming\Typora\typora-user-images\image-20201030212522729.png)]Vuex相当于是一个数据仓库，任何组件要获取和设置数据都去仓库里面做State提供全局唯
2020-11-01 22:20:14
366
原创 VSCode 装好ESLint 插件 import 报黄线的问题
VS Code 装好ESLint 插件报黄线的问题ESLint is disabled since its execution has not been approved or denied yet. Use the light bulb menu to open the approval dialog.eslint查了翻译，说是什么被禁用了，我的插件明明是开的呀。去网上查了一圈也没有看到和我一样的问题。我英语不是很好，所以碰了不少壁。其实这个问题解决起来很简单。确实是插件没有打开。看你的VS
2020-11-01 21:46:33
8470
6
原创 el-input框修改样式
遇到的问题自己在用elementUI写登录框的时候想要修改el-input为透明色时，发现无论是加类名还是加行内样式或者在控制台直接改好样式复制到代码中都没用，最后甚至都用上了!important 还是不管用。在网络上搜索发现不少人有同样的问题，参考了这篇博客总结了一下：当时解决这个问题看到的原博总之，修改不成功很有可能是因为每个组件的样式有scoped属性，而el-input-inner是全局属性，因此你在组件里改是不生效的。但是组件里删掉scoped是不现实的，很有可能造成样式冲突导致页面
2020-10-30 19:36:29
4659
1
原创 前端--Vue项目优化策略
项目优化策略一、生成打包报告1.通过nprogress添加进度条效果https://www.cnblogs.com/xiaoxiao2017/p/11317939.html2.babel-plugin-transform-remove-console1.这个是babel的插件，会自动解析当前项目里面的.babelrc babel.config.js2.在配置文件里面做好了配置以后，重启我们的服务器，就会加载这个文件，只要用了插件，所有最后的代码都会把console语句删除。（无论开发或生产环境
2020-10-30 18:39:04
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人