weixin_47342624的博客

【代码】TS的类型守卫、类型约束实践。

通过 vite 创建项目自带生成 eslintrc文件，npm 则需要手动在项目创建配置文件.eslintrc文件；tips: 主要支持 vscode 玩家，webstorm 玩家自行探索配置吧～～～～如果项目出现规则冲突以后，需要安装以下插件解决冲突，如果未出现冲突，则可以忽略。通过在项目中配置这三个配置文件，可以校验代码语法、提高项目代码规范、风格统一。

通过解析vue-cli-serve的源码，以上便是 vue-cli脚手架 运用 webpack 进行内部封装，如何实现脚手架内将项目解析打包，加载在内存中，并拉起本地服务，实现本地运行vue项目的流程。

使用微信小程序提供的Api：wx.miniProgram.navigateTo。你需要在uniapp项目中配置相应的页面路径，确保跳转时能正确找到目标页面。你的小程序必须已经正确初始化，并且在合适的生命周期内调用跳转方法。你的小程序必须是通过uniapp构建的，并且支持小程序嵌套。在小程序中嵌套uniapp的H5页面，并使用。

data() {return {curTab: 0,tabTop: 0, // tab距离顶部的距离},name: '正文详情',}]name: '相关附件',})name: '图文解读',})},// 点击tab滚动事件if(!0 : (data?},// uni页面滚动监听事件// 获取tabs的距离顶部的距离}).exec();},

props/state改变 -------render函数重新执行-------产生新的DOM树-------新旧DOM树进行diff对比-------计算出差异进行更行-------更新到真实的DOM。他们调用render应该有一个前提，就是依赖的数据（state、props）发生改变时，再调用自己的render方法。对于函数式组件需要获取组件中某个dom元素时，通过React.forwardRef,或者在hook中使用ref；函数会在dom被挂载时进行回调，这个函数会传入一个元素对象，自行保存；

React并没有实现类似于Vue2中的Object.defineProperty或者Vue3中的Proxy的方式来监听数据的变化。如果同步更新了state，但是还没有执行render函数，那么state和props不能保持同步。setState接受两个参数：第二个参数是一个回调函数，这个回调函数会在更新后会执行。setState方法是从Component中继承过来的。通过setState来告知React数据已经发生了变化。setState设计为异步，可以显著的提升性能。setState的回调。

函数组件Functional Component类组件Class Component。

的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如量的某个元素的宽度是150px，那么在css里面定义这个元素的宽度就是 width: 2rem。viewport的使用方法，viewport配置起来很容易，只需要新增一个postcss.config.js文件，这样在代码中写入的px会自动转换成vw单位，同样可以达到移动端适配的效果。之后我们写css样式的时候只需要正常写css即可，postcss会自动将我们的px转化为rem。

正则表达式模式修饰符，用法含义如下：1、/g 表示该表达式将用来在输入字符串中查找所有可能的匹配，返回的结果可以是多个。如果不加/g最多只会匹配一个2、/i 表示匹配的时候不区分大小写，这个跟其它语言的正则用法相同3、/m 表示多行匹配。什么是多行匹配呢？就是匹配换行符两端的潜在匹配。影响正则中的^$符号4、/s 与/m相对，单行模式匹配。5、/e 可执行模式，此为PHP专有参数，例如preg_replace函数。6、/x 忽略空白模式。这里有值得注意的一点，这些修饰符是可以混合使用的。例如 /i

请求地址：http://localhost:8000/login?nodejs中除了express框架， 另外一个非常流行的Node Web服务器框架就是Koa。koa官方并没有给我们提供路由的库，我们可以选择第三方 库：koa-router。请求地址：http://localhost:8000/login。真实开发中我们如何将路径和method分离呢？

某些情况下我们没办法很好的从 https://registry.npmjs.org下载下来一些需要的包，这时候就可以用到镜像。npx的原理非常简单，它会到当前目录的node_modules/.bin目录下查找对应的命令；当值为true时，npm是不能发布它的，这是防止私有项目或模块发布出去的方式；原因非常简单，在当前目录下找不到webpack时，就会去全局找，并且执行命令；npx的作用非常多，但是比较常见的是使用它来调用项目中的某个模块的指令。private属性记录当前的项目是否是私有的；

libuv是一个多平台的专注于异步IO的库，它最初是为Node开发的，但是现在也被使用到Luvit、Julia、pyuv等其 他地方；浏览器中的EventLoop是根据HTML5定义的规范来实现的，不同的浏览器可能会有不同的实现，而Node中是由 libuv实现的。JavaScript线程中的代码运行其实是通过事件队列进行执行的，事件队列中维护着两个队列，

JavaScript源码------>Parse(词法，语法分析)------>AST抽象语法树------>Ignition(转换器)------>bytecode字节码------>汇编代码------>cpu指令------>运行结果。Blink-----是Webkit的一个分支，Google开发，目前应用于谷歌浏览器，edge浏览器。WebCore: 负责HTML解析，布局，渲染的工作。Webkit-----苹果基于Khtml开发。JavaScript引擎----v8引擎。

对Mockjs的学习与总结