摘要: 在最初 js 被设计用来做一些表单校验的简单功能,当初的 js 只是用来作为页面展示的一个补充。后来随着 web 的发展,相当一部分业务逻辑前置到了前端进行处理,js 的地位越来越重要,文件也越来越庞大,为了将大的功能模块进行拆分成一个一个小的组成部分,但是拆分成小的 js 文件又带来了新的挑战,由 阅读全文
posted @ 2021-01-03 18:28 金神敏 阅读(759) 评论(0) 推荐(0) 编辑
摘要: 概述 eslint 是用来在 js 文件中识别和报告模式匹配的工具,它的目的是保证代码的一致性和避免错误。我们可以在编码的过程中配合相关的代码编辑工具提前发现错误或者不规范的代码,例如我们可以在 vscode 中直接看到不符合规则代码段;也可以配合相关的命令行工具执行代码检查并且发现错误,例如在 w 阅读全文
posted @ 2020-12-13 16:37 金神敏 阅读(582) 评论(0) 推荐(0) 编辑
摘要: 最近在面试,作为一个前端菜鸟面了好几家公司,大概有十几天的时间。下面就面试当中的一些技术点做一个回顾和整理,供大家交流和参考。 1. 中`MVVM`的实现原理 答:由于我读过 的源码,所以可以清楚的说明这其中的原理。这道题也是被问到最多的一道题。可以参考: "剖析Vue实现原理 如何实现双向绑定mv 阅读全文
posted @ 2019-03-05 15:19 金神敏 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 五个基础点: 1. 所有的函数都有 属性,指向该函数的原型对象; 2. 所有的对象都有 属性,指向该对象的构造函数的的原型对象; 3. 由于js中万物皆对象,所以构造函数也有 属性; 4. 构造函数是通过 构造函数构造出来的实例,所以构造函数的 属性皆指向同一个对象,通过 可得,都是指向 的原型对象 阅读全文
posted @ 2019-02-11 14:03 金神敏 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 一、Object构造函数 缺点: 1. 写法繁琐,如果存在多个对象需要重复编写相同的属性或方法 2. 无法给实例分类,因为得到的所有对象都是Object的实例。js给我们提供了几个原生的类型:Object、Array、RegExp、Date等,我们自己创建的对象虽然都是Object类型,但是有时候我 阅读全文
posted @ 2019-01-03 17:38 金神敏 阅读(118) 评论(0) 推荐(0) 编辑
摘要: js中数组的遍历方式 for for 循环遍历是最普通的一种方式,通过数组中自带的索引进行数组元素的获取,这种方式可以支持 break、continue、return的打断形式。具体如下: var arr1 = [1, 2, 3] var arr2 = ['a', 'b', 'c'] arr1.fo 阅读全文
posted @ 2018-11-23 17:06 金神敏 阅读(2447) 评论(0) 推荐(0) 编辑
摘要: 完成多入口打包配置 上一节我说完了三个关键的plugin,通过三个plugin我们可以做到将代码进行分割,并且将分割的代码打包到我们指定的路径下,完成打包的模块可以被index.html文件正确引用。这里我们需要贯穿整个流程。 1、yargs yargs 是一个非常强大的命令行参数处理工具,这里我们 阅读全文
posted @ 2018-11-16 15:52 金神敏 阅读(1047) 评论(0) 推荐(0) 编辑
摘要: 从三个插件开始 1、CommonsChunkPlugin commonsChunkPlugin 是webpack中的代码提取插件,可以分析代码中的引用关系然后根据所需的配置进行代码的提取到指定的文件中,常用的用法可以归为四类:(1)、提取node_modules中的模块到一个文件中;(2)、提取 w 阅读全文
posted @ 2018-11-15 17:16 金神敏 阅读(3230) 评论(0) 推荐(0) 编辑
摘要: 我们在使用html5的拖拽上传时,做法往往是监听一个控件范围内的drop事件。但是用户在操作的时候往往会出现文件没有进入到控件范围内就释放的情况,这种情况在以下浏览器中会出现不同的情况,下面是实验结果: chrome: 如果该文件是浏览器可浏览文件(图片等),浏览器会在当前窗口打开文件的预览;如果是 阅读全文
posted @ 2018-10-25 13:50 金神敏 阅读(4883) 评论(0) 推荐(0) 编辑
摘要: 下面总结一下我们在使用vue过程中,经常会踩到坑却会被忽略的问题: 1、vue data中声明了某个属性,有些时候却发现该属性没有发生响应式变更 问题描述:在data中声明了某个属性,后面给该属性赋值,正常逻辑下与该属性绑定的UI会发生响应。但是由于代码编写失误,会造成UI不发生响应的情况。 发生这 阅读全文
posted @ 2018-10-23 21:26 金神敏 阅读(182) 评论(0) 推荐(0) 编辑