摘要：function getUrlParams(url){ let searchParam = url.split("?")[1]; let searchItemParams = searchParam.split("&"); let arr = {}; let json = {}; if(searchItemParams.lengt... 阅读全文

摘要：面试经常有问到 webpack，偶遇一篇比较有实用价值的且有利于理解的文章，现总结如下： 本篇文章中要实现的这个迷你打包工具，它主要能实现如下两个功能： ①、将 ES6 转换成 ES5； ②、支持在 JS 文件中 import css 文件； 下面我们跟随这个工具的具体实现，来理解打包工具的原理，c 阅读全文

摘要：缓存策略： 通常浏览器缓存策略分为两种：强缓存和协商缓存，并且缓存策略都是通过设置 HTTP Header 来实现的； 强缓存： 强缓存可以通过设置两种 HTTP Header 实现：Expires 和 Cache-Control；强缓存表示在缓存期间不需要请求。state code为200； Ex 阅读全文

摘要：组件中 data 什么时候可以使用对象？ 这道题其实更多考的是 JS 功底； 组件复用时所有组件实例都会共享 data，如果 data 是对象的话，就会造成一个组件修改 data 以后会影响到其他所有组件，所以需要将 data 写成函数，每次用到就调用一次函数获得新的数据； 当我们使用 new Vu 阅读全文

摘要：单例模式： 单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式； 单例模式的核心就是保证全局只有一个对象可以访问。因为JS是门无类的语言，所以别的语言实现单例的方式并不能嵌入 JS 中，我们只需要用一个变量确保实例只创建一次就行，以下是如何实现单例模式的例子： 在 阅读全文

摘要：何为声明式开发，何又为命令式开发~~~ 这里我不做太多概念的剖析，我们只要明确一个： 声明式开发只是告诉计算机需要什么，而不是把每一步都计划好；典型代表为React； 命令式开发则是每一步明确的去操作DOM；典型代表 Jquery； Jquery开发相信大家已经很 6 了，那我们着重剖析一下以 Re 阅读全文

摘要：作为响应式开发框架React，我们知道他是数据驱动的，但有时候避免不了还是得动用到DOM操作，这个时候我们就可以用到ref；用法如下： 然后这样做有个弊端，当一个 ul 下面的 li 是动态添加的时候，不能通过 this.ul.querySelectAll('li').length 实时捕获；原因剖 阅读全文

摘要：I.原始渲染方式（直接操作DOM）： 1.state数据； 2.JSX模板； 3.数据 + 模板 相结合，生成真实的DOM来显示； 4.state发生改变； 5.数据 + 模板结合，生成真实的DOM来显示，替换上一个模板； II.原始渲染方式改良方案（比对之后再操作DOM）： 1.state数据； 阅读全文