微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力。

此文研究页面中的图片资源的加载和渲染时机，使得我们能更好的管理图片资源，避免不必要的流量和提高用户体验。 浏览器的工作流程 要研究图片资源的加载和渲染，我们先要了解浏览器的工作原理。以Webkit引擎的工作流程为例： 从上图可看出，浏览器加载一个HTML页面后...

本文章从如下图所示的最基本的table入手，分析table组件源代码。本人已经对table组件原来的源码进行削减，源码点击这里下载。本文只对重要的代码片段进行讲解，推荐下载代码把项目运行起来，跟着文章的思路阅读。

最近在处理移动端选择图片实时预览并上传时遇到一个问题：上传前图片预览正常，但上传到服务器上的图片展示到页面上时，有时会出现图片翻转的问题，一般是翻转 90 度。后经一翻研究找到了问题所在，特在此记录一下。

使用babel-plugin-component实现按需引入、打包。将webpack配置成多入口，保证最终打包的目录结构符合babel-plugin-component插件的要求，实现按需加载

行文介绍 本文通过一张流程图来简要的分析vue的【初始化，模板编译，数据响应式，数据驱动视图】的流程。 目的是理清思路。想看详情的请看文末参考链接，或者查找其他文档，因为每一块的内容都是很多的。 流程图 搭配 本文可以搭配我写的 从new Vue()看源码流程 食用...

行文介绍 本文主要介绍vue中template compile的主体思路和源码流程。 适合想要梳理模板编译对应的源码函数调用流程的童鞋。为大家滤清思路。 具体的分析请查看文末参考链接。 主体思路 三步走： 将模板解析为AST。parse。parse使用正则等方式解析template模板中的指...

此文章主要目的是从一个最简单的demo开始，从new Vue开始，跟踪Vue源码中的代码行进流程。对主要的初始化流程有更清晰的理解。为后续的深入理解打好基础，避免迷茫。

root vue实例上定义了一个响应式属性 Vue.util.defineReactive(this, '_route', this._router.history.current)

思路图解 思路： A方法 找出入口文件所有的依赖关系 读取并编译入口文件代码 依据入口文件代码广度遍历所有依赖文件（包括子级） 对外输出依赖关系 通过构建CommonJS代码来获取exports导出的内容 构建modules对象字符串（key为文件id, 值为[对应的函数, mapping]） ...

需求 为了防止截图等安全问题，在web项目页面中生成一个平铺全屏的水印 要求水印内容为用户名，水印节点用户不能通过开发者工具等删除 效果 如上图 在body节点下插入水印DOM节点，水印节点覆盖在页面最上层但不影响页面正常操作 在通过js或者用户通过开发者工具删除...

先说结论：1、浏览器的网络请求资源数是针对单一域名的。2、不同浏览器，不同http协议版本允许的网络请求资源数是不一样的（具体自行百度），不过总的来说在2-8个之间。对页面加载的影响：假如一个页面有120个静态资源（css、js、img），并且所有资源都在一个域名下...

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经很难了，所以...

背景分析/技术选型 quillAPI驱动设计,自定义内容和格式化,跨平台,易用. CKEditor功能强，配置灵活，ui漂亮，兼容性差 TinyMCE文档好，功能强，bug少，无外部依赖。 UEditor功能齐全，但是不维护了，依赖jquery，自定义起来较复杂。 功能分析 常见功能 基本文本编辑功...

一个Parchment 树是由Blots构成。Blot是一个DOM节点的对应物。Blots可以提供结构，格式化，或内容。Attributor可以提供轻量级的格式化信息。

Delta是一种用来描述内容和修改的基于JSON的格式。可以描述任意的富文本文档，包括文本和格式化信息。Delta既表示文档，也表示文档 修改。

vue + typescript 进阶篇 本文是继 Vue + TypeScript 新项目起手式 之后的进阶+踩坑配置，所以推荐先行阅读前文 完整阅读完之后，基本可以顺利在新项目中使用vue + typescript 了 另外特别注意！！！ 不推荐在已有项目上强加 typescript， 因ts写法的组件跟之前的组...

本文作者来自 华尔街见闻技术团队 - 花裤衩 推荐先阅读 webpack 入门教程之后再来阅读本文。 Webpack 4 和单页应用入门 手摸手，带你用合理的姿势使用 webpack4 （上） 本文为手摸手使用 webpack4（下），主要分为两部分： 怎么合理的运用浏览器缓存 怎么构建可靠的...

貌似这篇文章帮了大家一些小忙最近tinymce出5.0版本了，下面的api还是4.x的,新版本可能会有些不适用了，最近业务繁忙，等哪天周末有时间的话我再做点更新 :)

这句话大家应该是见多了, 代码也使用scoped了, 但是使用@import引入外部样式表作用域依然是全局的，看了一遍@import的规则后, 进行初步猜测，难道是@import引入外部样式表错过了scoped style?