- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 Nginx配置多个子配置文件以及配置文件参考范例
一台服务器上一个nginx服务器下面可能跑着很多的项目，如果把很多项目都写到同一个配置文件里 ，会导致**后期难以查看与管理**。因此我们需要**新建一个专门放置存放子配置文件的文件夹， 然后在主配置文件nginx.conf中把这个子目录引入**即可。
2020-03-21 10:00:59
7629
原创 如何把一个字符串的大小写取反？（大写转小写/小写转大写）
let str = “AbC”； // ‘AbC’为要取反的字符串str = str.replace(/[a-zA-Z]/g,content => { //content=> 每次正则匹配的结果 //验证是否为大写字母(2种)： //1.把字母转换为大写后看是否和之前一样；如果一样说明原字母是大写，将原字母转换成大写即可。反之同理。 //content.toUppe...
2020-03-14 15:24:15
2006
原创 无法将“create-react-app”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
无法将“create-react-app”项识别为 cmdlet、函数、脚本文件或可运行程序的名称后来在网上找到了解决方案，所以我在这里记录一下~解决方案是在create-react-app my-app命令前面，加上npx指令。如下：npx create-react-app my-app
2022-03-23 15:59:04
4889
1
原创 vue cli配置scss全局变量报错问题解决
按网上教程配置了，但是还是一直报错，报错信息如下：Module build failed (from ./node_modules/sass-loader/dist/cjs.js): width: $sideBarWidth !important; ^ Undefined variable: "$sideBarWidth".百度了一波，原来是sass-loader的版本的问题// sass 版本 9 中使用 additionalData 版本 8 中使用
2021-09-22 11:38:08
2122
1
原创 Vue移动端H5手势缩放滚动拖拽插件Easyscroller
最近为了实现**移动端-手势放大缩小DOM元素又能滚动拖拽**的功能，找来找去，发现了一个非常好用的插件**Easyscroller**，总算是满足我的业务需求！！！发现用的人好像不是很多，所以发个博客向大家介绍介绍！！Github地址↓↓↓https://github.com/ulesta/easyscrollerNPM地址↓↓↓https://www.npmjs.com/package/easyscroller先看一下官网的效果，看一下能不能满足大家的需求~github上面有这...
2021-09-02 11:36:05
4336
2
转载 normalize.css在Vue中使用
css样式初始化 normalize在vue中使用1、Normalize.css只是一个很小的css文件，但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之，Normalize.css是一种CSS reset的替代方案。2、作用： 保护有用的浏览器样式而不是去掉他们。...
2020-05-04 17:03:05
1138
原创 Nginx在Mac下的快捷操作
这篇是为了方便快速查看MAC下Nginx操作的。1、修改nginx配置文件在“访达”的窗口下（1）Command + Shift + G （打开快捷进入文件夹的窗口）（2）输入/usr/local/etc/nginx/nginx.conf （配置文件的路径）（3）双击nginx.conf 即可打开配置文件进行修改。——————————————————————————————下面的命...
2020-05-03 11:32:02
345
原创 $forceUpdate的使用详解
$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
2020-04-29 09:33:43
3517
原创 [email protected]报错解决
这是因为package-lock.json里面的har-validator包的5.1.2版本在npm上已经不存在了。我们可以上npm官网上查一下这个包，果然如图，不见了！解决方法：由于package-lock.json无法直接修改文件生效。因此我们只能删掉package-lock.json文件。然后重新npm install,生成新的package-lock.json文件。更新后的...
2020-04-26 17:39:26
46251
原创 JS修改代码使定时器依次输出0～9
这道题是我在字母站看学习视频的时候看到的。题目：修改以下代码，使定时器依次输出0，1，2，3，4，5，6，7，8，9。for(var i = 0;i < 10;i++){ setTimeout(() => { console.log(i); },1000)}解题思路：原代码运行的结果如下，即连续输出的是10个10。原因：定时器是异步编程。每一轮循环设...
2020-04-13 09:10:46
933
原创 JS如何使判断式(a==1&&a==2&&a==3)成立
这道题是我在字母站看学习视频的时候看到的，主要考察的是对于非严格相等==的判断原理的认识，以及对JS对象属性知识的了解。题目如下：也就是——如何定义a，使得判断式(a == 1&&a == 2&&a == 3)能够成立？(即结果为true)...
2020-04-08 22:50:12
2980
原创 关于非严格相等==你需要了解的知识
1. {}=={} 两个对象进行比较，比较的是堆内存的地址； 2. null==undefined 相等， 而 null === undefined不相等； 4. NaN == NaN不相等（NaN和谁都不相等） 5. [12] == '12' 对象和字符串比较，是把对象toString()转换成字符串后再进行比较的； 6. 除以上四种特殊情况，剩余所有情况在进行比较时，都是转换成数字再比较。（前提是数据类型不一样）
2020-04-08 09:33:48
286
原创 三大经典排序算法之快速排序法
基本思想：抽出数组的中间项，遍历这个数组，让每一项都和中间项作比较，创建左右两个空数组Left和Right，小的放左边的数组Left，大的放右边的数组Right，接着再递归分别拿Left和Right两个数组去进行上面相同的操作…以此类推。
2020-04-03 17:31:11
245
原创 三大经典排序算法之插入排序法
基本思想：创建一个空数组B，第1次先放置数组A的第一个数放入B，第2次再从A中拿出第二个数，放入B之前先**从后向前**依次与B中的元素比较一下大小，大的数插在后面，以此类推。
2020-04-03 13:04:28
183
原创 JS之对象转成指定数组
某公司1到12月份的销售额存在一个对象里面，如下：{1:123,2:456:789},请将数组处理为如下结构[123,456,null,null,789,null,null,null,null,null,null,null]...
2020-04-02 13:00:32
330
原创 JS之数组旋转
**题目：**给定一个数组，将数组中的元素向右移动k个位置，其中k是非负数。输入：[1,2,3,4,5,6,7] 和 k=3输出：[5,6,7,1,2,3,4]解释：向右旋转1步：[7,1,2,3,4,5,6]向右旋转2步：[6,7,1,2,3,4,5]向右旋转3步：[5,6,7,1,2,3,4]旋转数组实际上就是把数组的数字向后旋转k位，末位的数字自动填充到前面的位置。
2020-04-02 09:44:39
1490
原创 为什么Vue采用异步渲染
因为如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染。所以为了**性能考虑**，Vue会在本轮数据更新后，再去异步更新视图。
2020-03-28 23:04:02
1854
原创 watch中的deep:true是如何实现的
当用户指定了watch中的deep属性为true时，如果当前监控的值是数组类型，会对对象中的每一项进行求值，此时会将当前的watcher存入到对应属性的依赖中，这样数组中对象发生变化时，也会通知数据更新。
2020-03-27 07:36:51
2414
原创 Vue中如何检测数组的变化
【 学习探索过程中记下的点点笔记，以供分享，欢迎大家一起学习探讨～如有雷同可附链接，谦虚学习！】Vue中如何检测数据的变化使用函数劫持的方式，重写了数组的方法；Vue将data中的数组，进行了原型链的重写，指向自己定义的数据原型的方法，这样当调用数组API时，可以通知依赖更新，如果数组中包含着引用类型，会对数组中的引用类型再次进行监控。...
2020-03-24 07:22:19
977
原创 Vue3.0的改进简要阐述
1. Vue3.0采用TypeScript来编写； 2. 支持CompositonAPI； 3. Vue3.0中响应式数据原理改成proxy（提升性能）； 4. vdom的对比算法更新，只更新vdom的绑定动态数据的部分；等。
2020-03-23 07:30:01
456
原创 Vue中事件绑定的原理简述
Vue的事件分为2种，一种是原生事件绑定，还有一种是组件的事件绑定。 1. 原生dom事件的绑定，采用的是addEventListener实现； 2. 组件绑定事件采用的是$on方法（可用$event触发）。原生dom事件的绑定，采用的是addEventListener实现；组件绑定事件采用的是on方法（可用on方法（可用on方法（可用event触发）。...
2020-03-23 07:21:12
2463
原创 NextTick的作用，应用场景以及实现原理
$nextTick用于下次Dom更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM。
2020-03-22 15:42:44
2851
原创 为什么v-if和v-for不能连用
v-for的优先级比v-if高一些。如果连用会把v-if给v-for遍历出来的每一个元素都添加一下，容易造成性能浪费！
2020-03-20 07:34:28
1313
原创 Vue中对keep-alive的了解
keep-alive是一个**抽象组件**，它是Vue的内置组件。keep-alive可以**实现组件的缓存**，当组件切换时不会对当前组件进行卸载
2020-03-20 07:26:25
263
原创 Vuex中action和mutation的区别
1. mutation是同步更新数据（内部会进行是否为异步方式更新数据的检测）； 2. action异步操作，可以获取数据后调用mutation 提交最终数据。
2020-03-19 06:51:34
1348
原创 英文汉字组成的字符串，使用正则给英文单词前加空格
let str = ‘hello新世界baby你好world’,reg = /\b[a-z]+\b/ig;str = str.replace(reg,value => {return " " + value + " ";}).trim();console.log(str)...
2020-03-18 07:38:35
482
原创 实现一个字符串匹配算法（如果不能基于indexOf/includes等内置方法）
实现一个字符串匹配算法，从字符串S中，查找是否存在字符串T。若存在，返回所在位置；不存在则返回-1。
2020-03-15 16:26:27
314
原创 URL网址的正则检验（验证字符串是否符合URL网址的格式）
let str = "http://www.test.cn/?lx=&from=wx#video";let reg = /^(?:(http|https|ftp):\/\/)?((?:[\w-]+\.)+[a-z0-9]+)((?:\/[^/?#]*)+)?(\?[^#]+)?(#.+)?$/i;console.log(reg.exec(str))
2020-03-14 18:43:09
13325
原创 call和apply的区别和作用，哪个性能更好一些
作用：都是用来改变this指向；区别：接收参数的方式不同；call（）接收的参数是逐个列举出来的；apply（）接收的是参数数组。性能对比：call性能比apply好那么一些（尤其是传递给函数的参数超过3个的时候），所以开发时可以用call好一点。...
2020-03-13 12:56:46
1349
原创 Position位置属性-CSS3
学习笔记之position的使用position常用属性和区别：1、position: relative 【不脱离文档流】（一般是设置给position:absolute；的父层的）父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的,不然position:absolute 会逐层向上寻找设置了position:rel...
2020-01-31 22:26:56
160
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人