摘要：面试官: 实现双向绑定Proxy比defineproperty优劣如何? 面试官系列(4): 实现双向绑定Proxy比defineproperty优劣如何? 往期 面试官系列(1): 如何实现深克隆 面试官系列(2): Event Bus的实现 面试官系列(3): 前端路由的实现 前言 双向绑定其实 阅读全文

摘要：2019 Vue 面试题汇总（持续更新中...） 1. vue中的MVVM模式 即Model-View-ViewModel。 Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。 ViewModel是Vue的核心，它是V 阅读全文

摘要：题目：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应。 1)浮动 2)绝对定位 3)Flexbox 4)表格布局 5)网格布局(CSS3的Grid布局) 代码： 通用样式： <style> html * { padding:0; margin:0; } .layout a 阅读全文

摘要：【CSS篇】简化版 【CSS篇】简化版 (1) CSS盒模型 CSS盒模型 题目：谈谈你对CSS盒模型的认识 1) 基本概念：标准模型+IE模型 2) 标准模型和IE模型的区别 计算宽度和高度的不同 3) CSS如何设置这两种模型 4) JS如何设置获取盒模型对应的宽和高？ JS怎么写才能拿到盒模型 阅读全文

摘要：Promise 原理解析与实现(遵循Promise/A+规范) 1 什么是Promise？ Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一 2 对于几种常见异步编程方案 回调函数 事件监听 发布/订阅 Promise对象 这里就拿回 阅读全文

摘要：几道JS代码手写面试题 (1) 高阶段函数实现AOP(面向切面编程) Function.prototype.before = function (beforefn) { let _self = this; // 缓存原函数的引用 return function () { // 代理函数 before 阅读全文

摘要：前端安全知识—关于XSS攻击和CSRF攻击 XSS xss: 跨站脚本攻击（Cross Site Scripting）是最常见和基本的攻击 WEB 网站方法，攻击者通过注入非法的 html 标签或者 javascript 代码，从而当用户浏览该网页时，控制用户浏览器。 xss 主要分为三类： DOM 阅读全文

摘要：Vue面试中经常会被问到的面试题 对于MVVM的理解 MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变 阅读全文

摘要：一篇文章让你明白 jsonp原理详解 什么是JSONP? 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨 阅读全文

摘要：跨域解决方案有什么？分享给爱学习的你！ 跨域解决方案 1.jsonp 1) JSONP原理 利用 <script> 标签没有跨域限制的漏洞，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。 2) JSONP和AJAX对比 JSONP和AJAX相同，都 阅读全文

摘要：ES6新特性你了解了多少呢？ 珠峰培训 5月17日 ES6新特性 ES6的特性比较多，在 ES5 发布近 6 年（2009-11 至 2015-6）之后才将其标准化。两个发布版本之间时间跨度很大，所以ES6中的特性比较多。 在这里列举几个常用的： 类 模块化 箭头函数 函数参数默认值 模板字符串 解 阅读全文

摘要：【Webpack4篇】 【Webpack4篇】 webpack4 打包优化策略 当前依赖包的版本 1 优化loader配置 1 优化loader配置 1.1 缩小文件匹配范围(include/exclude) 通过排除node_modules下的文件 从而缩小了loader加载搜索范围 高概率命中文 阅读全文

摘要：【Node篇】 【Node篇】 Node.js中的stream（流）- 基础篇 1）什么是stream（流） 流（stream）在 Node.js 中是处理流数据的抽象接口（abstract interface）。 stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流 阅读全文

摘要：【Vuex篇】 【Vuex篇】 vuex源码你学会了吗？ 我来免费教你！~ 1.vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 d 阅读全文

摘要：【WebStorage篇】 【WebStorage篇】 用户登录状态、计数器或者小游戏等，但是又不希望用到数据库，就可以利用Web Storage技术将数据存储在用户浏览器中。 Web Storage是一种将少量数据存储在客户端(Client)磁盘的技术。 (1) Web Storage的概念 在网 阅读全文

摘要：【HTML5十大新特性】 (1) 语义化标签 (2) 增强型表单 (3) 视频和音频 (4) canvas绘图 (5) SVG绘图 (6) 地理定位 (7) 拖放API (8) Web Worker (9) Web Storage (10) WebSocket HTML5的十大新特性 为了更好地处理 阅读全文

摘要：常见的语义化标签有 <article>、<section>、<nav>、<aside>、<header>、<footer> 详细解读： 1) header 通常被放置在页面或者页面中某个区块元素的顶部，包含整个页面或者区块的标题、简介等信息，起到引导与导航的作用。 我们不但可以放置页面或者页面中某个 阅读全文

摘要：在生成HTML页面的时候，可以利用emmet语法，来快速生成HTML结构。 按回车，来生成HTML结构。 (1) section.layout.float 结果： (2) div>ul>li*5 结果： (3) div.left+div.right+div.center 结果： 参考：emmet官方 阅读全文