03 2022 档案
摘要：1.函数创建的组件，这种组件被称为无状态组件：具有以下主要特点 a: 组件不会被实例化，整体渲染性能得到提升 b: 组件不能访问this对象 c: 组件无法访问生命周期的方法 d: 无状态组件只能访问输入的props，同样的props会得到同样的渲染结果，不会有副作用 如： function Upf
阅读全文
摘要：1.var 存在变量提升，何为变量提升， 可以先使用，后定义 如： console.log(a) //不报错，打印 undefined var a= 1; 多次定义，值为最后者 如 var a= 1; var a=2; console.log(a) //2 2. console.log(b) //报
阅读全文
摘要：1.都属于前端ui层，为了文件结构的清晰，划分出了这三个文件夹 layout 主要用于页面的整体结构，header,nav,body,footer 等整体布局组件在这里 view 主要作为数据的交互，作为承接层，获取store中state，通过props传递给子组件底层展示逻辑层文件在这里 comp
阅读全文
摘要：通过使用redux-saga 1.原理 通过使用 generator 替代promise(promise.all也可以)实现 比如项目中，遇到先获取工点pointId,在获取标段sectionId function* getPointId(userId){ const data = yield ca
阅读全文
摘要：1 前提工作，申请注册开发者， 2 引入地图 js或者npm 代码实现 1. var map = new BMapGL.Map('container'); //地图容器div的idmap.centerAndZoom(new BMapGL.Point(116.404, 39.928), 15);//默
阅读全文
摘要：1.接口回调，一层套一层（如果太多，很头疼） 因为遇到过重构的代码，写了18层的，看的我很烦 2.修改为 promise对象 3通过Promise.all(array),将每一个接口独立传入，类似promise.all([f1,f2,f3....]) 这样层次清晰，方便维护，哪个接口有问题修改哪个，
阅读全文
摘要：1.箭头函数是es6,内部指针始终指向调用者（作用域） 2.可以返回对象， 3.最喜欢用来和数组对象一气使用，进行去重，排序，合并等
阅读全文
摘要：1.反证法 假设根2是有理数，则 根2可以用互斥的两个数p/q表示 2 .则2 = p^2/q^2,则p^2 为偶数，则p为偶数，则p = 2m表示 3.代入则 2 = (2m)^2/q2,则q^2 = 2m^2 ,则q^2也是偶数，则q偶 4.所以q=2n表示，p=2m, q/p不为互斥， 5.所
阅读全文
摘要：1.假如一个人上楼梯，一次要么跨1个台阶，要么跨2个台阶，请问到到达第n个台阶，有多少种方法？ 好像很无解啊，从后往前想，如果要想到达n，要么到达n-1，要么到n-2, An = An-1 + An-2 (1和2 和 n是一体的，不能相加，我好像打不出数列的那种形式) 极限是黄金分割比 0.618.
阅读全文
摘要：1.第一次，天平左右各4个，如果持平，则剩下（没有放在天平的）的那个就是，则结束 2.如果，天平不平衡，取出较高的一边这4个球，重复放在天平左右各2个，这次一定不平衡 3.重复2，左右各1个，高者为最轻，结束
阅读全文
摘要：防抖是什么？意义何在？ 1.如果有一天，测试人员给你提了一个bug，说 这个提交（确认，编辑，等等的表单提交操作统称）按钮，快速点击时，提交了多次，只有第一次成功，其他失败了 2. 这就要用防抖了，白话就是，能不能短时间内点击只提交一次呢，答案当然是有的 3.防抖 实现封装： function no
阅读全文
摘要：1.是否遇到，数据也获取了，dom也生成了，页面也通过v-if重绘来了，但就是页面显示不准确 很大可能是渲染的问题， 改进： 1. this.$nestick(()=>{你的代码}) 2. setTimeout(()=>{你的代码},500) //可适当增加延时
阅读全文
摘要：1.echart 2.hchart 3.d3 （可以像jq一样操作dom，数据量小时没问题，数据量大时，比如一万条数据，渲染就会很慢）
阅读全文
摘要：1.百度地图 2.高德地图 3.腾讯地图 4.leaf 地图 https://leafletjs.com/SlavaUkraini/ （国外地图） 5.chart ant design https://charts.ant.design/zh/examples/gallery
阅读全文
摘要：如果想要img随容器等比缩放 padding-bottom可以实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
阅读全文
