fj1247565817的博客

一、目的 我使用的vue-cli构建的项目，为改善用户在等待页面加载的体验 二、Loading效果 代码来源：https://www.runoob.com/w3cnote/free-html5-css3-loaders-preloaders.html 三、vue创建插件 在components文件夹里创建Loading.vue <template> <div c...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新 1、声明 let、const 2、解构赋值 3、声明类与继承：class、extend 4、Promise的使用与实现 5、generator（异步编程、yield、next()、await 、async） 6、箭头函数this指向问题、拓展运算符 7、map和set有没有用过，如何实现一个数组去重，map数据结构有什么优点？ ...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新 1、原型/原型链/构造函数/实例/继承 2、有几种方式可以实现继承 3、用原型实现继承有什么缺点，怎么解决 4、arguments 5、数据类型判断 6、作用域链、闭包、作用域 7、Ajax的原生写法 8、对象深拷贝、浅拷贝 9、图片懒加载、预加载 10、实现页面加载进度条 11、this关键字 12、函数式编程 13、手动实现...

本文是根据知乎爱前端不爱恋爱 提供的目录整理供大家学习，后将持续更新 1、语义化 2、新标签新特性 3、input和textarea的区别 4、用一个div模拟textarea的实现 5、移动设备忽略将页面中的数字识别为电话号码的方法 一、语义化 语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解。 语义化的(X)HTML文档有...

本文是根据知乎爱前端不爱恋爱 提供的目录整理供大家学习，后将持续更新 十一、相邻的两个inline-block节点为什么会出现间隔，如何解决 这个问题的原因可以上述到SGML(标准通用标记语言)和TeX(排版工具)，它实际上是一个行内（inline）的问题，它由空格、换行或回车所产生空白符所致 解决方法： 1、改变代码书写方式。 2、改变字符大小。 3、改变元素间距。（font-size，lett...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新 21、async/await 22、立即执行函数和使用场景 23、设计模式(要求说出如何实现,应用,优缺点)/单例模式实现 24、iframe的缺点有哪些 25、数组问题 数组去重 数组常用方法 查找数组重复项 扁平化数组 按数组中各项和特定值差值排序 26、BOM属性对象方法 27、服务端渲染 28、垃圾回收机制 29、eve...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后续持续更新 一、盒模型 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：Margin(外边距)，边Border(边框)，Padding(内边距) ，和Content(内容)。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。...

一、better-scroll介绍 better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 better-scroll 是基于原生 JS 实现的，不依赖任何框架。它编译后的代码大小是 63kb，压缩后...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新 11、this关键字 12、函数式编程 13、手动实现parseInt 14、为什么会有同源策略 15、怎么判断两个对象是否相等 16、事件模型 事件委托、代理 如何让事件先冒泡后捕获 17、window的onload事件和domcontentloaded 18、for…in迭代和for…of有什么区别 19、函数柯里化 20、...

本文是根据知乎 爱前端不爱恋爱提供的目录整理供大家学习，后将持续更新 1、vue解决了什么问题 2、MVVM的理解 3、如何实现一个自定义组件，不同组件之间如何通信的？ 4、nextTick 5、生命周期 6、虚拟dom的原理 7、双向绑定的原理？数据劫持？ 8、组件通信 父->子 子->父 非父子组件 9、Proxy 相比于 defineProperty 的优势 10、watch c...