这WEB服务中HTTP及相关协议是一切通信的基础，整个行业都在围绕着它来使用与服务。所以HTTP相关问题也向JavaScript基础知识一样，是不可缺少的基础知识。

模板可以说是前端开发最常接触的工具之一。将页面固定不变的内容抽出成模板，服务端返回的动态数据装填到模板中预留的坑位，最后组装成完整的页面html字符串交给浏览器去解析。

AMP在国内应该很少有人接触得到，今天介绍一个比较冷门的，有条件的方便使用的前端无线页面框架。 AMP特点 AMP（Accelerated Mobile Pages）是Google与2015年9月推出的一个开源的，移动端页面加速解决方案。是Google生态的一环，主要有一下特点： 1. 页面加载速度大大提升 AMP制定了一些严格的页面编写规范，并且提供了...

模块化是我们日常开发都要用到的基本技能，使用简单且方便，但是很少人能说出来但是的原因及发展过程。现在通过对比不同时期的js的发展，将JavaScript模块化串联起来整理学习记忆。

在node项目中，require和module.exports使用非常普遍，js模块化带来的效率大大提升。一直很好奇require背后是怎样运行的，最近仔细看了看这部分的源码，然后参考了其他人的文章，还好node中的Module是JavaScript写的可以看懂。

我们的代码在执行的时候是从上到下按顺序执行，一段代码执行了之后才会执行下一段代码，这种方式叫同步（synchronous）执行，也是我们最容易理解的方式。但是在某些场景下：

数据类型是基础中的基础，大家天天遇到，我们这次来讨论深一点，将我们认为理所当然的事情背后的原理发掘；继承也是前端基础一个大考点，看看继承的原理与使用场景。

JS基础都会有哪些考点：闭包，继承，深拷贝，异步编程等一些常见考点，为什么无论是当我还是个学生的时候被面试还是到现在当面试官去考别人，都还是问这些？项目从jQuery都过渡到React全家桶了，js还是考这些？

Redux使用中的几个点： Redux三大设计原则 Create Store Redux middleware combineReducer Provider与Connect Redux流程梳理 Redux设计特点 1. Redux三大设计原则 1. 单一数据源 在传统的 MVC 架构中，我们可以根据需要创建无数个 Model，而 Model 之间可以互相监听、触发事件甚至循环或嵌套触发事件，这些在 Redux 中都...

同构也算是前端的一个应用模式，目的是为了加速首屏显示时间和seo优化，很多公司都将同构作为前端优化的一个优化点来做，同时Raect16版本中也添加了很多对同构的支持，可以看出FB也是默认支持这一场景使用的。

承接上文，深入React知识点整理（一）使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，算是React看书，使用，感悟的一些总结：

使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，算是React看书，使用，感悟的一些总结：

高阶组件（HOC）是React开发中的特有名词，一个函数返回一个React组件，指的就是一个React组包裹着另一个React组件。可以理解为一个生产React组件的工厂。

npm包管理工具前端同学应该不陌生了，npm平台上有大量的优秀包，我们只需要简单几行命令就能down下来我们想要的东西，不用到处求种，而且版本控制十分方便。如何将自己的组件或者插件发布到npm平台上去，方便项目中使用和其他人使用，本文介绍如何将一个react组件发布到npm平台上去。

单页应用首次进入项目会获取一部分数据，之后将JS包分片，走到那块再去加载那块的JS。这样跨页面重复的JS，CSS不必再去获取，跨页面就不会出现进度条。这样减少了等待时间，提升了用户体验，省去了不必要的流量。但是单页应用也有一个显著的问题：首次进入的时候，加载的资源太多，白屏时间太长。

react+redux项目已经是很常见了，React已经有了成熟的书写规范：React规范-airbnb但是redux书写规范目前比较少见，这里分享一种我司 薪人薪事 的redux书写习惯。

由一道面试题引发的思考： 从用户输入浏览器输入url到页面最后呈现 有哪些过程？一道很常规的题目，考的是基本网络原理，和浏览器加载css，js过程。 答案大致如下： 用户输入URL地址 浏览器解析URL解析出主机名 浏览器将主机名转换成服务器ip地址（浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送...

公司现在在移动端使用webuploader实现图片上传，但最近需求太奇葩了，插件无法满足我们的PM经过商讨决定下掉这个插件，使用H5原生的API实现图片上传。

项目中需要实现app中常见的提示效果Toast。这个效果看似简单，实现起来没有那么容易。首先Toast的使用方法必须十分简单，简单到一行代码搞定：

缓存介绍 缓存的优点 减少冗余的数据传输 节省流量 缓解了网络瓶颈的问题 不需高带宽即可快速加载页面 降低了对原始服务器的要求 服务器更快响应 避免过载 降低了距离时延 服务器较远 降低传输时间 什么情况下使用缓存 冗余的数据传输（GET） 带宽瓶颈 瞬间拥塞 。。。。。 缓存过程 一般缓存场景 缓存命中：客户端请求...

由于移动端iOS和安卓原生select样式和效果不同，同一个控件在不同系统上效果不同。所以决定制作一个跟iOS风格类似的，可以滚动，选择器插件。之后看到了antd-mobile里面的picker插件符合我们的要求，使用了一段时间感觉其效果不错，隧查看源码，探究其制作过程。但是antd-mobile是Typescript编写的，跟React类似，但是又...

React出身FaceBook豪门，一出生就带着virtualDOM和diff算法两大颠覆式的被动技能，很快引来高度关注，并且以高效快速著称。经过一段时间的使用，抽出时间来学习其原理，发现并不难，但是想法很创新。造就了其不同于传统框架的开发模式。

公司最近搞vue迁移，迁移了一个模块，大概10天多点。基本了解了vue使用，vuex使用流程。 一开始写 不太熟练，走了不少弯路，之后越写越顺。总体来说vue还是三大框架中最简单的（Vue，React，Angular），而且在国内Vue十分火爆。

进出场动画，最早我实在Angular中接触到的。Angular中简单的配置，就可实现页面有动画的卸载和动画记载，令我影响深刻。但是在react中，并没找到直接的进出场动画。调研了一下，这个具体实现，要借助官方的一个组件来实现。

Webpack本质上是一个 前端模块化解决方案 该方案将所有文件均视为模块 方便使用者加载模块而不需要考虑模块间的依赖关系和同步异步加载Webpack会把代码库中所以用到的模块进行静态分析（梳理依赖关系 不同类型模块交给对应的loader处理）编译打包最后 分块传输 （按需进行懒加载 实际用到某模块的时候在进行增量更新）

需求 最近公司官网改版 手机端新的设计稿中有个轮播效果 如下图： 这个轮播图要求有三个效果 左右滑动可以切换 不循环轮播 上面列表中的文案要求高亮的尽量居中 类似今日头条app那种滑动切换 上面列表中的文案点击 滑动到对应位置 列表文案共6个 超出容器可见宽度 要求实现拖动列表 解决 布局： 选择了手淘大漠老师的fle...

PC端使用了百度地图搜索位置并显示在地图上 最后获取位置的经纬度坐标移动端分别使用了百度地图获取实时经纬度 获取文字地址 定位在地图上其中发现很多问题 及时总结下