weixin_39975379的博客

js 计算精度问题及解决方案

vue 中由浅拷贝引发问题的一些常见场景

问题： 除了npm 你还知道哪些多项目组件共用的方式解决方案：1.cdn将组件打包发布到服务器上优点：缩小项目打包体积缺点：维护成本高，更新组件时需要更新服务器上的文件推荐指数：※2.npm包现在最常用的手段缺点：国内镜像资源同步时间慢npm 可以直接install Git仓库地址 ，这种方式常用来做测试npm 包的手段3.git submodulegit可以使用git submodule直接将一个git仓库当做子模块放在项目中，只需要git submo

今天面试时考到对象合并的方法，当时只想到两种，在这里总结一下吧1. Object.assignlet obj1 = {a:1,b:2}let obj2 = {c:3}let obj3 = Object.assign({},a,b)// obj3 是深拷贝,obj3是一个新对象let obj4 = Object.assign(a,b)// 目标对象a也变了2. $.extend()let obj1 = {a:1,b:2}let obj2 = {c:3}let obj3

函数调用的四种方法（1）作为一个函数调用 var name = "windowsName"; function a() { var name = "Cherry"; console.log(this.name); // windowsName console.log("inner:" + this); // inner: Window } a(); console.log("outer

1.基本类型和引用类型 基本类型： string,number,boolean 引用类型：object ，array2.手写深拷贝function deepClone(obj) { if(typeof obj !== 'object'){ return obj } let result if(obj instanceof Array){ result = [] }else { result = {} } for (let ke...

正则表达式是前端面试中的高频考点，但是正则又像一块裹脚布一样又臭又长。最近看一些博客找到一些规律，分享在这里。一句话解释正则正则是匹配模式，要么匹配字符串，要么匹配位置。两个不确定1. 长度不定 使用量词 {2,5} =》 /ab{2,5}c/ 表示在b在a和c之间出现有2-5次不等。1. 字符不定 使用字符组 [123] =》/ab[123]c/ 表示在b和之间可能是1或2或3贪婪和惰性贪婪：在能力范围内有多少要多少{n}=>确定的n次{n,} =...

硬编码：硬编码是指将可变变量用一个固定值来代替的方法。如果我们的代码中有大量的硬编码，之后再修改维护成本就会很高。代码的延展性就会很差。硬编码：if(a==2) return false;不是硬编码 if(a==b) return true;减少硬编码的问题...

待写文章

闭包:说起闭包肯定离不开变量作用域和变量的生命周期。变量作用域（全局作用域和局部作用域）全局作用域：（1）在函数的外部使用var声明的变量。（2）在函数的外部直接给标识符赋值，这样会隐式声明为全局变量。（3）使用window全局对象来直接声明。局部作用域：在函数内部声明的变量的作用域就是局部作用域作用域链的形成：函数是可以创造作用域的，在函数中如果要查找一个变量，在函数...

我们常见一些后端语言中经常使用面向对象，但是在js中提到面向对象就很少。在js中我也可以利用函数的作用域轻易的实现类（一般类名首字母大写），同时他也可以具有公开属性和私有属性let Book = function(id,name,type){ var num = 5; var getNumber = function(){ return num }...

npm install出现”Unexpected end of JSON input while parsing near”的错误。运行 npm cache clean --force。

who is vChart?vChart 是基于echart封装的一个图表组件。使用起来比echart要简洁方便，但是想要实现一些复杂的功能相对就没有echart方便了。踩坑堆叠柱状图求总和（这个问题也可以叫堆叠图顶部显示一个即不是维度又不是指标的值）1.首先看一下堆叠图顶部显示的样子<template> <ve-histogram :data="c...

在使用npm install 安装的时候，默认的情况下都是安装这个插件最新的版本但是很多情况下，我们不需要安装指定的版本，而是需要安装指定的某一个版本。只需要在插件名称的后面加上版本号就好了npm install webpack@4.41.2 -g如果我们的记不清楚具体的版本号，我们可以加通配符即可npm install webpack@3.1.x -gnpm in...

reduce 方法对累计器和数组中的每个元素（从左到右）应用一个函数，将其简化为单个值。reducer 函数接收4个参数:Accumulator (acc) (累计器) Current Value (cur) (当前值) Current Index (idx) (当前索引) Source Array (src) (源数组)有默认参数const arr = [1, 2, 3]l...

想要获取当前时间，我们都知道 new Date（）非常简单容易，但是想要获取昨天，明天，后天就没这么简单了 莫慌 一样的简单new Date(new Date().setDate(new Date().getDate() - 1))说明： -1 表示 获取昨天的时间 +1表示获取明天的时间 其它同理...

转载一篇写的很好的博客https://excaliburhan.com/post/js-set-operation.html需求场景最近，自己项目中有一些数组操作，涉及到一些数学集的运算，趁着完成后总结一下。简化问题之后，现有两数组a = [1, 2, 3]，b = [2, 4, 5]，求a，b数组的并集，交集和差集。方法选择JS在ES6，ES7之后，新增了一些数组方法，如...

在写一些逻辑的过程中，我们免不了会写一个if...else的逻辑。但是如果过多的if...else就会使代码显的不整洁，不优美。例如：贴上源码batchEdit(val) { if (val === 1275) { this.batchDelete(); } else if (val === 1276 || val === 12...

promise 是解决异步的神奇，今天就要说说promise在实际的项目中解决的问题promise语法var promise1 = new Promise(function(resolve, reject) { setTimeout(function() { resolve('foo'); }, 3000);});promise1.then(function(val...

一张图说明浏览器中的存储。

Generator函数是ES6引入的新函数，用于异步编程。语法特点：1.function 关键字和函数名之间有一个*号2. 函数内部使用yeild语句3.函数执行后拥有next函数function* g() { yield 'a'; yield 'b'; yield 'c'; return 'ending';}g(); // 返回一个对象...

Symbol.toPrimitive 是内置的Symvbol的值。作为对象的函数值属性存在，当一个对象转换为初始值时调用。const object1 = { [Symbol.toPrimitive](hint) { if (hint == 'number') { return 42; } return null; }};console....

js 中的函数我们用了太多太多次了，但是关于函数的参数今天还是要说道说道。1.js函数的参数分为两种，一种是显示参数，一种为隐式参数。显示参数：在函数定义时列出隐式参数：在函数调用时传递的参数值2.参数规则（三不指定规则） 不指定显示参数的类型 不指定隐式参数的类型 不指定隐式参数的个数3.显示参数不用多说，天天用的就是function myFu...

https://blog.youkuaiyun.com/weixin_43606158/article/details/100531733转载自这篇文章，如果可以用谷歌，很厉害朋友们在开发过程中肯定会遇到没遇到过的东西需要去查资料啊，查各种资源等等，有很多种方法，比如：google，bing，baidu，优快云，思否，掘金，简书，博客园，知乎等等等等太多了，笔者不一一述说，但是可能会浪费掉很多无用的...

今天只是记录这个一个方法event.preventDefault()非常简单，取消事件的默认动作场景：监听input框的delete事件，然后对input框的值进行一些操作。问题：发现对值进行操作完成之后总是会删掉一个字符，这个就是delete事件的默认操作。解决方案：使用event.preventDefault()取消事件的默认动作，完成。就是这一行小小的语句，想了3个...