- 博客(40)
- 资源 (3)
- 收藏
- 关注
原创 Nginx配置多个子配置文件以及配置文件参考范例
一台服务器上一个nginx服务器下面可能跑着很多的项目,如果把很多项目都写到同一个配置文件里 ,会导致**后期难以查看与管理**。因此我们需要**新建一个专门放置存放子配置文件的文件夹, 然后在主配置文件nginx.conf中把这个子目录引入**即可。
2020-03-21 10:00:59 8773
原创 如何把一个字符串的大小写取反?(大写转小写/小写转大写)
let str = “AbC”; // ‘AbC’为要取反的字符串str = str.replace(/[a-zA-Z]/g,content => { //content=> 每次正则匹配的结果 //验证是否为大写字母(2种): //1.把字母转换为大写后看是否和之前一样;如果一样说明原字母是大写,将原字母转换成大写即可。反之同理。 //content.toUppe...
2020-03-14 15:24:15 2049
原创 无法将“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 5017 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 2361 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 5026 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 1176
原创 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 419
原创 $forceUpdate的使用详解
$forceUpdate官网的定义是——迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。
2020-04-29 09:33:43 3635
原创 har-validator@5.1.2报错解决
这是因为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 46910
原创 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 969
原创 JS如何使判断式(a==1&&a==2&&a==3)成立
这道题是我在字母站看学习视频的时候看到的,主要考察的是对于非严格相等==的判断原理的认识,以及对JS对象属性知识的了解。题目如下:也就是——如何定义a,使得判断式(a == 1&&a == 2&&a == 3)能够成立?(即结果为true)...
2020-04-08 22:50:12 3268
原创 关于非严格相等==你需要了解的知识
1. {}=={} 两个对象进行比较,比较的是堆内存的地址; 2. null==undefined 相等, 而 null === undefined不相等; 4. NaN == NaN不相等(NaN和谁都不相等) 5. [12] == '12' 对象和字符串比较,是把对象toString()转换成字符串后再进行比较的; 6. 除以上四种特殊情况,剩余所有情况在进行比较时,都是转换成数字再比较。(前提是数据类型不一样)
2020-04-08 09:33:48 341
原创 三大经典排序算法之快速排序法
基本思想:抽出数组的中间项,遍历这个数组,让每一项都和中间项作比较,创建左右两个空数组Left和Right,小的放左边的数组Left,大的放右边的数组Right,接着再递归分别拿Left和Right两个数组去进行上面相同的操作…以此类推。
2020-04-03 17:31:11 283
原创 三大经典排序算法之插入排序法
基本思想:创建一个空数组B,第1次先放置数组A的第一个数放入B,第2次再从A中拿出第二个数,放入B之前先**从后向前**依次与B中的元素比较一下大小,大的数插在后面,以此类推。
2020-04-03 13:04:28 223
原创 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 359
原创 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 1562
原创 为什么Vue采用异步渲染
因为如果不采用异步更新,那么每次更新数据都会对当前组件进行重新渲染。所以为了**性能考虑**,Vue会在本轮数据更新后,再去异步更新视图。
2020-03-28 23:04:02 1901
原创 watch中的deep:true是如何实现的
当用户指定了watch中的deep属性为true时,如果当前监控的值是数组类型,会对对象中的每一项进行求值,此时会将当前的watcher存入到对应属性的依赖中,这样数组中对象发生变化时,也会通知数据更新。
2020-03-27 07:36:51 2475
原创 Vue中如何检测数组的变化
【 学习探索过程中记下的点点笔记,以供分享,欢迎大家一起学习探讨~如有雷同可附链接,谦虚学习!】Vue中如何检测数据的变化使用函数劫持的方式,重写了数组的方法;Vue将data中的数组,进行了原型链的重写,指向自己定义的数据原型的方法,这样当调用数组API时,可以通知依赖更新,如果数组中包含着引用类型,会对数组中的引用类型再次进行监控。...
2020-03-24 07:22:19 999
原创 Vue3.0的改进简要阐述
1. Vue3.0采用TypeScript来编写; 2. 支持CompositonAPI; 3. Vue3.0中响应式数据原理改成proxy(提升性能); 4. vdom的对比算法更新,只更新vdom的绑定动态数据的部分;等。
2020-03-23 07:30:01 492
原创 Vue中事件绑定的原理简述
Vue的事件分为2种,一种是原生事件绑定,还有一种是组件的事件绑定。 1. 原生dom事件的绑定,采用的是addEventListener实现; 2. 组件绑定事件采用的是$on方法(可用$event触发)。原生dom事件的绑定,采用的是addEventListener实现;组件绑定事件采用的是on方法(可用on方法(可用on方法(可用event触发)。...
2020-03-23 07:21:12 2481
原创 NextTick的作用,应用场景以及实现原理
$nextTick用于下次Dom更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick,则可以在回调中获取更新后的DOM。
2020-03-22 15:42:44 2923
原创 为什么v-if和v-for不能连用
v-for的优先级比v-if高一些。如果连用会把v-if给v-for遍历出来的每一个元素都添加一下,容易造成性能浪费!
2020-03-20 07:34:28 1334
原创 Vue中对keep-alive的了解
keep-alive是一个**抽象组件**,它是Vue的内置组件。keep-alive可以**实现组件的缓存**,当组件切换时不会对当前组件进行卸载
2020-03-20 07:26:25 304
原创 Vuex中action和mutation的区别
1. mutation是同步更新数据(内部会进行是否为异步方式更新数据的检测); 2. action异步操作,可以获取数据后调用mutation 提交最终数据。
2020-03-19 06:51:34 1404
原创 英文汉字组成的字符串,使用正则给英文单词前加空格
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 531
原创 实现一个字符串匹配算法(如果不能基于indexOf/includes等内置方法)
实现一个字符串匹配算法,从字符串S中,查找是否存在字符串T。若存在,返回所在位置;不存在则返回-1。
2020-03-15 16:26:27 352
原创 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 14230
原创 call和apply的区别和作用,哪个性能更好一些
作用:都是用来改变this指向;区别:接收参数的方式不同;call()接收的参数是逐个列举出来的;apply()接收的是参数数组。性能对比:call性能比apply好那么一些(尤其是传递给函数的参数超过3个的时候),所以开发时可以用call好一点。...
2020-03-13 12:56:46 1406
原创 Position位置属性-CSS3
学习笔记之position的使用position常用属性和区别:1、position: relative 【不脱离文档流】(一般是设置给position:absolute;的父层的)父层position:relative; 子层position:absolute;的话, 就是依照父层的边界进行定位的,不然position:absolute 会逐层向上寻找设置了position:rel...
2020-01-31 22:26:56 194
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人