web开发技术

分析 `wangeditor` 和 `slate-react`源码我们可以看出两者功能类似，都是将 `slate->createEditor()`生成的editor对象转化为vnode，然后挂载在带有

wangeditor官方文档 基础用法： createEditor 源码 docs/dev.md 可看到准备工作： 了解 slate.js、了解 vdom 和 snabbdom.js、了解 lerna

1、50行代码撸一个简易编辑器 现有的富文本编辑器，底层是基于 contenteditable+document.execCommand，使用API可参考mdn文档： contenteditable可

flex布局 flex： <flex-grow> <flex-shrink> <flex-basis>默认值0 1 auto flex-grow大小flex 增长系数 flex-shrinkflex

meta 元数据不会显示在客户端，但是会被浏览器解析 name charset itemprop http-equiv属性定义了一个编译指示指令。这个属性叫做 http-equiv(alent) 是因

元素获取 元素操作 css操作 html事件 js特效与动画 dom遍历 ajax utility 详见《菜鸟教程》

一、介绍 WebGL 是基于 OpenGL ES 的面向 web 端的 GPU 计算库，简单来说就是网页浏览器能够调用 GPU 的计算库。 WebGL网页组成成分：HTML5、JavaScript和G

svg常用的属性有： 一、形状 矩形 圆形 椭圆 线 折线 多边形 路径 二、滤镜 三、线性渐变 放射渐变

在使用vue时，template模版会经过编译；国际化过程中，传入t函数，会对 匹配字符串模版，找到对应的中英文； 在传统js项目中，一般通过定义节点属性 查找对应的dom节点，改变该节点的 属性值

1、 用法 一、 拦截器介绍 一般在使用axios时，会用到拦截器的功能，一般分为两种：请求拦截器、响应拦截器。 请求拦截器 在请求发送前进行必要操作处理，例如添加统一cookie、请求体加验证、设置

1、是什么？ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖

1、用法 在使vue或者react中，经常会用到table组件，它实现了一些功能封装。一般我们只要传入行数据和列数据，即可实现页面渲染 勾选列 固定某些行 2、实现分析

1、背景 工作中会遇到用户表单提交，涉及的字段上百个，这种情况下我们一般会拆分组件。 如何在一次提交前先校验填写内容呢？ 我们使用react或者vue框架的form表单，都自带了校验的功能，但是如果涉

1、XSS XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS。跨站脚本攻击是指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的HT

1、同源策略 浏览器同源策略限制请求 同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。 限制以下行为 Cookie、LocalStorage 和 IndexDB

1，介绍 在HTTP协议消息头中，使用Content-Type来表示请求和响应中的媒体类型信息。它用来告诉服务端如何处理请求的数据，以及告诉客户端（一般是浏览器）如何解析响应的数据 Content-T

vue，angularjs，react ps：angularjs与angular区别很大，这里指的angularjs 作为前端三大框架，经常用来对比，我来谈谈我的看法 。 对于使用者来说，我们都是不用

1.RxJS介绍 ReactiveX 结合了 观察者模式、迭代器模式 和 使用集合的函数式编程 Observable (可观察对象):  表示一个概念，这个概念是一个可调用的未来值或事件的集合。 Ob

需求： 动态增减tab，每个tab名称宽度不固定，超出展示 “更多按钮”，点击展示隐藏的tab。 鼠标右键点击，可关闭所有。 ps: vue项目 组件设计思路： ul.tablist 只显示一行的高度

判断下拉 可视高度 + 滚动距离 >= 实际高度 判断下拉 可视高度 + 滚动距离 >= 实际高度 浏览器几个尺寸 target.clientX 可视区域X坐标 target.offsetX 鼠标相对