weixin_39975379的博客

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

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

原创 vue 中由浅拷贝引发问题的一些场景

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

原创 vue(webpack)项目在使用nginx 代理后，热更新失效问题

本地开发vue项目，使用localhost访问没得问题，可以热更。但是一旦使用nginx 代理。访问 http://XXXX.com 就热更失效。导致这个问题的原因是: nginx没有代理热更模块，直接访问了XXXX.com。proxy_pass 的端口号要写你自己的哦～并且会看到控制台报错。

原创 vue run Error: The project seems to require yarn but it‘s not installed.

vue 新建项目的时候，有两个选项 npm 和 yarn如果你的项目选择的是 npm然后又使用了 yarn 装包这时候就会在根目录下生成一个 yarn.lock 的文件然后执行 npm run serve 就会报这一堆错误，可以尝试删除根目录的 yarn.lock 文件 然后启动，恢复正常（ps: 100字的博客，竟然不让发布，难道短小不配吗？再也不能用CSDN做笔记了，难过。。。）...

原创 除了npm还有哪些组件共用方式

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

原创 小程序和H5 之间的通信

H5能力跳转页面、特定时机向小程序发送消息、获取当前环境 部分 jssdk 的接口 分享时获得当前 h5 的url 判断是否在 小程序环境中小程序向H5传参只能通过 url 链接带参数使用&来附加参数，并在网页中解析参数修改传参 刷新页面...

原创 微信小程序 watch监听器

场景：需要监听page中某个值的变化做出相应的处理，微信小程序官方文档中有写组件中可以使用observers来监听，但是页面上如何监听值变化却没有方法，所以我们要自己写一个watch的方法思路： 模仿vue2双向绑定原理上代码：// app.tswatch(methods:any,prop:any){ let obj = <any>this.globalData let events = obj.eventsqueue events.push(

原创 es6合并对象

今天面试时考到对象合并的方法，当时只想到两种，在这里总结一下吧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

原创 面试系列（四）原型及原型链问题

因为讲原型和原型链的问题实在是太多了，所以这里就记录几道高频的面试题new一个函数的执行过程 创建一个空对象 this指向这个空对象 执行语句，创建属性 返回执行上下文 当构造函数有return 的时候会怎样 正常的构造函数是没有return的，返回执行上下文this 但是如果有return 分为两种情况： 1. return 一个基本类型（number，string，unfined）将无视这个return...

转载 git 仓库之间的代码合并

有时我们需要仓库之间的代码合并举个栗子：将仓库A代码部分迁移到仓库B 1.首先进入终端打开仓库目的仓库B的目录 2.我想把仓库A的代码提交到仓库B的master分支 3.首先切换分支git checkout master 4.将仓库A的地址添加到仓库B中git remote add 仓库名称 地址 5.查看本地的远程仓库git remote 6.抓取仓库A数据到仓库B中git fetch 仓库名称 7.创建一个新的分支master_tem.

原创 面试系列（三）js中 this，apply ，call和bind

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

原创 面试系列（二）js 的基础知识

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...

原创 面试系列（一）常见的Css和HTML试题

面试全是套路，有些东西还是需要死背硬记的1.清除浮动(有时候需要手写).clearfix：after{ display:block; clear:both; content:''; visibility:hidden; height:0}.clearfix{ zoom:1}2. BFC BFC：就是单独的一块内容不管里面怎样渲染都不影响其外面的元素。 BFC形成条件： overflow:不是visible fl...

原创 js 正则表达式（1）

正则表达式是前端面试中的高频考点，但是正则又像一块裹脚布一样又臭又长。最近看一些博客找到一些规律，分享在这里。一句话解释正则正则是匹配模式，要么匹配字符串，要么匹配位置。两个不确定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;减少硬编码的问题...

转载 axios 取消重复请求

待写文章

原创 Vue 如何获取到子组件中的元素

场景：我们在组件A 中引入子组件B，B组件中又引入C组件。这是我们想要直接在A组件中，调用C组件的方法，这样怎么办呐？解决方案：B组件ref='B',c组件ref='C'.我们在A组件中直接使用this.$refs.B.refs.C就可以获取到C组件的方法和属性...

转载 html 最全字符集

https://www.qianduan.net/html-special-characters-daquan/

原创 chrome 插件 click 无效

问题：在开发Chrome插件的时候，想在popup.html中添加一个按钮，增加点击事件，但是点击一直无效。解决方法：1. 首先Chrome扩展程序不允许您使用内联JavaScript（文档）,所以你的js部分要写在一个外部的js文件中。一般叫做popup.js2. 想要使click事件生效，我们需要监听在执行事件之前，页面已经加载完成js 的代码这样写// popup JS...

原创 js 闭包解密

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

原创 js 中的面向对象

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

原创 推荐一本不一样的成功学书籍

凡是提到成功学，第一影响就是毒鸡汤，但是笔者最近接触了一本不一样的成功学书籍，它不是告诉我们怎样成功，如何才是一个成功的人，而是根据大量的实验和长期的观察，总结出关于成功的几个要素。这本书主要给我的感悟是，不要戚戚于失败的悲伤，也不于沾沾成功的喜欢，我们都是平凡人，有着平凡的幸福。好，他就是《异类》成功有我们自身的努力，10000小时定律是真是且有效的，10000小时的努力是成功必然的...

原创 Maximum call stack size exceeded

在npm install 是遇到问题网上大部分的回答都是要，升级或者降级npm 的版本，但是我试过之后发现不好用尝试清空缓存npm cache clean --force

原创 那个爱你的人，一定心里眼里都是你吧！

生命如花，爱情是蜜。今天 晴 5-11度阳光正好，微风不躁，你找到了吗？那个爱你的人。能够读懂你脸上全部的表情；能够看到你隐藏起来的发光点；想要成为你眼中的英雄。人生就是一场旅行，在这一程我们一直在寻找，寻找那个可以和你相濡以沫，财米油盐平淡一生的人。那个爱你的人，看见你就能知道你现在心情很好，心情不好，有些累，有话说吧。不用太多的言语，不用过度的表达，就理解你，明...

原创 疫情期间，让我明白的一些道理

突如其来的一场瘟疫，让我们2002年所有的计划都搁浅在家了宅在家，吃了睡，睡了吃的空闲，突然想明白了一些道理，在这里分享给大家。1. 一定要存钱疫情期间，有很多服务业受到了冲击，倒闭或者裁员，所以很有可能你就是当中的一员。每个月指着工资还账单的月光族，就该焦头烂额了。再想想，即将来临的房租，还有想要买的化妆品，盯了好久已经降价的衣服。他们都需要钱钱钱...所以，一定要存钱，如果你刚...

原创 git clone remote: HTTP Basic: Access denied

从多个仓库中clone代码修改并提交。发现报错：git clone remote:HTTPBasic:Accessdenied解决了很长时间，在这里记录一下。原因仓库和本地保存的用户名密码不匹配，或者用户名密码输入错误，但是第二次提交不弹框一些解决方案1.输入git config --system --unset credential.helper命令，作用就是清空本...

原创 I am sorry的另一种含义，笑疯！

原创 地铁上的趣事

北京地铁，人多拥挤，也是趣事的多发地带，今天讲讲这些发生在地铁上的笑死人的事情（ps:所有搞笑故事需要脑补画面）1. 手机掉了早高峰的地铁，人们总是很匆匆，又很无聊。刷手机人手必备。列车到站，车门打开，一个小哥慵懒的端着手机往出走，急着上车的人们，往里面冲。不知道是谁碰了一下这个小哥，手机脱手，不偏不依，正好掉到列车缝里。小哥抬头，生无可恋。2. 挡我路，撞飞你早上从15号...

转载 Unexpected end of JSON input while parsing near错误解决办法

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

原创 vchart 堆叠图求总和

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

原创 npm install 安装指定版本

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

转载 ES6 reduce的实现

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

原创 js 获取今天的前几天或后几天的方法

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

转载 JS数组求并集，交集和差集

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

原创 js 中if...else优化/重构

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

原创 三个人的友谊显的有些拥挤了...

讲一个故事，这是故事不知道该说给谁听曾经我有两个好朋友，A君和B君。但是他们彼此不是好友，关系一般。后来我起了纽带作用，把他们连接到了一起，然后我发现，这两个曾经我看做闺蜜的人，似乎并不在乎我的感受。三个人的友谊好像有些拥挤，我似乎显的不在融洽。朋友啊，我也放弃你们吧！...

原创 毕业一年的程序媛，现在都怎样了？

时光匆匆流逝，当年大家都带着月入过万，自己买口红包包的梦想，投身于互联网的事业，拥有了有个很响亮的名号：‘程序媛’！一年多过去了，她们梦想是不是离她们更远了呐！皮皮璐坐标:北京望京附近（离望京不远的小公司里）职位：前端程序媛现状：基本解决温饱问题 愿望：面包和爱情同时来吧！她的自述：从实习来北京到现在将近两年的时间里，换了3家公司。频繁跳槽就是为了能够从99...

原创 程序员的一生

这是一个关于程序员一生的线路图，你是不是正在某一条路上呐昨天做了一个梦，梦见我死了，去了阎王殿。阎王：生前是做啥工作的？我：程序员阎王：来的正好，给我的生死簿做一个后台管理系统我：有原型和UI吗？需不需要一个点名系统，点谁谁来！哈哈哈，开心一刻的小故事，最后希望每程序员都好好运动，健康生活。在上面的线路图中添加上新的路径。...

原创 canvas 绘图 入门(vue 版本)

canvas 是h5的一个新标签,主要用于画图，今天来分享学习canvas的一些过程1.创建画布<template> <div> <canvas id="myCanvas"></canvas> </div> </template><script> expo...

原创 html 中的title属性

title经常被我们忽略，但是他确实增加用户体验的神器在一个标签中添加title属性，当属性放到该标签上，则显示title中的提示内容<button title='这里是提示语'>按钮</button>当把鼠标放到按钮上，则出现‘这里是提示语’的文字提示官方详解请查询https://www.w3school.com.cn/tags/att_standard...