weixin_45849112的博客

原创 任务52：Ajax并发管控

微信公众号：求之（ID：qiuzhi1818）前进，不停就好。无论面对什么，都不要停下。

原创 任务2：服务器渲染时代到客户端渲染时代

移动端追求的更多的是性能，而不是SEO

原创 任务6：WEB服务器创建：静态资源的处理

微信公众号：求之（ID：qiuzhi1818）前进，不停就好。无论面对什么，都不要停下。

原创 任务27：20201226精通一线大厂项目中Vue常用的6大自定义指令

3.0提取出来六大自定义指令

原创 看不上的年金险

像我这种“资深”股民，激进的有股票期货，稳健的有国债、政策性金融债、地方政府债、城投债，中间的还有etf、宽基指数、指增基金，平时因为对冲风险买点保障性保险也就罢了，储蓄型的保险压根看不上。但现在通过熬夜撸条款，我的观念有了一丢丢的变化，感觉他也是一个不错的金融工具。说之前先简单介绍一下保险以及常见的保险种类。保险，并不能降低我们发生风险的概率，但是他能够在我们发生风险的时候提供现金流，转嫁风险。除去财险不说，保险可以分为两大类：保人的和保钱的。

原创 又到了择业的时候

记得2020年的时候，第一次买房背上贷款，一共一百多万连利息将近两百万，突然就有了危机感，不自觉的会考虑如果我的人生有什么重大变故，我的家人会怎么办？他们承担每个月的房贷月供吗？还是被迫卖房折腾一圈后让几年的努力付之东流？然后我就开始主动也是第一次去了解保险，自己上网查、关注各路大v看，自己厘清大致的险种分类，熟悉基本的投保知识，重点看有什么注意事项，避坑，再根据自己实际家庭情况匹配需求，然后才去找的代理人咨询沟通购买。没想到几年后的今天，我决定做一名保险经纪人。

原创 6.把其他类型转换为字符串；7.解决浮点计算精准度丢失问题；8.函数的底层运行机制

6.把其他类型转换为字符串/* * 把其它类型转换为string * + [val].toString() & String([val]) * + 原始值类型：基于引号包起来、bigint会去掉n * + 对象类型值： * + 调用 Symbol.toPrimitive * + 如果不存在则继续调用 valueOf 获取原始值，有原始值则把其转换为字符串 * + 如果不是原始值，则调用toString转换为字符

原创 4.数据类型中的一点细节知识；5.数据类型转换规则和练习题；

4.数据类型中的一点细节知识；5.数据类型转换规则和练习题；/* * 数据类型解读 * @1 NaN / Infinity / isNaN / Object.is ... * @2 symbol & 对象属性类型 * @3 bigint * * 数据类型转换 * @1 把其它数据类型转换为number * + Number([val]) * + 一般用于浏览器的隐式转换中 * + 规则： * @1 把字符串转

原创 1.数据类型分类和typeof检测底层原理；2.堆栈内存以及VO(G)和GO的；3.关于堆栈内存的一道面试题；

1.数据类型分类和typeof检测底层原理ECMAScript262中数据类型的标准定义4.2 ECMAScript OverviewECMAScript is object-based: basic language and host facilities are provided by objects, and an ECMAScript program is a cluster of communicating objects. In ECMAScript, an object is a co

原创 Swiper插件的基础应用

原创 1-什么是hybird；2_了解hybrid的交互方式；3_schema协议交互；4_编写jsbridge

1-什么是hybird2_了解hybrid的交互方式3_schema协议交互4_编写jsbridge

原创 uni-app实战项目2

H5页面中web-view跳转有问题，小程序中没事原生小程序中不能用vuex，uniapp中可以用

原创 uni-app实战项目

原创 uni-app基础用法

用法基本介绍云开发腾讯云阿里云都行

原创 手撕函数的防抖和节流；柯理化

手撕函数的防抖和节流柯理化

原创 Vue面试

原创 24_router入门+原理；25_router详细

24_router入门+原理手写源码如果是hash模式下，路由hash改变的时候会触发onhashchange事件，他去改变一个叫_route的东西，_route更新的话会触发相应组件更新；如果是history模式下他走的是popState事件，结合pushState和replaceState方法...

原创 20_初识vuex；21_vuex_modules；22_vuex_辅助函数；23_vuex原理

20_初识vuex如果多处调用同一个mutation的函数，如果是异步ajax请求，谁先返回先执行谁不好控制顺序，所以原则上只能写同步21_vuex_modules22_vuex_辅助函数23_vuex原理

原创 18_use+mixin+extend；19_组件间的数据交互

不同的写法useuse源码mixin混入是为了补充，还是以组件内的为主mixin源码局部混入extend

原创 15_插槽；16_自定义指令；17_动态组件+keep-alive

slot匿名插槽具名插槽传参16_自定义指令全局自定义指令可以通过自定义指令实现全局校验17_动态组件+keep-alivekeep-alive源码

原创 13_组件及数据传递；14_优化+组件数据传递

13_组件及数据传递14_优化+组件数据传递data和props中的属性都会被挂载到实例中，重名会报错，data比props先挂载凡是用在组件上的事件都是自定义事件

原创 11_工程化+钩子函数；12_DOM异步更新+nexttick原理

11_工程化+钩子函数vue3.0和router4.0和vuex4.0搭配工程化的好处，复用和维护12_DOM异步更新+nexttick原理源码利用发布订阅，能用微任务的用微任务，用不了微任务的用宏任务

原创 5_vue视图不更新问题；6_filter_computed；7_计算属性；8_侦听器watch

5_vue视图不更新问题修改对象更新视图数据更改影响视图更新，前提是数据用在了视图上console.log(this.$set());修改数组更新视图6_filter_computedfilter过滤器比如可以处理钱，3.0把它干掉了如果重名，优先使用局部过滤器computed不建议把业务逻辑直接写到插值表达式里边，尽可能的保证模板简洁set方法里可以写异步7_计算属性计算属性和data中的属性名重复会报错1.主管意识上能判断出有依赖关系的就可以用

原创 1_认识vue；2_劫持原理；3_指令+key；4_key的作用

1_认识vue2_劫持原理vue3.0采用的方式3_指令+key属性选择器，vue渲染完成之后，会把v-cloak移除掉加上v-pre之后vue解析的时候就不看了diff算法先会虚拟dom进行比较，先比较key是否一样，一样的话直接复用，不一样再比较标签往下依次判断用index做key，因为index总是从0到length-1，如果删除了一项，有可能出现删除项key和元素key重复的问题，出现元素复用出现一些问题v-once只渲染一次4_key的作

原创 10_webopack处理JS

loader就是为了处理文件plugin功能就比较强大了

原创 9_图片+css压缩

图片引入压缩css文件

原创 8_css配置

需要好几个index模板文件引入打包成的js的时候如果多模板情况引入的打包js文件也不同，可以用多入口文件配置多入口多出口引入css直接启动报错安装loader，配置文件可以改css输出路径css写前缀写兼容用load需要建一个这样的文件这个配置文件得手动自己创建，跟package.json同级目录...

原创 6_webpack服务；7_devserver_before

6_webpack服务webpack.base.js文件里面是一些基础配置，需要把它引入到生产和开发配置文件中并合并，需要用到merge插件降版本（删除node_modules，改配置文件，重新下载）每当改完配置文件都要重启服务7_devserver_before后端是不存在跨域的也可以抽离出来...

原创 5_分析打包文件

eval()方法把字符串变成表达式

原创 2_webpack基础简介；3_webpack基础配置；4_webpack基础配置复习

2_webpack基础简介3_webpack基础配置mode：设置development打包生成的js文件没有压缩，设置production打包生成的js文件会压缩打包时候生成的文件名后加一个hash，有清缓存的作用生成的文件后缀加hash的话区分不清楚哪个是最新的，可以用这个插件清除以前生成的文件4_webpack基础配置复习...

原创 1_模块化规范

出错无非三种情况：1.包丢了；2.版本问题；3.语法没用对作用：1.代码转换 less/sass/stylus —> css;ts —> js 高版本的JS语法转换成低版本的；2.代码压缩 HTML css js 压缩了3.代码分割 模块合并（模块化开发）4.热更新（局部修改跟新，跟自动刷新 两个概念）common.js规范，每个js文件都是一个单独的模块，node语法，得用node执行，如：esModule规范这样写需要解构...

原创 页面优化

所有的绑定事件都是异步加载

原创 闭包、面向对象

数组去重（属性有的值没有就是null；属性名都没有就是undefined。null是当前没有后期可能会有，而且他具备的属性我们有这个属性；undefined当前这个属性或者当前这个东西压根就不存在，意料之外的）闭包的优缺点第一个作用保护，生成一个私有变量，不受外界的干扰保存耗内存...

原创 VUE框架中的MVVM实现原理分析

原创 外边距塌陷和合并

这就出现了外边距塌陷为什么会出现这个呢因为 BFC的布局规则 规定相邻的俩个盒子（父子关系 相邻的兄弟关系）会有内边距重叠那么什么是BFC呢全称是box-formatting-context (块级格式化上下文) 它是一个独立的渲染区域规定了内部block-level的盒子如何渲染并且不影响外部元素这个例子中 body 这个标签 具有BFC的特点 但不是BFCBFC的规则或者说是特点1.独立且隔离的一个区域2.里面的盒子垂直排列3.属于同一个BFC相邻的俩个盒子（父子关系 相邻的兄弟关系）

原创 ＜前端面试（入门级算法，头条阿里的经典面试题）＞笔记四

数组去重（第一种set方案；第二种，当前项跟他后边每一项相比较的方案；第三种，用一个新东西存储再验证有没有存过的方案；第四种相邻项的方案。）排序

原创 box-sizing

在 CSS 盒子模型的默认定义里，你对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距。当我们实现响应式布局时，这个特点尤其烦人。box-sizing 属性可以被用来调整这些表现:content-box 是默认值。如果你设置一个元素的宽为100px，那么这个元素的内容区会有100px 宽

原创 ＜ES8＞笔记一

async函数await表达式async和await结合读取文件内容async和await结合发送ajax请求es8对象方法扩展

原创 ＜ES7＞笔记一

es7新特性

原创 ＜ES6＞笔记五

模块化介绍、优势以及产品浏览器使用模块化引入模块ES6模块暴露数据语法汇总ES6引入模块数据语法汇总浏览器使用ES6模块化方式二babel对ES6模块化代码转换