但加木-CSDN博客

原创学习正则表达式

入门\b是正则表达式规定的一个特殊代码（好吧，某些人叫它元字符，metacharacter），代表着单词的开头或结尾，也就是单词的分界处。假如你要找的是hi后面不远处跟着一个Lucy，你应该用\bhi\b.*\bLucy\b。这里，.是另一个元字符，匹配除了换行符以外的任意字符。*同样是元字符，不过它代表的不是字符，也不是位置，而是数量——它指定*前边的内容可以连续重复使用任意次以使整个表达式得到匹配。因此，.*连在一起就意味着任意数量的不包含换行的字符。现在\bhi\b.*\bLucy..

2021-09-06 13:11:31 160

原创 jQuery

1. jQuery 如何获取元素jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。选择表达式可以是CSS选择器：$(document) //选择整个文档对象　　$('#myId') //选择ID为myId的网页元素　　$('div.myClass') // 选择class为myClass

2021-09-04 17:10:08 170

原创 Axios 速查表

目录GET 请求POST 请求并行请求创建实例ResponseConfig拦截器错误处理取消请求英文原链接GET 请求// Make a request for a user with a given IDaxios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { con

2021-09-04 17:02:53 175

原创回调函数简化的著名面试题

const array = ['1','2','3'].map(parseInt)console.log(array)//打印结果为[1,NaN,NaN]上边的代码用箭头函数展开表示为????const array = ['1','2','3'].map((item,i,arr)=>{ return parseInt(item,i,arr)})console.log(array)//打印结果为[1,NaN,NaN]要打印出[1,2,3]显然要这样写????cons

2021-09-03 18:41:27 142

原创虚拟 DOM 和 DOM diff

目录虚拟 DOM 是什么虚拟DOM长什么样子：如何创建虚拟DOM用 JSX 简化创建虚拟 DOM现在创建虚拟DOM的方法虚拟 DOM 的缺点DOM diff 是什么DOM diff 的优点DOM diff 的问题（key）虚拟 DOM 是什么一个能代表 DOM 树的对象，通常含有标签名、标签上的属性、事件监听和子元素们，以及其他属性虚拟DOM长什么样子：Reactconst vNode = { key: null, props: {

2021-09-02 19:54:09 147

原创 TypeScript学习

先学会区分类型和类的区别。JS的基本类型：null undefined symbol number boolean string bigint object类：对object的分类，如Array，Object等注:typeof 函数返回一个function，typeof null 返回一个objectconst a:string = 'hi'const b:number = 1const c:undefined = undefinedconst d:boolean = ture.

2021-09-02 16:24:30 104

转载 Web性能优化

1.DNS服务和配置hosts2.后端做keep-alive连接复用，在http请求时tcp不断3.后端SQL优化4.提高serve带宽5.压缩gzip6.优化css7.先css后js8.懒加载9.预加载：css、js、image加http缓存10.加域名cdn11.cookie-free...

2021-09-01 18:07:24 149

原创 Vue3中watchEffect的flush: ‘post‘作用

副作用刷新时机Vue 的响应性系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick”中多个状态改变导致的不必要的重复调用。同一个“tick”的意思是，Vue的内部机制会以最科学的计算规则将视图刷新请求合并成一个一个的"tick"，每个“tick”刷新一次视图，比如a=1;b=2;只会触发一次视图刷新。$nextTick的Tick就是指这个。继续说，比如有个watchEffect监听了2个变量a和b，我的业务写了a=1;b=2;，你觉得监听器会调用2次？当然不会，Vue会合并成

2021-08-25 17:38:54 5736 1

原创 Vue3造轮子项目笔记

全局安装create-vite-appyarn global add [email protected] 或者npm i -g [email protected]创建项目cva danjiamu-ui-1cd danjiamu-ui-1yarnyarn devVue2和Vue3的区别Vue 3 的 Template 支持多个根标签，Vue 2 不支持 Vue 3 有 createApp()，而 Vue 2 的是 new Vue() c...

2021-08-25 16:59:55 670

原创常用代码简写----20个片段

1、单行 If-Else 语句可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。constage=12;letageGroup;//LONGFORMif(age>18){ageGroup="Anadult";}else{ageGroup="Achild";}//SHORTHANDageGroup=age>18?"Anadult":"Achild";2、从数组中删...

2021-08-23 21:36:35 365 2

原创 Vue学习笔记

1.搭建项目使用Vue/cli工具安装：npm install -g @vue/cli# ORyarn global add @vue/cli查看安装版本：vue --version运行以下命令来创建一个新项目：vue create hello-world浏览器实时预览：yarn serve2.如何使用Vue实例详看文档2.1从HTML 中得到视图从CDN中应用vue.js或vue.min.js 即可做到。2.2用js构建视图使用vu.

2021-08-19 18:11:36 810

原创如何使用 rem 和 px 函数适配各种屏幕

算法：Wp 为页面有效宽度，Hp 为页面有效高度页面左右居中，上下居中，四周留白即可然后在 head 里用 JS 设置 1rem = Wp / 100（下文中会用到）假设某 div 在设计稿中长 100px，设计稿宽度 1920px，那么该 div 在页面中长为 100/1920 X 100rem 最后可以写一个 px() 函数来计算 100px 对应的 rem export const px = (n) => n / 2420 * (window as a

2021-08-17 22:02:01 330