你所不知道的小知识
一生注定学霸命
这个作者很懒,什么都没留下…
展开
-
正则表达式全解(必会)
1.字符组匹配字符组中的任意一个字符/[Pp]ython/g匹配:Python、python注意:字符组只匹配一个,不是同时匹配Pp这两连接的字符, Ppython,只能匹配到后面部分python字符组中的-表示区间范围/[0-9]/g匹配所有数字[A-Za-z]匹配所有字母匹配特殊字符:转义字符 \// 匹配所有字母和 横[A-Za-z\-]匹配所有字母取反:^// 匹配所有 非数字:/[^0-9]/g// 匹配所有 非小写字母:/[^a-z]/g/原创 2022-04-28 15:50:59 · 310 阅读 · 0 评论 -
装机配置清单
1.显卡品牌:NVIDIA、AMD1.1 NVIDIANVIDA公版显卡主要由NVIDIA独立创造NVIDA非公版显卡NVIDA挑选一群合作伙伴,提供核心技术,让其创造的显卡七彩虹厂家(举例)1.从丐版–>旗舰版:体型增大,散热增强,出场加速频率增高,显卡供电用料更强2.实用性:由于其核心都是3070,因此丐版性价比更高,同样性能下 旗舰版比丐版强5%3.例如:使用3070火神玩游戏,帧数是200,使用3070战俘,帧数是190左右1.2 AMD基本同上1.3原创 2022-01-24 16:40:12 · 3655 阅读 · 0 评论 -
图片url转base64,base64转file
toBase64(imgUrl) { // 一定要设置为let,不然图片不显示 const image = new Image(); // 解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); const imageUrl = imgUrl; image.src = imageUrl // image.onload为异步加载 image.onload...原创 2021-09-23 18:16:33 · 295 阅读 · 0 评论 -
VUE多选按钮变色
selected: [],//选中的服务项目名称 <div class="filter-nav" v-for="(item,index) in navTabr" :key="index" :class="{'active':selected.indexOf(item)!=-1}" @click="active(index,item)"> <div class="bg-box"> <span>{{.原创 2021-09-16 16:10:09 · 765 阅读 · 0 评论 -
时间戳转换
format(shijianchuo) { var time = new Date(shijianchuo * 1000); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.getDate(); var h = time.getHours(); var mm = time.getMinutes(); var s = ti原创 2021-09-11 11:53:37 · 108 阅读 · 0 评论 -
【Vue】作用域插槽
父组件调用子组件1.在使用子组件的时候在里面插入任何内容,该内容会在子组件的 <slot> 处显示2.如果父组件没有在子组件中传入内容,且插槽有默认内容,则显示默认内容父组件<template> <div> <Children>Test</Children> </div></template>子组件<template> <h1> <slot>.原创 2021-08-21 15:54:23 · 163 阅读 · 0 评论 -
【项目】创建分支以及合并分支
要创建新功能最好新建一个分支,等开发完成后再合并到主分支上这样会更加干净创建分支在该分之内进行代码编写,正常 commit 不要push即可//创建分支git checkout -b login//查看所有分支git branch合并分支内容功能完成后合并分支,然后push到云端//切换到主分支git checkout master//主动合并分支内容git merge login//推送master到云端git push...原创 2021-08-19 17:30:12 · 235 阅读 · 0 评论 -
Eslint 语法警告问题
Eslint 语法警告问题在项目根目录中创建一个格式化文件时候的配置文件按快捷键格式化后按照此规则格式// .prettierrc 文件{ "semi": false, //格式化不自动加分号 "singleQuote": true //启动单引号}修改 eslint 校验规则1.复制语法警告的题目2.在 .eslintrc.js 中的 rules 里面复制,让其为 key,其value设置为 off 即可3.重新运行编译'space-before-blocks':'原创 2021-08-19 17:16:21 · 257 阅读 · 0 评论 -
axios请求数据
发送请求接口路径和method类型看接口文档this.$axios.postForm('/goods/goodsDelete', { id:id }) .then(res=>{ if(res.code==this._global.SUCCESS_CODE){ //需要判断请求接口返回参数上是否成功,这个code是后端设置 }else{ this.$mess原创 2021-07-27 16:58:20 · 256 阅读 · 0 评论 -
【已解决】当出现导入插件出现 “Could not find a declaration file for module ‘插件名‘“
当插件已经下载却还是说找不到解决方案一(实验可行):在 shims-vue.d.ts 文件中加入代码 declare module 'vue-progressbar'方案二(实验未成功):npm i --save-dev @types/vue-progressbar'原创 2021-07-26 17:42:21 · 6153 阅读 · 2 评论 -
函数柯里化
柯里化柯里化,是函数式编程的一个重要概念。它既能减少代码冗余,也能增加可读性1.举例一个累加函数sum 是个简单的累加函数,接受3个参数,输出累加的结果。function sum (a, b, c) { console.log(a + b + c);}sum(1, 2, 3); // 6假设sum的前2个参数保持不变,最后一个参数可以随意。那么就会想到,在函数内,是否可以把前2个参数的相加过程,给抽离出来,因为参数都是相同的,没必要每次都做运算——调用的写法可以是这样原创 2021-07-13 09:25:56 · 118 阅读 · 0 评论 -
深拷贝和浅拷贝的区别
1. 区别浅拷贝只是增加了一个指针指向已存在的内存地址,仅仅是指向被复制的内存地址,如果原地址发生改变,那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存。”2. JS 中深拷贝的几种实现方法使用递归的方式实现深拷贝通过 JSON 对象实现深拷贝通过jQuery的extend方法实现深拷贝Object.assign(), slice, concat拷贝当对象中只有一级属性,没有二级属性的时候,此方法为深拷贝,但是对象中有对原创 2021-05-31 11:08:50 · 118 阅读 · 0 评论 -
substring()、substr()、slice()三者的区别
1.substring应用类型:stringsubstring(indexstart,indexend) 方法返回一个字符串在开始索引到结束索引之间的一个子集返回内容:[1,3)当 indexstart > indexend,则默认反向取负数任意参数小于0,则被当做02.substr应用类型:stringstr(start,length)取负数1.当start为负数:start=length+start2.length为负数:返回空字符串3.slice应用类型:s原创 2021-05-30 20:01:50 · 151 阅读 · 0 评论 -
如何 import 一个目录
将一个目录里面任意后缀的文件统一全部引入到当前文件<script lang="ts"> let importAll = (requireContext: __WebpackModuleApi.RequireContext) => requireContext.keys().forEach(requireContext); try {importAll(require.context('../assets/icons', true, /\.svg$/));} catch (erro原创 2021-05-28 18:17:23 · 757 阅读 · 0 评论 -
虚拟 DOM 和 DOM diff
一、虚拟 DOM1.虚拟DOM的优点减少DOM操作1.虚拟 DOM 可以将多次操作合并为一次操作,比如你添加 1000 个节点,却是一个接一个操作的2.虚拟 DOM 借助 DOM diff 可以把多余的操作省掉,比如你添加1000个节点,其实只有10个是新增的跨平台虚拟DOM 不仅可以变成 DOM,还可以变成小程序、iOS应用、安卓应用,因为虚拟DOM本质上是一个JS对象2.虚拟DOM长什么样React的虚拟DOM表示:一个标签为div,子元素为2个span,class为red,点击原创 2021-05-27 16:57:48 · 137 阅读 · 1 评论 -
async函数、await函数、promise、then四者的关系
async和await要搭配Promise使用, 它进一步极大的改进了Promise的写法1.特点await后面接一个会return new promise的函数并执行它await只能放在async函数里2.案例function 摇色子(){ return new Promise((resolve, reject)=>{ let sino = parseInt(Math.random() * 6 +1) setTimeout(()=>{原创 2021-05-22 15:44:04 · 3356 阅读 · 0 评论 -
什么是异步?为什么异步不能return
什么是异步?JS中的异步操作:1、定时器都是异步操作2、事件绑定都是异步操作3、AJAX中一般我们都采取异步操作(也可以同步)4、回调函数可以理解为异步(不是严谨的异步操作)剩下的都是同步处理为什么异步不能return原博客编译器进入函数时是同步的,进入函数到打印出 ‘我是同步’ ,这个过程都还是同步在主线程执行的遇到setTimeout的时候,认定为异步操作就得把这段代码放到任务队列中执行主线程是不等人的,都说主线程是同步的嘛,所以主线程解析async函数到结尾都没有遇到r原创 2021-05-22 15:17:26 · 1964 阅读 · 1 评论 -
对象里的this一般指什么
来自:JavaScript中的this的指代对象详解在JavaScript中,this是一个特殊对象,作为一个单独的指针,在不同的情况下指向不同的位置。1.在全局作用域时这个是最好理解的,即在全局作用域下this指向window,也就是在全局作用域下,this与window是等价的console.log(this === window); //true由于在此时,this等价于window,所以我们在全局作用域声明的变量也会指向this:var x = 1;console.log(原创 2021-05-20 08:54:56 · 1447 阅读 · 0 评论 -
this
遇到this,就把所有的函数调用改为call=记住this是参数如果是对象后面接函数,那么call后面的第一个参数是对象如:a.sayName() => a.sayName.call(a) => this为a如果直接是一个函数,那么就默认为 window.fn,那么第一个参数this就是window如:sayName() => wimdow.sayName.call(window) => this为windowJS中加不加括号都是一样的如:(a.sayName)(原创 2021-05-19 22:47:24 · 106 阅读 · 0 评论 -
正则表达式
1.正则表达式是什么在编写处理字符串的程序或网页时,经常会需要查找符合某些复杂规则的字符串的小阳台正则表达式:就是用于描述这些规则的工具换句话说:正则表达式就是记录文本规则的代码例如*.doc:*会被解释成任意字符,意思是查找某个目录下的所有的Word文档2.案例在英文小说中查找hi,可以使用正则表达式 hi这是最简单的正则表达式,它可以精确匹配这样的字符串1.由两个字符组成2.前一个字符是h,后一个是i通常:处理正则表达式的工具会提供一个忽略大小写的选项,如果选中了这个选项可原创 2021-05-13 19:12:26 · 738 阅读 · 0 评论 -
伪元素
伪元素:before 和 :after可以做的东西是相当惊人的。对于页面上的每一个元素,你拥有了两个更灵活的、而且可以完成其它HTML元素都能完成的东西的元素。它们让一大堆有趣的设计成为可能,而且不会对你的语义标签产生负面影响。...原创 2021-05-10 18:32:02 · 67 阅读 · 0 评论 -
css中margin-top和top有什么区别
一、功能不同margin-top:功能为设置元素的上外边距。top:规定元素的顶部边缘。二、特点不同margin-top:允许使用负值。定义固定的上外边距。默认值是 0。top:定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。三、总结margin-top是你这个层的边距设置,是上边距,top是当css样式为绝对定位(即position:absolute; )时,left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位原创 2021-05-10 18:17:38 · 3497 阅读 · 0 评论 -
*JSONP是什么
定义:JSONP就是我们在跨域的时候由于当前浏览器不支持CORS或者由于某些条件不支持CORS,我们必须使用另一种方式来跨域,于是我们就请求一个JS文件,这个JS文件会执行一个回调,回调里面就有我们的数据,回调的名字是可以随机生成的一个随机数,我们把这个名字以callback的参数传给后台,后台会把这个函数再次返回给我们并执行。优点:1.兼容IE2.可以跨域缺点:1.由于它是script标签,所以它读不到AJAX这么精确的状态(不知道状态码是什么,也不知响应头是什么),只知道成功和失.原创 2021-05-08 08:48:51 · 78 阅读 · 0 评论 -
路径中的点“./“、“../“、“/“代表的含义
“./”:代表目前所在的目录“. ./”:代表上一层目录“/”:代表根目录原创 2021-05-07 16:13:13 · 5745 阅读 · 0 评论 -
如何用手机访问电脑本地localhost网页, 以调试项目
转载自:添加链接描述1.访问步骤先确保你的手机和电脑连在同一个局域网内.在VScode中输入ipconfig,获取以太网或者无线的IPv4地址(或Window + R, 然后输入 ipconfig,然后获取ip地址) 长这样: 192.168.XX.XX手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works2.无法访问时:使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要。因此,会经常通过电脑开启一个wifi来供手机进行连接,形原创 2021-05-02 17:39:41 · 11710 阅读 · 5 评论