随笔分类 - 前端开发相关文章
摘要：1、什么是浏览器隔离？ 浏览器隔离是一项技术，它通过将加载网页的过程与显示网页的用户设备分开以此来保持浏览活动的安全。这样，潜在的恶意网页代码就不会在用户的设备上运行，可防止恶意软件和其他网络攻击对用户设备和内部网络的影响。 从安全角度来看，访问网站和使用 Web 应用程序都涉及到 Web 浏览器需
阅读全文
摘要：1、引入流程 先全局安装eslint，注意版本问题，node >= 12.22.0 然后npm init 项目 eslint --init 如果只扫描html、js文件，不包括 vue 文件，如下 扫描 html 文件需要安装 eslint-plugin-html，如下： node 和 eslint
阅读全文
摘要：1、浏览器的发展历史 1990年，万维网之父 Tim Berners-Lee 开发出第一个浏览器 WorldWideWeb，后改名为 Nexus （避免和 the World Wide Web 重名）。1993年4月30日，公布源码，1994年停止开发。 1991年，4个芬兰学生开发 Erwise，
阅读全文
摘要：1、兼容问题 属性|方法 IE Chrome 360兼容模式 （版本号13.1.1572.0|内核版本86.0.4240.198） 解决方法 1 window.showModalDialog() 支持 不支持 支持 2 ajax请求： 所有现代浏览器（Chrom、IE7+、Firefox、Safar
阅读全文
摘要：1、谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具， 它是 Google Chrome 推出的一个开源自动化工具，能够对 PWA 和网页多方面的效果指标进行评测，并给出最佳实践的建议以帮助开发者改进网站的质量。 它能够生成一个有关页面性能的报告，通过报告我们就可
阅读全文
摘要：1、缓存的作用 对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者发起了请求但后端存储的数据和前端一致，那么就没有必要再将数据回传回来，这样就减少了响应数据。 2、浏览器缓存的位置 从缓存位
阅读全文
摘要：1、https的页面内嵌入http页面报错 在HTTPS的页面上嵌入http的页面时，浏览器会直接报错。比如在HTTPS页面上用 iframe 直接嵌入一个 http 页面，比如我们可以在百度上直接嵌入我们本地服务器的一些页面，浏览器将会直接报错： 浏览器报错提示：xxxx has been blo
阅读全文
摘要：1、如何给页面添加定制水印 定制水印一般指的是可以指定任何文字，给页面添加定制水印有多种方法： 背景图方式 创建元素，悬浮在页面之上的方式 1.1、通过背景图给页面添加定制水印（会被子元素的背景覆盖） 通过背景图添加定制水印： 首先制做定制水印，定制水印可以通过 canvas 绘画出来 然后通过 b
阅读全文
摘要：1、基本概念 1.1、PV和UV pv代表访问量，英文全称Page View，即页面访问量，每打开一次页面PV计数+1，刷新页面也是。PV反映的是浏览某网站的页面数，所以每刷新一次也算一次。就是说PV与来访者的数量成正比，但PV并不是页面的来访者数量，而是网站被访问的页面数量。 UV(独立访客)：U
阅读全文
摘要：1、font-family 属性的字体侵权问题 font-family 属于前端css属性中最基础的一个属性，用来定义字体名称。当我们打开一个网站，浏览器会读取 font-family 中的字体名称，并去检索用户电脑系统中的字体，如果有的话就显示，没有的话检索下一个。所以，如果前端代码中写了字体比如
阅读全文
摘要：1、console.log 方法在IE中不兼容 低版本的 IE 根本就没有 console.log() 方法，所以如果你在 JS 上运行这个方法就有可能会出错。 在 IE11 上运行 console.log() 方法，在开启了 F12开发者工具时可以正常运行且输出，但是如果没有运行开发者工具时代码就
阅读全文
摘要：1、session的基本介绍 session 是存储在服务器端的，所以称之为服务器端会话技术。session 能在一次会话的多次请求间共享数据，将数据保存在服务器端的对象中，即 HttpSession 对象。 在WEB开发中，服务器可以为每个用户浏览器创建一个会话对象（session对象），注意：一
阅读全文
摘要：1、观察者模式 观察者模型是非常普遍的一种设计模式，通常会用来在不同系统之间进行解耦。 观察者模式：两种关键对象和三种关键操作 subject 对象（目标对象）：提供三种基本操作方式：被订阅（注册监听方法 register），被取消订阅（移除监听方法 remove），触发事件（notify） obs
阅读全文
摘要：1、客户端中弹出键盘使得fixed布局错乱 Vue 在移动端中使用，当弹出键盘时，fixed 布局的元素可能会被键盘顶起。 例子图示及解决方法参考：https://blog.csdn.net/qq_31929931/article/details/92838497 2、Vue 中使用 BScroll
阅读全文
摘要：1、识别条形码 识别条形码可以使用 quaggaJS 模块来识别，而使用 quaggaJS 接口来识别条形码，有两种方法，一种是识别静态图像文件，另一种是直接在摄像头上实时识别（即不用拍照，摄像头对着条码即可识别）。但是第二种方法必须用到浏览器的 navigator.getUserMedia 接口，
阅读全文
摘要：1、手机如何访问到本地主机页面（真机访问） webpack 的配置文件中设置本地服务器的域名为 0.0.0.0，可参考下面配置： 此时，本地主机可以使用多种方式访问页面，比如：localhost:9095、ip地址:9095 手机也可以通过访问主机 ip地址+端口号 来访问页面，主机ip地址通过命令
阅读全文
摘要：1、Request header field Content-Type is not allowed by Access-Control-Allow-Headers 在跨域请求时，可能出现以上问题，该问题是因为跨域请求包含自定义的header字段，而且会发现当前台有自定义字段时，总是会在发起请求前先
阅读全文
摘要：1、为什么浏览器解析 css 选择器是从右到左的 参考：https://github.com/zwwill/blog/issues/2 2、伪元素和伪类的单冒号和双冒号 2.1、伪类（:） 伪类是用于定义元素特殊状态的。 示例： //未访问的连接 a:link{ color:black; }; //
阅读全文
摘要：1、setTimeout() 方法 setTimeout() 方法用于在指定的毫秒数后调用函数或执行表达式。返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。 1.1、使用 clearTimeout() 方法阻止函数的执行 在setTimeout() 里面的函数
阅读全文
浙公网安备 33010602011771号