在开发有道云笔记的新版编辑器的过程中，我们遇到很多实际问题，愈发感觉到这是一个非常有深度的前端技术领域，所以我们将新版编辑器的技术选型、架构和部分实现细节拿出来分享给大家，希望对大家开发富文本编辑器、做复杂系统的架构设计有一定参考意义。

css实现 在我们平时的业务开发中经常会用到文案超出只有收起，点击在展示全部文案；通常的使用时使用css来实现 {代码...} 效果如下： 使用css实现时只能做多行的省略，也没法根据文字去添加定制化的按钮去实现展开收起的功能，这个只是适合特定要求不是很高的场合下...

过去的我们，当业务发展需要部署新的应用时，DevOps 小伙伴通常会去买一台服务器，但是却不知道这个新应用具体需要多高的配置，往往都会造成资源浪费。

微信小程序中可以直接运行 web 页面，这一新组件 web-view 的产生，可能直接导致小程序数量迎来一波高峰。本篇博文将从业务选型，微信小程序后台配置，使用 web-view 完成登录业务以及在实战中如何调试一次性带你感受小程序内嵌 H5 的风采，帮你更有底气的使用微信小...

完全是不可能滴, 这辈子都不可能完全!        -- 来自某非著名码农 本文总结 React 实用的特性，部分实验性和不实用的功能将不会纳入进来，或许未来可期~ 1、setState 面试题 {代码...} 总结 setState 只在 React 合成事件和钩子函数中是“异步”的，在原生DOM事件和定...

由于目前各种环境下对ES6的支持程度并不高，在浏览器运行ES6代码是不太现实的，不过我们一样可以用ES6的新特新写代码，只是最后运行之前需要将其编译为 ES5的代码, 所以自然少不了编译工具，这里只介绍一个，也是最好用的一个： Babel .

2018年8月25日更新，目前 webpack 已经更新值 4.17.1 ，本文所用到的各种库或多或少有些过时，跟着代码操作下来可能会遇到各种问题，不过 webpack 的主体思想没变，所以还是希望本文对新学 webpack 的你，有所帮助。此外用基于 webpack 4.17.1 写了一个简单的demo，...

最近遇到一个需求，平时被后台惯着直接返回了树形结构给到前端，前端对这种嵌套类型的数据（如地区的级联或菜单的树形结构）省掉了一层处理。换了个后台小哥哥返回了扁平化的数组数据给到前端自己去处理如下data。突然有点慌......

最近遇到一个需求，需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广和导流量的策略。前端小白从来没有做过这个需求，只能开始哼唧哼唧地开启自己的度娘和谷...

React 高阶组件也叫做 React HOC(High Order Component), 它是react中的高级技术, 用来重用组件逻辑。

前言 上一篇文章介绍了js异步的底层基础--Event Loop模型，本文将介绍JS中传统的几种异步操作实现的模式。 正文 1.回调函数（callback） 回调函数是异步的最基本实现方式。 {代码...} 思路：将回调函数作为参数传入主函数，执行完主函数内容之后，执行回调函数 优点...

DOM，当我第一次在训练营学习编码时，就一直听到这个词，但是我从来不知道它到底是什么意思。是我写的HTML吗？还是我偶尔打开控制台检查元素的时候点击的元素？说实话，我花了好长时间才弄明白DOM究竟是什么。

前言 前面提到前端大统一的概念，如果感兴趣，欢迎说说自己的看法，点击前往。Web前端框架层出不穷，不可能面面俱到，这里给个小建议： 如果对Weex App感兴趣，应该选择vue框架； 如果对React Native App感兴趣，应该选择React.js框架； 本系列文章是React技术栈，Vu...

按照惯性思维，栗子1中obj1应该跟a一样，不会因另外一个值的改变而改变的啊，而这里却是obj1跟着obj2的改变而改变了？同样都是变量，怎么就表现不一样了呢？难道存在等级上的优劣？此处需要沉思一小会。要解决这个问题，就要引入一个JS中基本类型和引用类型的概念了。

为了启动mongoDB方便，我们可以将mongo.exe路径加入到环境变量中，电脑->属性->高级系统设置->环境变量，在path中加入路径。这样就可以随处用到mongod命令

最近（或者不是最近，这完全取决于您什么时候阅读这边文章），我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理不同的情况的方法，通常对于这种情况下，人们喜欢使用switch语句或者使用很多if搭配else if条件。在本文中我将重点介绍第三种方式(我更为...

话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户的操作，里面的输入框自动将我...

margin auto 这是最常用到的块级水平居中，利用margin:auto自动达到居中的效果，不过前提是子元素必须知道宽度 缺点： 必须提前知道元素的尺寸

Ant Design UI组件之Select踩坑 前言 在使用Ant design UI组件时总会遇到一些奇奇怪怪的问题，在本篇中将总结中在使用Select中几种容易常见的问题，持续更新 遇到的问题 在初始化Select值,如何根据value显示对应文本 实现代码如下 {代码...} 此时，代码实现的效果并...

是由W3C提出的一个用于浏览器以XMLHttpRequest方式向其他源的服务器发起请求的规范。不同于JSONP，CORS是以Ajax方式进行跨域请求，需要服务端与客户端的同时支持。目前CORS在绝大部分现代浏览器中都是支持的(IE浏览器不能低于10)