笔记
原谅我不够洒脱
这个作者很懒,什么都没留下…
展开
-
micro_app解决项目中实际遇到的问题(浏览器回退url错乱)
1.子应用点击回退路径错乱// 在子应用(vue-router4)中添加如下设置 :没有对路由堆栈state做唯一性标记,导致基座和子应用相互影响,vue-router3及其它框架路由没有类似问题if (window.__MICRO_APP_ENVIRONMENT__) { // 如果__MICRO_APP_BASE_ROUTE__为 `/基座应用基础路由/子应用基础路由/`,则应去掉`/基座应用基础路由` // 如果对这句话不理解,可以参考案例:https://github.com/mi.原创 2022-03-31 10:13:46 · 3175 阅读 · 0 评论 -
webpack3.6.0 使用less的踩坑记录
一个买来的老项目,用的是webpack3.6.0 + vue2.0 + vue-router3x + js,由于某些原因需要引入less文件直接上正确的步骤1. config目录下的index.js(webpack.config.js)添加loader rules: [ { test: /\.css$/, use: [ 'style-loader', 'css-loader' ]原创 2022-03-28 11:20:39 · 2214 阅读 · 0 评论 -
TS(typeScript)进阶
1.利用keyof将某个interface里的索引全部变为只读,不允许修改(或者全部变为可选/必有)interface Person { name?: string age: number gender: number}// 只读type ReadOnlyType<T> = { readonly [P in keyof T]: T[P]}// 可选type ReadOnlyType<T> = { [P in keyof T]?: T[P]}.原创 2022-03-18 14:01:15 · 807 阅读 · 0 评论 -
前端优化杂项
图片优化1.不同屏幕宽度加载不同大小的图片<img sizes="(max-width:500px) 100px,(max-width:600px) 200px" srcset="./img1.png 100w, ./img2.png 200w" />2.根据屏幕大小加载有用的css<link href="index.css" rel="stylesheet" meida="screen and (min-width:1024px)">3利用InterSection.原创 2022-01-19 19:47:33 · 604 阅读 · 0 评论 -
performance性能监控
详细看MDN上setTimeout(() => {const { fetchStart, // 开始访问 requestStart, // 请求的开始 responseStart, // 响应的开始 responseEnd, // 响应的结束 domIntereactive, // 可交互的时间的点 domContentLoadedEventEnd, // dom加载完毕 + domContentLoad完成的事件 $(function(){}) loadEventStart /.原创 2022-01-17 20:00:55 · 1211 阅读 · 0 评论 -
前端常用算法总结js
1.冒泡排序对相邻两个元素进行比较,若前一个大于后一个,则将两个元素调换位置,执行一次就会确定一个最大元素到数组的末尾,若排序的数组长度为n,那么第一次确定一个最大数需要比较n-1次,第二次n-2次,所以时间复杂度为 (n-1) + (n-2)+ … + 1 (n为奇数)那么就是n(n +1 )/2 (n为偶数)n^2 /2所以复杂度即为 O(n^2)js实现const arr = [8,342,645,7645,5673,234,63,456,346,54]/** * 冒泡排序 */.原创 2022-01-06 17:01:12 · 870 阅读 · 0 评论 -
less的使用小技巧以及vite 如何配置less全局变量
1.变量-属性 可用于统一修改,比如特殊节日置灰等@primaryColor: #f2f2f2;// 使用color: @primaryColor2.变量-选择器 添加项目标识(可用于微前端的样式隔离)@nameSpace: 'my-app';// 在组件中使用@prefix-cls: ~'@{nameSpace}-component1';.@{prefix-cls} { ...}3.函数 可用于对复杂样式简单处理,用于响应式// 全局定义.t(props,pc,h5) whe原创 2021-10-25 11:45:01 · 6470 阅读 · 1 评论 -
前端常见兼容问题整理记录
PC端 1. windows new Date('2020-01-01 23:00:00')支持,苹果系统不支持,new Date('2020/01/01 23:00:00')两个系统都支持。 2. windows下载excel等文件google会自动打开原创 2021-06-17 11:26:08 · 244 阅读 · 0 评论