摘要: 一、问题引入 本地开发遇到线上bug,debug得stash代码切换分支,同时需切换开发环境与生产环境服务,npm run serve 或 npm start 费时 二、webpack-dev-server反向代理 webpack-dev-server 可以解决跨域,它基于Node代理中间件 htt 阅读全文
posted @ 2022-05-12 15:40 盼星星盼太阳 阅读(2265) 评论(0) 推荐(0)
摘要: 方式一:filter:blur() 图片显示区域给定宽高,图片比例保持不变,周围空白区域填充图片模糊显示 核心属性: object-fit: contain; filter: blur(10px) brightness(1.2); 页面元素: <div class="wrapBox1"> <img 阅读全文
posted @ 2022-05-12 11:14 盼星星盼太阳 阅读(2372) 评论(0) 推荐(0)
摘要: 一、pinia基本使用 1.安装pinia npm install pinia 2.main.js注册 import { createPinia } from 'pinia' app.use(createPinia()) 3.定义store 创建src/store/index.js import { 阅读全文
posted @ 2022-05-05 17:49 盼星星盼太阳 阅读(10121) 评论(1) 推荐(2)
摘要: 一、问题引入 express搭建服务,使用fetch接口调用显示跨域,具体如下 The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the re 阅读全文
posted @ 2022-04-28 17:36 盼星星盼太阳 阅读(2207) 评论(0) 推荐(0)
摘要: 一、多维数组生成路径 递归多维数组,给每一个元素生成一个路径 多维数组数据如下: 递归函数如下: const addPath = (arr,path=[])=>{ for(let i=0;i<arr.length;i++){ let newpath = JSON.parse(JSON.stringi 阅读全文
posted @ 2022-04-11 18:34 盼星星盼太阳 阅读(80) 评论(0) 推荐(0)
摘要: 一、初始化package.json npm init -y 创建文件夹,运行命令npm init -y,出现package.json 文件 二、安装依赖 安装eslint以检查语法和语法规范 npm install eslint eslint-config-enough eslint-loader 阅读全文
posted @ 2022-04-07 15:47 盼星星盼太阳 阅读(168) 评论(0) 推荐(1)
摘要: 一、HTTP与HTTPS HTTP: 直接通过明文在浏览器和服务器之间传递信息。 HTTPS: 采用 对称加密 和 非对称加密 结合的方式来保护浏览器和服务端之间的通信安全。对称加密算法加密数据+非对称加密算法交换密钥+数字证书验证身份=安全 HTTPS其实是有两部分组成:HTTP + SSL / 阅读全文
posted @ 2021-12-27 10:36 盼星星盼太阳 阅读(1156) 评论(0) 推荐(0)
摘要: 一、什么是半链接队列 服务器第一次收到客户端的 SYN 以后,就会处于 SYN_RCVD 状态,此时双方尚未彻底创建其链接,服务器会把此种状态下请求链接放在一个队列里,咱们把这种队列称之为半链接队列。固然还有一个全链接队列,就是已经完成三次握手,创建起链接的就会放在全链接队列中。若是队列满了就有可能 阅读全文
posted @ 2021-12-27 10:12 盼星星盼太阳 阅读(761) 评论(0) 推荐(0)
摘要: 前言 在前端开发中,性能一直都是被大家所重视的一点,然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色,是快速且有效地提升性能的手段。 一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存 阅读全文
posted @ 2021-07-14 10:11 盼星星盼太阳 阅读(367) 评论(0) 推荐(0)
摘要: 一、Vue基本原理 建立虚拟DOM Tree,通过document.createDocumentFragment(),遍历指定根节点内部节点,根据{{ prop }}、v-model等规则进行compile; 通过Object.defineProperty()进行数据变化拦截; 截取到的数据变化,通 阅读全文
posted @ 2021-07-13 11:50 盼星星盼太阳 阅读(213) 评论(0) 推荐(0)