随笔分类 - 前端
摘要：需求 有的时候我们需要防止用户对应用进行截图。 思路 window.onfocus 和window.onblur 可以监听当前页面被其他应用覆盖的情况，而visibilitychange无法监测到 示例 <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
摘要：效果图 代码 <template> <div class="app"> <span class="menu-btn">菜单列表</span> <div class="menu-container"> <div class="menu-list"> <!-- <div class="menu-list
阅读全文
摘要：背景 有的时候后端返回文件，文件是属于stream类型（二进制格式），我们获取到二进制格式的文件后可能是需要下载，也直接在页面上预览等等。 代码 <template> <div class="app"> <iframe :src="iframeSrc" scrolling="auto" style=
阅读全文
摘要：使用场景 在HTML5的新规范中，实现了 Web Worker 来引入 js 的 “多线程” 技术, 可以让我们在页面主运行的 js 线程中，加载运行另外单独的一个或者多个 js 线程 一句话：Web Worker专门处理复杂计算的，从此让前端拥有后端的计算能力 相关链接 https://mp.we
阅读全文
摘要：字体图标 font awesome：https://fontawesome.com/ iconfont：https://www.iconfont.cn/ 缺点：要登录 iconMoon：https://icomoon.io/ 数据可视化 DataV：http://datav.jiaminghi.co
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content
阅读全文
摘要：https://blog.csdn.net/u013258447/article/details/101107743
阅读全文
摘要：背景 使用apipost接口请求工具调试后端接口的时候，后端要求的类型是application/x-www-form-urlencoded，采用其他方式无法获取到数据，前端如何发起网络请求呢？ 以类型为application/x-www-form-urlencoded发起请求 以其他类型如：form
阅读全文
摘要：背景 有的时候我们在Excel中填写内容后通过前端批量上传，然后将数据批量存到数据库中 步骤 安装xlsx npm install xlsx 对上传的文件进行解析，获取上传文件中的每行数据 <template> <div> <button @click="parse">解析</button> <in
阅读全文
摘要：应用场景以及问题描述 有的时候我们在本地环境进行项目开发（http:///localhost:8080）时需要根据后端（http://localhost:8888/api）提供的接口获取数据，并渲染到页面上 因为浏览器的同源策略的限制问题（协议、主机、端口一致），浏览器访问非同源的网址时,会出现无法
阅读全文
摘要：网站的作用 它是一个查询CSS、JS、HTML5、CSS、SVG在各种流行浏览器的特性和兼容性的网站 示例：css属性的兼容性查询 演示css中flex属性在各浏览器的兼容性 绿色的表示兼容，红色的表示不兼容
阅读全文
摘要：什么是CDN CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。 使用场景 针
阅读全文
