- 博客(66)
- 收藏
- 关注
原创 vue(webpack)项目在使用nginx 代理后,热更新失效问题
本地开发vue项目,使用localhost访问没得问题,可以热更。但是一旦使用nginx 代理。访问 http://XXXX.com 就热更失效。导致这个问题的原因是: nginx没有代理热更模块,直接访问了XXXX.com。proxy_pass 的端口号要写你自己的哦~并且会看到控制台报错。
2022-08-19 15:38:19
1835
原创 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做笔记了,难过。。。)...
2022-04-18 17:46:34
1827
1
原创 除了npm还有哪些组件共用方式
问题: 除了npm 你还知道哪些多项目组件共用的方式解决方案:1.cdn将组件打包发布到服务器上优点:缩小项目打包体积缺点:维护成本高,更新组件时需要更新服务器上的文件推荐指数:※2.npm包现在最常用的手段缺点:国内镜像资源同步时间慢npm 可以直接install Git仓库地址 ,这种方式常用来做测试npm 包的手段3.git submodulegit可以使用git submodule直接将一个git仓库当做子模块放在项目中,只需要git submo
2022-02-14 20:37:14
519
原创 小程序和H5 之间的通信
H5能力跳转页面、特定时机向小程序发送消息、获取当前环境 部分 jssdk 的接口 分享时获得当前 h5 的url 判断是否在 小程序环境中小程序向H5传参只能通过 url 链接带参数使用&来附加参数,并在网页中解析参数修改传参 刷新页面...
2021-12-27 17:36:21
1683
原创 微信小程序 watch监听器
场景:需要监听page中某个值的变化做出相应的处理,微信小程序官方文档中有写组件中可以使用observers来监听,但是页面上如何监听值变化却没有方法,所以我们要自己写一个watch的方法思路: 模仿vue2双向绑定原理上代码:// app.tswatch(methods:any,prop:any){ let obj = <any>this.globalData let events = obj.eventsqueue events.push(
2021-05-13 16:48:42
431
原创 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
2021-01-04 15:23:00
6755
原创 面试系列(四)原型及原型链问题
因为讲原型和原型链的问题实在是太多了,所以这里就记录几道高频的面试题new一个函数的执行过程 创建一个空对象 this指向这个空对象 执行语句,创建属性 返回执行上下文 当构造函数有return 的时候会怎样 正常的构造函数是没有return的,返回执行上下文this 但是如果有return 分为两种情况: 1. return 一个基本类型(number,string,unfined)将无视这个return...
2020-11-26 10:53:23
1103
转载 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.
2020-10-30 09:36:17
1007
原创 面试系列(三)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
2020-09-12 16:04:14
169
原创 面试系列(二)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...
2020-09-08 11:15:02
121
原创 面试系列(一)常见的Css和HTML试题
面试全是套路,有些东西还是需要死背硬记的1.清除浮动(有时候需要手写).clearfix:after{ display:block; clear:both; content:''; visibility:hidden; height:0}.clearfix{ zoom:1}2. BFC BFC:就是单独的一块内容不管里面怎样渲染都不影响其外面的元素。 BFC形成条件: overflow:不是visible fl...
2020-08-26 16:51:14
273
原创 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,} =...
2020-07-30 11:45:27
185
原创 你的代码是否存在硬编码
硬编码:硬编码是指将可变变量用一个固定值来代替的方法。如果我们的代码中有大量的硬编码,之后再修改维护成本就会很高。代码的延展性就会很差。硬编码:if(a==2) return false;不是硬编码 if(a==b) return true;减少硬编码的问题...
2020-07-01 13:50:04
1000
1
原创 Vue 如何获取到子组件中的元素
场景:我们在组件A 中引入子组件B,B组件中又引入C组件。这是我们想要直接在A组件中,调用C组件的方法,这样怎么办呐?解决方案:B组件ref='B',c组件ref='C'.我们在A组件中直接使用this.$refs.B.refs.C就可以获取到C组件的方法和属性...
2020-04-24 11:35:56
2590
2
原创 chrome 插件 click 无效
问题:在开发Chrome插件的时候,想在popup.html中添加一个按钮,增加点击事件,但是点击一直无效。解决方法:1. 首先Chrome扩展程序不允许您使用内联JavaScript(文档),所以你的js部分要写在一个外部的js文件中。一般叫做popup.js2. 想要使click事件生效,我们需要监听在执行事件之前,页面已经加载完成js 的代码这样写// popup JS...
2020-03-23 10:56:38
2916
8
原创 js 闭包解密
闭包:说起闭包肯定离不开变量作用域和变量的生命周期。变量作用域(全局作用域和局部作用域)全局作用域:(1)在函数的外部使用var声明的变量。(2)在函数的外部直接给标识符赋值,这样会隐式声明为全局变量。(3)使用window全局对象来直接声明。局部作用域:在函数内部声明的变量的作用域就是局部作用域作用域链的形成:函数是可以创造作用域的,在函数中如果要查找一个变量,在函数...
2020-03-15 19:15:54
193
1
原创 js 中的面向对象
我们常见一些后端语言中经常使用面向对象,但是在js中提到面向对象就很少。在js中我也可以利用函数的作用域轻易的实现类(一般类名首字母大写),同时他也可以具有公开属性和私有属性let Book = function(id,name,type){ var num = 5; var getNumber = function(){ return num }...
2020-03-10 11:27:03
148
原创 推荐一本不一样的成功学书籍
凡是提到成功学,第一影响就是毒鸡汤,但是笔者最近接触了一本不一样的成功学书籍,它不是告诉我们怎样成功,如何才是一个成功的人,而是根据大量的实验和长期的观察,总结出关于成功的几个要素。这本书主要给我的感悟是,不要戚戚于失败的悲伤,也不于沾沾成功的喜欢,我们都是平凡人,有着平凡的幸福。好,他就是《异类》成功有我们自身的努力,10000小时定律是真是且有效的,10000小时的努力是成功必然的...
2020-03-09 18:07:21
272
原创 Maximum call stack size exceeded
在npm install 是遇到问题网上大部分的回答都是要,升级或者降级npm 的版本,但是我试过之后发现不好用尝试清空缓存npm cache clean --force
2020-03-04 14:15:49
157
原创 那个爱你的人,一定心里眼里都是你吧!
生命如花,爱情是蜜。今天 晴 5-11度阳光正好,微风不躁,你找到了吗?那个爱你的人。能够读懂你脸上全部的表情;能够看到你隐藏起来的发光点;想要成为你眼中的英雄。人生就是一场旅行,在这一程我们一直在寻找,寻找那个可以和你相濡以沫,财米油盐平淡一生的人。那个爱你的人,看见你就能知道你现在心情很好,心情不好,有些累,有话说吧。不用太多的言语,不用过度的表达,就理解你,明...
2020-02-28 19:56:12
260
1
原创 疫情期间,让我明白的一些道理
突如其来的一场瘟疫,让我们2002年所有的计划都搁浅在家了宅在家,吃了睡,睡了吃的空闲,突然想明白了一些道理,在这里分享给大家。1. 一定要存钱疫情期间,有很多服务业受到了冲击,倒闭或者裁员,所以很有可能你就是当中的一员。每个月指着工资还账单的月光族,就该焦头烂额了。再想想,即将来临的房租,还有想要买的化妆品,盯了好久已经降价的衣服。他们都需要钱钱钱...所以,一定要存钱,如果你刚...
2020-02-19 16:31:34
1732
原创 git clone remote: HTTP Basic: Access denied
从多个仓库中clone代码修改并提交。发现报错:git clone remote:HTTPBasic:Accessdenied解决了很长时间,在这里记录一下。原因仓库和本地保存的用户名密码不匹配,或者用户名密码输入错误,但是第二次提交不弹框一些解决方案1.输入git config --system --unset credential.helper命令,作用就是清空本...
2020-01-20 18:08:19
991
1
原创 地铁上的趣事
北京地铁,人多拥挤,也是趣事的多发地带,今天讲讲这些发生在地铁上的笑死人的事情(ps:所有搞笑故事需要脑补画面)1. 手机掉了早高峰的地铁,人们总是很匆匆,又很无聊。刷手机人手必备。列车到站,车门打开,一个小哥慵懒的端着手机往出走,急着上车的人们,往里面冲。不知道是谁碰了一下这个小哥,手机脱手,不偏不依,正好掉到列车缝里。小哥抬头,生无可恋。2. 挡我路,撞飞你早上从15号...
2020-01-02 19:04:25
773
转载 Unexpected end of JSON input while parsing near错误解决办法
npm install出现”Unexpected end of JSON input while parsing near”的错误。运行 npm cache clean --force。
2019-11-29 10:54:12
509
原创 vchart 堆叠图求总和
who is vChart?vChart 是基于echart封装的一个图表组件。使用起来比echart要简洁方便,但是想要实现一些复杂的功能相对就没有echart方便了。踩坑堆叠柱状图求总和(这个问题也可以叫堆叠图顶部显示一个即不是维度又不是指标的值)1.首先看一下堆叠图顶部显示的样子<template> <ve-histogram :data="c...
2019-11-25 16:32:57
2447
8
原创 npm install 安装指定版本
在使用npm install 安装的时候,默认的情况下都是安装这个插件最新的版本但是很多情况下,我们不需要安装指定的版本,而是需要安装指定的某一个版本。只需要在插件名称的后面加上版本号就好了npm install webpack@4.41.2 -g如果我们的记不清楚具体的版本号,我们可以加通配符即可npm install webpack@3.1.x -gnpm in...
2019-11-24 13:31:17
4926
1
转载 ES6 reduce的实现
reduce 方法对累计器和数组中的每个元素(从左到右)应用一个函数,将其简化为单个值。reducer 函数接收4个参数:Accumulator (acc) (累计器) Current Value (cur) (当前值) Current Index (idx) (当前索引) Source Array (src) (源数组)有默认参数const arr = [1, 2, 3]l...
2019-11-20 17:14:21
204
原创 js 获取今天的前几天或后几天的方法
想要获取当前时间,我们都知道 new Date()非常简单容易,但是想要获取昨天,明天,后天就没这么简单了 莫慌 一样的简单new Date(new Date().setDate(new Date().getDate() - 1))说明: -1 表示 获取昨天的时间 +1表示获取明天的时间 其它同理...
2019-11-18 16:18:43
1502
转载 JS数组求并集,交集和差集
转载一篇写的很好的博客https://excaliburhan.com/post/js-set-operation.html需求场景最近,自己项目中有一些数组操作,涉及到一些数学集的运算,趁着完成后总结一下。简化问题之后,现有两数组a = [1, 2, 3],b = [2, 4, 5],求a,b数组的并集,交集和差集。方法选择JS在ES6,ES7之后,新增了一些数组方法,如...
2019-11-14 10:25:47
145
原创 js 中if...else优化/重构
在写一些逻辑的过程中,我们免不了会写一个if...else的逻辑。但是如果过多的if...else就会使代码显的不整洁,不优美。例如:贴上源码batchEdit(val) { if (val === 1275) { this.batchDelete(); } else if (val === 1276 || val === 12...
2019-11-11 16:42:08
2044
原创 三个人的友谊显的有些拥挤了...
讲一个故事,这是故事不知道该说给谁听曾经我有两个好朋友,A君和B君。但是他们彼此不是好友,关系一般。后来我起了纽带作用,把他们连接到了一起,然后我发现,这两个曾经我看做闺蜜的人,似乎并不在乎我的感受。三个人的友谊好像有些拥挤,我似乎显的不在融洽。朋友啊,我也放弃你们吧!...
2019-11-01 18:07:52
166
原创 毕业一年的程序媛,现在都怎样了?
时光匆匆流逝,当年大家都带着月入过万,自己买口红包包的梦想,投身于互联网的事业,拥有了有个很响亮的名号:‘程序媛’!一年多过去了,她们梦想是不是离她们更远了呐!皮皮璐坐标:北京望京附近(离望京不远的小公司里)职位:前端程序媛现状:基本解决温饱问题 愿望:面包和爱情同时来吧!她的自述:从实习来北京到现在将近两年的时间里,换了3家公司。频繁跳槽就是为了能够从99...
2019-10-25 12:51:35
3652
3
原创 程序员的一生
这是一个关于程序员一生的线路图,你是不是正在某一条路上呐昨天做了一个梦,梦见我死了,去了阎王殿。阎王:生前是做啥工作的?我:程序员阎王:来的正好,给我的生死簿做一个后台管理系统我:有原型和UI吗?需不需要一个点名系统,点谁谁来!哈哈哈,开心一刻的小故事,最后希望每程序员都好好运动,健康生活。在上面的线路图中添加上新的路径。...
2019-10-23 14:26:19
1240
2
原创 canvas 绘图 入门(vue 版本)
canvas 是h5的一个新标签,主要用于画图,今天来分享学习canvas的一些过程1.创建画布<template> <div> <canvas id="myCanvas"></canvas> </div> </template><script> expo...
2019-10-23 14:14:34
3480
原创 html 中的title属性
title经常被我们忽略,但是他确实增加用户体验的神器在一个标签中添加title属性,当属性放到该标签上,则显示title中的提示内容<button title='这里是提示语'>按钮</button>当把鼠标放到按钮上,则出现‘这里是提示语’的文字提示官方详解请查询https://www.w3school.com.cn/tags/att_standard...
2019-10-16 16:27:54
3120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人