一枚韭菜-CSDN博客

转载每日一题之24个常问（xx和xx的区别）

总结起来很麻烦附上原作者的链接https://juejin.cn/post/6956360277185003556

2021-05-12 15:08:47 186

概念解释JSON.stringify([,replacer,[,space]])方法是将一个 JavaScript 值(对象或者数组)转换为一个 JSON 字符串。此处模拟实现，不考虑可选的第二个参数 replacer 和第三个参数 space转换规则如下：基本数据类型undefined 转换之后仍是 undefined(类型也是 undefined)boolean 值转换之后是字符串 “false”/“true”number 类型(除了 NaN 和 Infinity)转换之后是字符串类型的数值

2021-05-08 17:40:54 218

原创每日一题：简单描述静态链接和动态链接的区别，并举例说明

静态链接就是在程序执行前，把要链接的内容链接到可执行的文件中，生成一个目标文件动态链接则是没有将内容拷贝到可执行文件中，而是先加入地址或者引用指针，在执行的过程中再去找要链接的内容。动态链接有两种方式：装在时动态链接在编译前确认链接信息，编译时只保留重要的链接信息，执行时在内存中将其链接如调用程序的执行空间中。目的是便于代码共享运行时动态链接在编译前不知道链接信息，在执行时才会加载到内存中，并标识内存地址。目的是只存一份这个和JS中模块引入一样，如果当前的模块写在当前文

2021-05-08 17:39:45 363

原创每日一题：解决跨域都有哪些手段?

通过jsonp跨域由于浏览器同源策略是允许类似script有src属性的标签这样的跨域资源嵌套的，所以script标签的资源不受同源策略的影响document.domin两个域名必须属于同一基础域名，并且所有的协议端口完全一致，否则无法跨域iframe、hash父页面向子页面传输数据：将要传递的数据添加到子页面的url的hash值上，子页面通过location.hash并添加定时器实时地动态父页面传来地数据；子页面向父页面传输数据：利用window.name的特性，以及页面重新加载但当..

2021-05-08 17:38:32 78

原创每日一题：React 项目中有哪些细节可以优化?实际开发中都做过哪些性能优化?

对于正常的项目优化，一般都涉及到几个方面，开发过程中、上线之后的首屏、运行过程的状态先来说说上线之后的首屏以及运行状态首屏优化一般涉及到几个指标FP、FCP、FMP;要有一个良好的体验是尽可能的把FCP提前，需要做一个工程化处理，去优化资源的加载方式以及分包策略，资源的减少是最有效的加快首屏打开的方式对于CSR的应用，FCP的过程一般是首先加载js与css资源，js在本地执行完成，然后加载数据回来，做内容初始化渲染，这中间就有几次的网络反复请求的过程；所以CSR可以考虑使用骨架屏以及预渲染(部分

2021-05-08 17:35:02 315

原创每日一题系列：说说你理解的懒加载的理解?

什么叫做懒加载?懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚下哦那个到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。适用于图片很多，页面很长的电商网站场景中。为什么要用懒加载?能提升用户的体检。不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需要加载，由于图片数目较大，等待时间很长，用户难免会心生抱怨，这就严重影响用户体验减少无效资源的加载，这样能明

2021-05-08 14:43:05 154

原创每日一题系列：解决跨域都有哪些手段?

通过jsonp跨域由于浏览器同源策略是允许类似script有src属性的标签这样的跨域资源嵌套的，所以script标签的资源不受同源策略的影响document.domin两个域名必须属于同一基础域名，并且所有的协议端口完全一致，否则无法跨域iframe、hash父页面向子页面传输数据：将要传递的数据添加到子页面的url的hash值上，子页面通过location.hash并添加定时器实时地动态父页面传来地数据；子页面向父页面传输数据：利用window.name的特性，以及页面重新加载但当..

2021-05-08 14:38:42 96

原创 layui关闭弹窗刷新父页面（副弹窗）

layer.open({ type: 2 //此处以iframe举例 , title: '名师列表' , area: ['800px', '600px'] , shade: 0 , maxmin: true , offset: 'auto'//显示坐标-auto居中 , content:

2021-04-21 17:03:03 287

原创阻止事件冒泡的三种方法

event.stopPropagation(); //1.停止事件冒泡，但是不会阻止默认行为 return false; // 2.阻止事件冒泡，也阻止了默认行为 event.preventDefault(); // 3.阻止默认行为，不阻止事件冒泡

2021-04-09 16:19:56 4204 2

原创 layui数据表格table隔行换色

两种方法，一种是官方文档给的参数第二种利用回调来操作done:function(res, curr, count){ var that=this.elem.next() res.data.forEach((item,index) => { if(index%2==0){ var tr=that.find(".layui-table-box tbody tr[data-index='"+index+"']"

2021-03-30 10:41:39 925

原创分享echarts地图map点击地图块区分区域，使当前地图块变色

let nameEcharts;chartMaps.on('click', function (params) { var csname = params.data.name;//地图名字 var csfiled = params.data.filed;//地图英文名 if (nameEcharts != csname) { nameEcharts = csname//判

2021-03-15 11:00:46 1321

原创 es6数组去重三种方法

处理数据中经常遇到的问题 //"Set" [...new Set(array)]; //"Filter" array.filter((item, index) => array.indexOf(item) === index); //"Reduce" array.reduce((unique, item) => unique.includes(item) ? unique : [...unique, item], []);使用 Setset是ES6中引入的新的数据

2021-03-12 16:15:10 820

原创前端布局---弹性盒子布局

个人的第一篇博客，那就从布局开始吧这里是布局中常用的弹性盒子布局中的一些常用的属性，记录一下方便使用。flex-direction:row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。flex-wrap:nowrap（默认）：不换行。wrap：换行，第一行在上方。wrap-reverse：换行，第一行在下方。justify-content:

2021-03-12 16:06:27 369

qq_41975676的博客