relax_go-CSDN博客

原创数组forEach直接赋值不生效

JS forEach将数组内元素替换的问题let arr = [ { name: '1', id: '1' },{ name: '2', id: '2' },{ name: '3', id: '3' }]arr.forEach(item=>{ if(item.name==='2'){ item= {name: '4'} }})console.log(arr)[[object Object] { id: "1

2021-09-10 10:02:35 3209 3

原创 Object.assign()是深克隆还是浅克隆

上代码：对象全为基本数据类型 let aObj = { c: 5 } let bObj = { a: { ac: 2 } } let cObj = { b: 1 } let newObj = Object.assign(aObj, bObj, cObj) console.log(newObj) cObj.b = 4 console.log(newObj)输出没有改变对像中的属性存在对象时let aObj = { c: 5 } let bObj = { a: { a

2021-08-31 11:35:38 248

转载 webpack中loader和plugin的区别

在webpack中，loader和plugin是俩个关键的部分，常常被面试官拿来比较他们，那么他们到底有什么区别呢？loaderloader是文件加载器，能够加载资源文件，并对这些文件进行统一处理，诸如编译、压缩等，最终一起打包到指定的文件中。处理一个文件可以使用多个loader，loader的执行顺序和配置中的顺序正好相反，也就是说最后一个loader最先执行，第一个loader最后执行。第一个执行的loader的返回值接收源文件内容作为参数，其他loader接收前一个执行的loader的返回值作为参

2021-03-19 10:05:00 1046

原创苹果手机日期显示nan问题

var newDate = new Date(“2020-12-28 15:00:00”)这种获取的时间在安卓手机上显示是正常的，在苹果手机上显示NaNvar newDate = new Date(“2020/12/28 15:00:00”)这种获取的时间在安卓和苹果手机上都显示正常转换时间格式 .replace(/-/g, “/”)var newDate = new Date(“2020/12/28 15:00:00”.replace(/-/g, “/”))...

2021-01-06 14:38:11 1109 1

原创（JS）引用数据类型和基本类型，和引用数据类型的深克隆赋值

简要基本数据类型数据是存在栈中，赋值时值赋给另外一个变量，两个值完全独立let a = 1let b = a引用数据类型数据是存在堆中，引用是存在于栈中，赋值时是把引用赋给另外一个变量，是同一个数据，改变其中一个变量的值，另外一个变量跟着改变let obj = { a: 1 }let obj1 = objobj.a = 2 // obj1也跟着改变2.应用方法也可以直接改变let target1 = [], target2 = []function test (arr1, .

2020-11-24 12:59:16 223 1

原创针对与pc和移动端的响应布局js--flexible.js

前端布局中，不同用户使用设备的像素不同可以采用rem单位的形式进行设置长宽或者大小flexible.js代码(function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust body font size function setBodyFontSize() { if (document.bo

2020-11-14 09:24:05 290

原创改变elemnt悬浮背景色css

改变element-ui中table组件悬浮颜色问题.table ::v-deep.el-table--enable-row-hover .el-table__body tr:hover>td{ background: #24293D;}

2020-11-13 16:07:51 189

原创 AJAX-发送HTTP请求

AJAX-发送HTTP请求let xhrif (window.XMLHttpRequest){ xhr = new XMLHttpRequest();}else { xhr = new ActiveXObject('Microsoft.XMLHTTP') // IE5,IE6生效}console.log(xhr.readyState ) // 0xhr.open('GET', 'URL',true) //方法 url 是否异步// onreadystatchange 事件,挂载到XML

2020-11-04 22:48:32 199

原创 Vue中directive的使用

一、钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。我们会在稍后讨论渲染函数时介绍更多 VNodes

2020-10-09 17:08:24 5250

原创惰性函数

只需要第一次判断条件就能确定，后面再多次调用时就不需要重新判断条件了。 function addEvent(type, element, fun) { if (window.addEventListener) { //DOM2级 addEvent = function (type, element, fun) { element.addEventListener(type, fun, false); // false为冒泡，true为捕获 }; } else if (w...

2020-09-04 17:05:19 119

原创节流函数构建及传参

一.什么是节流函数节流函数：不管事件的触发频率有多高，只会间隔设定的时间执行一次目标函数。二.为什么使用有些场合只需要开始执行一次，后面的没必要了，为了保证性能与体验，采用节流代码： // 产出需要节流的方法 function throttle (func, delay = 500) { let isFlag = false return function(...args) { if (isFlag) return func.apply(this, ar

2020-09-04 16:36:52 1213

原创 vue项目兼容IE浏览器babel配置

vue项目在IE在浏览器中无法打开，报错script .js ':'原因：es6，7语法在IE浏览器中无法正常解析然后子引用了babel插件，但是安装配置后仍然在IE浏览器中无法打开后面发现是自己插件下载配置不完整，下面是自己打开得了的配置在package.json配置如下babel插件"devDependencies": { "@babel/core": "^7.11.1", "@babel/plugin-transform-runtime": "^7.11.0", "

2020-08-13 21:43:58 2629 2

原创 Ajax

ajax的定义:Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（无刷新技术）。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。Ajax 运行原理及实现Ajax 运行原理

2020-08-06 15:18:14 112

relax_go的博客