11 2021 档案

webpack安装
摘要：需求： 1.开发过程中，代码保存自动刷新页面就好了-热更新。 2.写css样式。或者JavaScript代码后自动处理兼容问题就好了-代码编译。 3.项目要上线了，可以一键压缩代码，图片处理等就好了-压缩打包服务等。 webpack本质上是一个javascript应用程序的静态模块打包器 webpa 阅读全文
posted @ 2021-11-17 11:57 橘橙夏日 阅读(534) 评论(0) 推荐(0)
vue cli创建项目（我的配置）
摘要：手动安装 1.选择依赖： babel，router，vuesx一般是必选的，cssPre-processors css预编译也是需要选的，linter/Formatter是用于检查的，这里我们也是需要的 2.选择路由模式是history还是hash，如果选hash的话，地址栏里会带#，使用histo 阅读全文
posted @ 2021-11-11 13:50 橘橙夏日 阅读(109) 评论(0) 推荐(0)
vue3.0的变化
摘要：1.速度更快 a.虚拟dom重写 b.优化插槽生成 2.0中如果父组件更改的数据也传递到了子组件，在子组件也会重新渲染，但是3.0可以单独渲染父组件的数据和子组件的数据 c.静态树提升 3.0可以检测到什么是静态的，就会跳过不重新渲染，降低了渲染成本 d.静态属性提升 f.基于Proxy的观察者机制 阅读全文
posted @ 2021-11-10 16:27 橘橙夏日 阅读(66) 评论(0) 推荐(0)
vue基础指令
摘要：1.内嵌指令 v-text：更新文本 v-html：innerHtml v-if：条件判断 v-else v-else-if v-show：条件隐藏 v-for 列表渲染 v-model 数据双向绑定 常用于表单渲染 v-on 绑定事件 v-bind htm标签l特性的绑定，如class id st 阅读全文
posted @ 2021-11-10 15:46 橘橙夏日 阅读(43) 评论(0) 推荐(0)
插槽和动态组件
摘要：插槽 使用场景：父组件想向子组件中传递dom元素的时候 slot：普通插槽，具名插槽 v-solt只能用在template标签上面 默认：v-slot：default 父组件： 子组件： 作用域插槽： 让插槽能访问到只有子组件中才能访问的数据 动态组件 组件缓存：keep-live 在compont 阅读全文
posted @ 2021-11-08 15:03 橘橙夏日 阅读(64) 评论(0) 推荐(0)
组件通信
摘要：组件通信 父组件向子组件通信 1.props v-model 2.$parent 严格意义上，不是值传递，不推荐使用 子组件向父组件通信 1.$emit 2.$children 不推荐使用 注意this.$children是个数组，需要通过下标获取具体的组件 兄弟组件之间的传值 1.bus中央事件总 阅读全文
posted @ 2021-11-08 14:19 橘橙夏日 阅读(84) 评论(0) 推荐(0)
js运行机制
摘要：核心概念： 1.js是单线程的 2.浏览器当中的eventloop 3.nodejs中的eventloop js是单线程的，如果有复杂耗时的操作怎么办？有可能会导致页面卡死 eventloop就是为了解决这些问题，它的核心是异步队列，把耗时的任务放在异步队列中执行，执行完成之后再去唤起主线程 异步队 阅读全文
posted @ 2021-11-03 17:30 橘橙夏日 阅读(309) 评论(0) 推荐(0)
关于页面中的iframe更改地址会保存到浏览器的历史记录的问题
摘要：页面中加载额iframe如果地址改变会在浏览器的历史记录中留下记录，会导致页面返回异常。 vue和react都是基于window.history的回退机制 解决方案： 1.把当前页面中的iframe清除，重新在js中生成新的iframe放在页面中 基于虚拟dom的diff算法，在vue中可能不会重新 阅读全文
posted @ 2021-11-03 14:47 橘橙夏日 阅读(873) 评论(0) 推荐(0)
async awite 的优势
摘要：1.函数加上async就会返回一个promise 2.await内部实现了generator，实质上await就是generator和promise的语法糖，内部实现了自动执行generator 优势： 1.相比promise来说优势在于处理then的调用链，能够更清晰准确的写出代码 2.优雅的解决 阅读全文
posted @ 2021-11-03 14:36 橘橙夏日 阅读(162) 评论(0) 推荐(0)