比如我之前是一直在使用 sublime 的，使用vs code 之后明显感觉 vscode 无论是配置还是使用都更顺手一点，学习成本很小。当然本文不是谈哪个编辑器更好的问题，每个软件都在发展，相互学习和补充才是重点。

我们打开了一个天猫并且登录了自己的账号，这时我们再打开一个天猫的商品，我们不需要再进行一次登录就可以直接购买商品，因为这两个网页是同源的，可以共享登录相关的 cookie 或 localStorage 数据；

经常在各种论坛、博客还有 github 上活跃的朋友不难发现，许多大牛都有自己的网站，也多以博客为主。博主作为一个立志前端的大白，难道不应该和大牛学习么？说干就干，前端部分和 web 开发博主做了很多学习和总结，不少也写成了博客。对于后端，博主不敢说完全没有经验，但接触的也都比较简单。于是乎，博主去年六月底开...

整理一帖，备查 常用类型 MIME Type / Internet Media Type File Extension Name application/msexcel *.xls *.xla Microsoft Excel Dateien application/mshelp *.hlp *.chm Microsoft Windows Hilfe Dateien application/mspowerpoint *.ppt *.ppz *.pps *.pot Microsoft Powerpoint Dateien application/msword *.doc...

整理一帖，方便速查 网络通信常见端口汇总 端口号 描述 0端口 无效端口,通常用于分析操作系统 1端口 传输控制协议端口服务多路开关选择器 2端口 管理实用程序 3端口 压缩进程 5端口 远程作业登录 7端口 回显 9端口 丢弃 11端口 在线用户 13端口 时间 17端口 每日引用 18端口 消息发送协议 19端口 字符发生器 20端口 FTP...

git config --global user.name "githelper"git config --global user.email githelper@gmail.com

css部分 为不同链接添加不同样式 {代码...} 跨浏览器灰度图 {代码...} 动画背景 {代码...} 清除浮动 {代码...} 表格宽度自适应 {代码...} 任意阴影 {代码...} 文本宽度自适应 {代码...} 模糊文本 {代码...} 网页加载动画 {代码...} 窗口漂浮物 {代码...} 解决 input:text 自动填充变黄的问题 {代码...} jQuery部分 返回...

本文采用 es6 语法，完全参考 [链接]本文完全参考 React 官方 Quick Start 部分，除了最后的 thinking-in-react 小节 安装 首先你需要点击安装 nodejs（npm）。然后执行： {代码...} 如果上述命令执行失败可以运行以下命令： {代码...} 然后建立一个 react 并运行： {代码...} 这样你就简单的完成了一个 react app 建立...

给定某无序数组，要求返回新数组 output ，其中 output[i] 为原数组中除了下标为 i 的元素之外的元素乘积，要求以 O(n) 复杂度实现：

博主的开发及调试环境是 macOS 10.13.4 + Chrome/65.0.3325.181 + honorV9 EMUI8.0.0(Android8.0.0)本文适合有一定前端开发经验的小伙伴（有一定经验看原文档太累赘了，而且环境配置部分原文写的太零碎了），最后总结了一些开发过程中遇到的坑。附文档链接：[链接] 本文没有提到的部分和正常前端开发保持一致，也可能是...

这是虚拟 DOM 创建的阶段，会依次执行 5 个方法，这 5 个方法中除了 render 方法，其余四个方法在整个生命周期中只调用 1 次，而且一定会调用 1 次：

安装 首先你需要点击这里安装 nodejs（npm）。然后执行： 建立一个目录作为项目根目录并初始化： {代码...} 安装相关组件 这里包括了本文所需要的全部组件 {代码...} 下面简单说明上述组件功能 react: react基础组件 react-dom: react 操作 DOM 组件 react-transform-hmr: hot module reloading 为热替换依赖插件 webpac...

前些日子在忙着面试，拿了心仪的 offer 以后闲下来整理了一些面试相关的基本概念。由于很多关于代码细节的东西之前的博客都有更详细的解释，所以本文涉及代码细节比较少，主要是面试相关的概念，也是前端比较零碎的一些知识。以下内容包括我面试过程遇到的以及有些仅复习时遇到的内容，有不对的地方欢迎指正。

SPA 前端路由原理与实现方式 通常 SPA 中前端路由有2中实现方式，本文会简单快速总结这两种方法及其实现： 修改 url 中 Hash 利用 H5 中的 history Hash 我们都知道 url 中可以带有一个 hash， 比如下面 url 中的 page2 {代码...} window 对象中有一个事件是 onhashchange，以下几种情况都会触发这个事件： 直接更改浏览...

Javascript 中有5种基本类型(不包括 symbol)，以及对象类型，他们在不同的运算中会被系统转化为不同是类型，当然我们也可以手动转化其类型。

怪异模式是没有遵守 W3C 规范的一种兼容模式，其中的 width 是包括 contentWidth, 左右padding, 左右border 在内的全部范围(height 也一样)，类似于 box-sizing: border-box;，而且 table 的 font-size 不能从父元素继承。以下情况会触发浏览器怪异模式(Quirks Mode):

本文主要是基础的数据结构和算法概念，可能部分地方会涉及更高级的算法和算法，具体内容以后会单独写的。此外一些性质还会不断补充，也希望可以得到您的指点，谢谢。

本文包括js学习中简单功能的算法包括对js以及DOM和BOM的研究过程中一些有意思的代码实现本文还包括公司面试相关算法问题的代码段，但不会指出是哪个公司出的题

代码优化 这个部分仅仅将代码优化本身,不考虑性能,关于代码部分的性能优化在 页面渲染 部分 代码优化 中 HTML+CSS 符合 XHTML 规范: 小写,正确嵌套,必须关闭; 双引号,合理缩进,utf-8编码; 标签语义化,便于维护; 合理注释,比如 div 关闭的地方表明配对的 div; HTML,CSS,JS 分离,方便维护; 避免使用 iframe, 否则会阻塞父...

所谓懒加载，是为了提高网页的打开的速度，获得更好用户体验的一种手段。其选择的重要的部分先加载，次要的部分需要的时候再加载。比如一个电商网站，首屏通常有很多的数据，清晰度较高的 banner 或轮播。页面非首屏部分会员很多商品夹杂着大量的图片。这是时候选择懒加载以保证首屏的流畅十分重要。

关于expand_tabs_on_save，我们需要额外添加python代码，方法如下：1.打开sublime的Preference -> Browser Packages ...2.新建一个目录ExpandTabsOnSave3.新建文件ExpandTabsOnSave.py4.把下面内容复制进去，保存

鉴于 window 下基本用不到 vim，所以下面内容不再提及 window，具体可以在相应 github 中查看手册操作基础：已装有上有 nodejs(npm)。没装的可以移步官网：[链接]<!--善其事利其器(3) - -->另有 sublime 配置方式，请移步：sublime配置及使用技巧

本文简单实现jQuery框架，深入理解javascript对象。本文的对照版本是jQuery-1.2.6.js 本文注重jquery结构设计思路，并不侧重具体功能的实现以及兼容性和安全性的部分。 首先建立基本框架如下： {代码...} 进一步，实现jQuery的初始化 {代码...} 修正上述代码中的死循环，我们可以试图返回this，但是this明显是window，不...

由于博主通常使用是都是 Sublime , 所以本文有点倾向这款编辑器。文本配置在 mac 环境， linux 和 windows 环境也一样，因为用到的都是命令行和 sublime 插件本文需要有 npm, 没有安装的请安装 nodejs必步骤需要 root 权限，mac 和 Linux 用户使用 sudo, windows 用户请用管理员权限运行 cmd

<!-- Android 启动图标 --><link rel="shortcut icon" sizes="128x128" href="icon.png" />

以前做过什么项目？使用了什么技术？（balabala...）继续上一个问题，为什么使用 gulp 不用 webpack？你都使用过哪些框架？（就说熟练XXX框架，用过了解XXX框架）继续上一个问题 zepto 和 jquery 是什么关系，有什么联系么？有没有看过框架的源码？(没看完一个框架完整的源码还敢出来混？我只看过 jquery)继续上一个问题...

当 <input>, <textarea> 的值发生变化时触发。此外，打开 contenteditable 属性的元素，只要值发生变化，也会触发 input 事件。input 事件的一个特点，就是会连续触发，比如用户每次按下一次按键，就会触发一次input事件。

事件驱动程序设计（Event-driven programming）是一种电脑程序设计模型。这种模型的程序运行流程是由用户的动作（如鼠标的按键，键盘的按键动作）或者是由其他程序的消息来决定的。相对于批处理程序设计（batch programming）而言，程序运行的流程是由程序员来决定。批量的程序设计在初级程序设计教学课程上是一种方式。...

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。

将左子树构成双向链表，返回的是左子树的尾结点，将其连接到root的左边；将右子树构成双向链表，将其追加到root结点之后，并返回尾结点；向左遍历返回的链表至头结点处，即为所求双向链表的首结点。