vue-cli3.x 基础配置项目中配置目录别名 alias：12345678910111213141516const path = require('path')function resolve (dir) { return path.join(__dirname, dir)}module.exports={ ... // 将接收ChainableConfig由webpack-chain提供支持的实例的函数。 chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) .set('assets',re ...

函数防抖1234567891011121314151617181920212223242526function debounce(func,wait,immediate) { let timer; return function () { let context = this; let args = arguments; if (timer) clearTimeout(timer); console.log(immediate) console.log(timer) if (immediate) { if (!timer){ fun ...

ES6问题一：ES6模块化如何使用，开发环境如何打包？ 基本语法为：import export(注意有无default) 可以用 webpack 或者 rollup 等打包工具打包 需要配置安装多个 babel ,以及 .babelrc 文件 问题二： Class 和普通构造函数的区别？ class 在语法上更加贴合面向对象的写法 class 实现继承更加易读、易理解 更易于写后 java 等后端语言的开发者快速入门使用 本质还是语法糖，使用 prototype 问题三：Promise 的基本使用和原理 new Promise 实例，而且要 return new Promise 时要传入参数，函数有 resolve reject 两个参数 成功时执行 resolve() 失败时执行 reject() ...

杂谈jquery 源码： 核心架构，事件委托，插件机制 项目开发中遇到过什么难题，怎么解决的~ npm 常用命令 webpack 自我陈述准备：把我面试的沟通方向，阔达、自信的适度发挥 简历： 左右和纵向分栏，项目做完之后的公司收益和技术收益，兴趣说技术相关兴趣 遇到不懂的问题，可以说指导，回去思考，好奇，不要说不知道，不懂，没经历过结尾，要资料，再来~ 自如谈兴趣，巧妙示实例，适时讨疑问，节奏要适宜，切忌小聪明 三栏布局布局：高度已知，左右固定，中间自动：浮动，绝对定位，弹性盒子，display:table-cell,网格布局，然后其各自有什么优缺点，假设高度已知去除会怎么样？如果有一个高度比较高，撑开了，别的跟着撑开（flex和table可以用）？这五种方案的兼容性如何？最优方案是哪个？最后：BFC,圣杯和 ...

今天在复习 CSS 知识，对于 CSS 相关的知识，个人觉得面试考的最多的可能就是 CSS 盒模型和布局相关了。而对于布局常考的基本上是：三栏布局、左右布局、垂直居中、BFC、flex布局相关等。 CSS 盒模型CSS 中的盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。 其盒子模型还是要归宗于 box-sizing 的属性即: 12box-sizing: border-box; //IE盒子模型box-sizing: content-box; //标准盒子模型，默认值 所谓的标准盒子模型 (border-box):width = 左右border+左右padding+contentwidth，而 IE 盒子模型 (border-box): width = content+padding+border， ...

首先提出一个问题：假如你现在需要封装一个数据对象，这个数据呢，只能让内部的方法访问到，其他的api是无法访问到的，你会怎么做？ 我们知道，对于Java,C#等语言，它们都存在私有属性（private），限制只有对象（或者类）内部的方法才能访问到。但是对于ES6之前的javascript，虽然也可以模拟实现，但是会比较麻烦，直到ES6中的proxy出现后，才简单了许多。下面我们来看看ES3-ES6是怎么实现对象代理（数据保护）的： 以下代码范例都是以保护一个数据对象中的 sex 属性为例！ es3先看看 ES3 的实现方式，基于构造函数 Person 中的局部作用域实现： 12345678910111213141516171819202122232425262728293031323334353637var Pe ...

在js中，我们经常复制一个对象，复制数据，今天来总结一下js中的深浅拷贝问题。 js中的内存js中的存储分为堆内存和栈内存。 基本类型有Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。 引用类型，值大小不固定，栈内存中存放地址指向堆内存中的对象，是按引用访问的。 在堆内存中为这个值分配空间，由于这种值的大小不固定，因此不能把它们保存到栈内存中。但内存地址大小的固定的，因此可以将内存地址保存在栈内存中。 这样，当查询引用类型的变量时， 先从栈中读取内存地址， 然后再通过地址找到堆中的值。 综上：JS中对象分为基本类型和复合（引用）类型，基本类型存放在栈内存，复合（引用）类型存放在堆内存。堆内存用于存放由 ...

很多刚入门前端的童鞋，有可能会傻傻分不清JSON和JSONP，更不会知道JSON、JSONP、AJAX和跨域这几个名词和概念有什么关联，今天我就来缕一缕它们之间的千丝万缕的关系。 JSON与JSONPJSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。 先说一说JSON: 什么是JSON前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 基于纯文本，跨平台传递极其简单； Javascript原生支持，后台语 ...

转录于微信公众号奇舞周刊 平时工作中主要用 OOP 的方式写代码，看了这篇文章了解到了很多平时不太注意的知识点和巩固了已知的一些概念。下面是原文： 曾经的你是不是总在工作和学习过程中听到函数式编程（FP）。但学到函子的时候总是一头雾水。本文是我在函数式编程学习过程中，总结的笔记，也分享给想学函数式编程的同学。 在学之前，你先问自己几个问题，或者当作一场面试，看看下面的这些问题，你该怎么回答？ 你能说出对javaScript工程师比较重要的两种编程范式吗？ 什么是函数式编程？ 函数式编程和面向对象各有什么优点和不足呢？ 你了解闭包吗？你经常在那些地方使用？闭包和柯里化有什么关系？ 如果我们想封装一个像underscorede的防抖的函数该怎么实现？ 你怎么理解函子的概念？Monad函子又有什么作用？ 下面这段代 ...

以下是开发一个最简单的 vue 插件的基本文件配置及其内容： 文件目录： 插件基本信息 package.json: 1234567891011121314151617181920212223242526272829{ "name": "vue-toast-demo", "version": "1.0.0", "description": "a toast plugin for mobile", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [ "toast", "vue-to ...