此贴诚意满满，只求前端！此贴诚意满满，只求前端！此贴诚意满满，只求前端！ 目标 面向2021毕业的同学 本科及以上学历，计算机相关专业 熟练掌握HTML5/CSS3/Javascript等web前端技术 熟悉至少一种常用框架，例如React、vue等 关注新事物、新技术，有较强的学习能力，有强烈求知欲和进取心 有半年以上实际项目经验，大厂...

关于这道题目的吐槽暂且不提（这是一道被提到无数次的题，得到不少人的赞同，也被很多人反感），本文的目的是如何借助这道题梳理自己的前端知识体系！

自从16年开始人生规划后，生活变得井然有序，也并没有预想中的枯燥，反而是很充实，每天睁眼起来可以感知昨日的进步，每天睡前可以明确今日的收获，在不断坚持中进步，这种日子很美！

如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我写的还不够清晰，我来改。。。

前言 见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 20180201更新： 修改用词描述，如组合寄生式改成寄生组合式，修改多处笔误（感谢@Yao Ding的反馈） ----------长文+多图预警，需要花费一定时间---------- 故事是从一次实际需求中开始的。。。 某天，某人向我寻求了一次帮助，要协助写一个日...

开篇三问 AJAX请求真的不安全么？ AJAX请求哪里不安全？ 怎么样让AJAX请求更安全？ 前言 本文包含的内容较多，包括AJAX，CORS，XSS，CSRF等内容，要完整的看完并理解需要付出一定的时间。 另外，见解有限，如有描述不当之处，请帮忙及时指出。 正文开始... 从入坑前端开始，一直到现在，AJAX请求都是以极高的频率重复出...

18年元旦三天内和朋友突击了下，勉强是将雏形做出来了，后续的API慢慢完善。（当然了，主力还是那个朋友，本人只是初涉iOS，勉强能看懂，修修改改而已）

前言 前文中就有提到，Hybrid模式的核心就是在原生，而本文就以此项目的Android部分为例介绍Android部分的实现。 提示，由于各种各样的原因，本项目中的Android容器确保核心交互以及部分重要API实现，关于底层容器优化等机制后续再考虑完善。 大致内容如下： JSBridge核心交互部分 ui、page、navigator等部分常用API的实...

在最初的版本中，其实整个前端库就只有一个文件，里面只规定着如何实现JSBridge和原生交互部分。但是到最新的版本中，由于功能逐步增加，单一文件难以满足要求和维护，因此重构成了一整个项目。

为什么叫组件？可以这样理解，模块更多的是H5前端的叫法（因为在前端看来不同API分别属于不同的模块下），而组件则是原生那边加强的理解概念（因为，每一个组件都是可以在项目中单独存在的，譬如项目A中有组件pay，但项目B却不一定集成有）

前言 在JSBridge实现后，前端网页与原生的交互已经通了，接下来就要开始规划API，明确需要提供哪一些功能来供前端调用。 但是在这之前，还有一点重要工作需要做： 明确H5与Native的职责划分，确定哪一些功能可以由H5实现，哪一些功能只能由原生实现 Native与H5职责划分 使用Hybrid模式，用H5开发页面的本质是： 减少工作...

当一切就绪后，就要开始进行API规划，这一块是整个Hybrid框架中非常重要的内容，毕竟对于前端页面来说，只会通过JS API来调用功能。基本上，API调用起来是否方便简洁影响着整个体验。

为什么要多平台支撑？核心仍然是复用代码，比如在微信下，在钉钉下，在quick容器下，如果没有多平台支撑，那么quick.ui.alert只能用于quick容器下，钉钉和微信下就得分别用其它代码实现，代码复用率低，如果实现了多平台支撑。那么三个平台中同一个功能的代码则是一样的。

首先申明下，这个是在实际框架演变过程中自创的一个概念，其它混合框架可能也会有这个概念，但应该是会在原生底层来实现，而不是前端实现。。而这里由于是前端驱动，所以相比其它混合框架，前端多了一个处理引擎（包括多平台适配，API处理等等）

前言 本文介绍quick hybrid框架的核心JSBridge的实现 由于在最新版本中，已经没有考虑iOS7等低版本，因此在选用方案时没有采用url scheme方式，而是直接基于WKWebView实现 交互原理 具体H5和Native的交互原理可以参考前文的H5和Native交互原理 交互原理图如下： 预计的最终效果 如果一步一步来分析，最后再看效果，可能...

原生和前端的交互有两种方式：url scheme以及JavaScriptCore（在Android中是addJavascriptInterface）

前言 虽然说本系列中架构篇是第一章，但实际过程中是在慢慢演化的第二版中才有这个概念，经过不断的迭代，演化才逐步稳定 明确目标 首先明确需要做成一个什么样的框架？ 大致就是： 一套API规范（统一Android与iOS），所有API异步调用（防止阻塞） 提供大部分原生功能的API（包括很多常用的功能给H5使用） 原生需要能调...

章节目录 【quickhybrid】如何实现一个跨平台Hybrid框架 【quick hybrid】架构一个Hybrid框架 【quick hybrid】H5和Native交互原理 【quick hybrid】JSBridge的实现 【quick hybrid】H5和原生的职责划分 【quick hybrid】API的分类：短期API、长期API 【quick hybrid】API规划 【quick hybrid】API多平台支撑的实现 【qu...

严格的来说，这是我第一个完全投入的开源项目，它的出现是为了统一移动H5中的下拉刷新，想通过一套框架，多主题拓展方式，适应于任意需求下的任意下拉刷新场景。

前言 前段时间遇到了一个移动端对图像进行裁剪、压缩、旋转的需求。考虑到已有各轮子的契合度都不高，于是自己重新造了一个轮子。 关于图像裁剪、压缩 在HTML5时代，canvas的功能已经非常强大了，可以进行像素级的操作。像图像裁剪、压缩就都是基于canvas来实现的。 关于其中原理，无非就是利用canvas自带的API，复杂一...

前言 图像处理中有三种常用的插值算法： 最邻近插值 双线性插值 双立方（三次卷积）插值 本文介绍其中的最邻近插值 如果想先看效果和源码，可以拉到最底部 何时进行最邻近插值 这个算法的特点是 速度非常快速 误差很大 如果缩放系数较大，肯定会有马赛克效果 适合在一些需要实时预览缩放后效果，但是精度要求又不是很高...

前言 图像处理中有三种常用的插值算法： 最邻近插值 双线性插值 双立方（三次卷积）插值 本文介绍其中的双线性插值 如果想先看效果和源码，可以拉到最底部 何时进行双线性插值 相比于最邻近插值的粗糙以及双立方插值的计算量大，双线性插值的效果比较折中 计算量不是那么巨大 效果也还可以 一般可以作为应用中的默认处理...

前言 图像处理中有三种常用的插值算法： 最邻近插值 双线性插值 双立方（三次卷积）插值 其中效果最好的是双立方（三次卷积）插值，本文介绍它的原理以及使用 如果想先看效果和源码，可以拉到最底部 本文的契机是某次基于canvas做图像处理时，发现canvas自带的缩放功能不尽人意，于是重温了下几种图像插值算法，并整理出...

前言 参考的钉钉调试页面实现，仅供学习！ 功能为： PC端编写代码，手机端执行 解决的痛点是： 避免了调试hybrid应用时重复写各种测试页面 源码与示例 源码 [链接] 运行 {代码...} 注意⚠️，实际情况请重写client页面，让其支持对于Hybrid容器的API 示例 原理 原理其实非常简单，就是HTML5中的websocket，而且为了方便，...

前言 本文介绍一些正则中的常用名词以及对应概念，譬如字符组，捕获组、非捕获组、反向引用、转义和\s \b等 大纲 字符组 捕获组 反向引用 非捕获组 .、\s和\S \b \转义 字符组 []字符组表示在同一个位置可能出现的各种字符，也就是说它的匹配结果只能是一个字符，不能是多个 例如[hello]匹配的不是hello而是h或e或l或o ...

前言 正则表达式中，有一个绕不过去的坎，那就是零宽断言 零宽断言是一种零宽度的匹配，它匹配的内容不会保存到匹配结果中，也不会占用index宽度，最终匹配的结果只是一个位置 简单的说，它用于查找在某些内容之前或之后的东西(但返回结果并不包括这些内容) JavaScript中只支持零宽先行断言 简介 零宽断言分为4类 正向零...

前言 贪婪模式和非贪婪模式是正则匹配中的重要特性在理解贪婪和非贪婪的区别时，可以根据实例，一步一步的循序渐进 大纲 匹配规则简介 贪婪模式与非贪婪模式快速理解 实例练习 回溯现象与匹配失败 匹配规则简介 {代码...} 要快速理解正则的匹配规则，可以先尝试理解上述的例子 匹配步骤是这样的: 初始index=0，匹配到了...

前言 在快速入门一文中，示例都是通过test()方法演示，本文会继续介绍正则的其它用法(以JS语言为例) 大纲 正则对象 生成正则对象 可选项标记 子表达式 正则的test方法 正则的compile方法 正则的exec方法 字符串的正则应用 字符串的match方法 字符串的replace方法 字符串的search方法 字符串的split方法 正则对象 生成正...

想要精通它，确实不容易，需要大量的反复练习但是如果仅仅是入门，能写一些简单的表达式(譬如邮箱验证之类的)，达到这点是不难的，而且大部分的人的刚需还是这些简单的表达式

写在前面的话 用尽量简单的方式学习正则表达式 目录结构 [快速入门]() [基本用法]() [贪婪与非贪婪模式]() [零宽断言]() [一些概念（字符组、捕获组、非捕获组）]() 附录 博客 初次发布2017.06.17于个人博客 [链接]