weixin_42156055的博客

原创 前端知识体系

原创 项目中给Typescript单独添加ESlint配置

老项目中已有ESlint，如何在不影响其他文件的情况下添加对ts文件的配置npm i -D@typescript-eslint/parsernpm i -D@typescript-eslint/eslint-plugin// 注意，这俩包版本号要相同 overrides: [ { files: ["*.ts"], // 对 .ts 文件单独单价配置 parser: "@typescript-eslint/parser", // 添加解析器 ...

原创 2021-04-02

模块化开发为什么需要模块化开发污染全局作用域命名冲突无法管理依赖模块的关系模块化标准的实现CommonJS一个文件就是一个模块每个模块都有单独的作用域通过module.exports导入成员通过require函数载入模块AMDRequire.jsCMDES Modules自动采用严格模式，忽略 ‘use strict’每个模块都有单独的私有作用域ESM通过CORS请求资源ESM的script标签都是异步请求，类似deferESM的{ ** } 不是解构，只是一

原创 树形结构

二叉树二叉树指书中节点的度不大于2的有序疏，它是一种简单且最重要的书。基本形态空二叉树只有根节点的二叉树只有左子树只有右子树完全二叉树特殊形态满二叉树如果一个数只有度为0的结点和度为2的结点，并且度为0的结点都在同一层上，则这颗二叉树为满二叉树完全二叉树深度为k， 有n个结点的二叉树当且仅当其每个结点都与深度为k的满二叉树中编号从1到n的结点一一对应...

原创 函数式编程FP

函数式编程什么是函数式编程函数式编程概念比较古老，现在大部分讲的是面向对象编程，但是函数式编程也有优点React的高阶组件使用了高阶函数，高阶函数就是函数式编程的一个概念。Vue3也拥抱了函数式编程函数式编程可以抛弃this工程化中可以更好的tree shaking过滤无用代码方便测试有很多库可以帮助我们开发 loadsh等掌握函数式编程需要掌握的准备函数式一等公民函数可以存储在变量中函数可以作为参数函数可以作为返回值高阶函数高阶函数就是利用了函数可以作为参数和函数可

原创 javascript基本类型和类型检测方法

javascript基本类型和检测方法基本类型String（字符串） Number（数字） Boolean（布尔） Symbol （符号） Object（对象） Function（函数） Array（数组） Date（日期） RegExp（正则） null undefined检测方法1.typeof 对象、 日期 、正则、 null、 无法区分// 1.typeofconst str = 'str';const num = 0;const boo.

原创 什么是闭包？

什么是闭包？function makeAdder(a) { return function(b) { return a + b; }}var add5 = makeAdder(5);var add20 = makeAdder(20);add5(6); // 11add20(7); // 27代码描述理论上a会被销毁机制销毁，但是return出的函数使用了a，所以被垃圾回收机制排除，a被保留了下来（内存溢出的一种原因）。总结闭包：一个函数和其被创建时的作用域的组

原创 正则规则语法

$符号的应用：$& 获取当前匹配的内容、$` 匹配内容的前面、 $' 匹配内容的后面 禁止贪婪匹配 (.*?) 匹配的数量向最少倾斜 原子组别名 (?<con>.*?) con 就位该原子组别名 断言匹配 ：(?=张三) 匹配后面是张三的内容、(?<=张三) 匹配前面为张三的内容、(?!李四)后面不是李四的内容、(?<!李四)前面不是李四的匹配内容 ...

原创 一次学会this指向

一、this指向的定律函数声明的时候决定不了this指向，在调用的时候决定，谁调用了这个函数就指向谁； this永远指向最近一个调用他的对象； 构造函数会自动把this指向实例对象； 如果构造函数内部有return出对象，那么this指向这个return出的对象；二、代码片段// 1function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Win

原创 实例方法、内部方法、静态方法、原型方法区别

最近经常搞不清楚函数实例方法、内部方法、静态方法、原型方法区别，写个小demo记忆一下 function Person(){ this.name = '小明'; // 实例方法 this.getName = function(){ console.log('他的名字叫 ',this.name); }; // 内部方法 const getSex = function(){ console.log

原创 什么是 Content Security Policy

什么是Content Security Policy ？csp是一种白名单制度，他告诉浏览器信任哪些域名下的资源，哪些可以执行，哪些不可以执行 可以在一定程度上防御XSS 开启方式 配置HTTP头信息 Content Security Policy 使用html meta标签 <meta http-equiv="Content-Security-Policy" content="script-src 'self'; object-src 'none'; style-src.

原创 jQuery获取元素信息(宽高、内容、距离、属性)

一、宽高width() - 返回元素的宽度。height() - 返回元素的高度。innerWidth() 方法返回元素的宽度（包括内边距）。 innerHeight() 方法返回元素的高度（包括内边距）。 outerWidth() 方法返回元素的宽度（包括内边距和边框）。 outerHeight() 方法...

原创 微信小程序在部分iPhone机型下元素边框显示不完整解决方法

1、边框宽度1rpx 改为1px