摘要：
React组件设计 组件分类 展示组件和容器组件 展示组件 | 容器组件 | 关注事物的展示 | 关注事物如何工作 可能包含展示和容器组件，并且一般会有DOM标签和css样式 | 可能包含展示和容器组件，并且不会有DOM标签和css样式 常常允许通过this.props.children传递 | 提 阅读全文
摘要：
全局 DOM 变量 你可能已经知道，声明一个全局变量（使用 var 或者不使用）的结果并不仅仅是创建一个全局变量，而且还会在 global 对象（在浏览器中为 window ）中创建一个同名属性。 还有一个不太为人所知的事实是：由于浏览器演进的历史遗留问题，在创建带有 id 属性的 DOM 元素时也 阅读全文
摘要：
break 语句和 continue 语句 break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。 break语句用于跳出代码块或循环。 top: for (var i = 0; i 带符号位的右移运算符（zero filled right shift）：符号为 void 阅读全文
摘要：
初探WebSocket node websocket socket.io 我们平常开发的大部分web页面都是主动‘拉’的形式，如果需要更新页面内容，则需要“刷新”一个，但Slack工具却能主动收到信息，好像服务端能主动给客户端推送信息，请研究一下这是怎么实现的。 WebSocket websocke 阅读全文
摘要：
git是什么 简单来说，Git，它是一个快速的 分布式版本控制系统 。 同传统的 集中式版本控制系统 不同，Git的分布式特性使得开发者间的协作变得更加灵活多样。 这时候我们会想到： 1. 什么又是版本控制呢？ 2. 什么是分布式什么是集中式？ 我们带着问题往下走。 版本控制 版本控制是一种记录一个 阅读全文
摘要：
IPhoneX全面屏是十分科技化的，但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配，没有X的同学可以开启 的iPhone X 模拟器作为学习和调试。 设计和尺寸相关 IPone型号 | 屏幕尺寸 | 屏幕密度 | 开发尺寸 | 像素密度 | 倍图 | | | | | 阅读全文
摘要：
如果对于正则基础没有太多了解的同学可以先看这篇文章： "初探正则表达式" 。 正则表达式是一个描述字符模式的对象， 的 类表示正则表达式， 和 都定义了方法，后者使用正则表达式进行强大的模式匹配和文本检索于替换功能。 的正则表达式语法是 的正则表达式语法的子集。 JS中正则表达式的定义 JavaSc 阅读全文
摘要：
正则表达式 regular expression 说到正则表达式，很多前端小伙伴们是望而却步或者浅尝而止，感觉其难以理解。其实正则表达式并没有那么复杂，只要你清晰地知道你想要解决的问题并学会使用正则表达式，那么你就可以轻易地解决这些问题。 "正则表达式在线理解工具" 用途 正则表达式（简称regex 阅读全文
摘要：
Electron是什么？ 官网是这么描述的：Build cross platform desktop apps with JavaScript, HTML, and CSS 翻译一下：使用JavaScript,HTML以及CSS搭建跨平台桌面应用 诞生环境 一位博主这样开玩笑说： 可能主要是因为，猿 阅读全文
摘要：
什么是FC？ Formatting Context，格式化上下文，指页面中一个渲染区域，拥有一套渲染规则，它决定了其子元素如何定位，以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context，块级格式化上下文，一个独立的块级渲染区域，该区域拥有一套渲染规 阅读全文
摘要：
有哪些网页尺寸单位？ CSS 中的单位有很多种： 百分比（%） 英寸（in） 厘米（cm） 毫米（mm） 磅数（pt） 12 点活字（pc） 字母高度一半（ex） 父级字体（em） 像素（px） 根元素字体（rem） 相对于视窗的宽度（vw） 相对于视窗的高度（vh） 相对于视口的宽度或高度中较大的 阅读全文
摘要：
1,脑袋短路了，竟然设置了min-width: auto 来覆盖之前的min-width，在大部分手机中都没有问题也没注意到，只有三部iphone5s有两部出现了错位，找了半天才发现问题，不要使用min-width: auto，当然正常人一般不会这么做。 w3c的链接：http://www.w3sc 阅读全文
摘要：
共勉~ 在许多编程语言中，传递参数和赋值是通过值的直接复制或者引用复制完成的。在JavaScript中，对于值是直接进行复制还是引用复制在语法上是没有区别的，完全是根据值的类型来决定的。 在JavaScript中，简单值总是通过值的直接复制来进行赋值传递的（null，undefined，字符串，数字 阅读全文
摘要：
有空时候把一些常见可能不是每个人都知道的css小细节总结了下，共勉。 1.line-height 众多周知，line-height是行高的意思，我们时常会使用类似line-height:24px;这样的代码来设置绝对的行高。但是当我们的需求改变，字体大小变动的时候，可能我们还需要再次改动行高，那么现 阅读全文
摘要：
本文非全部原创，大部分内容来自： http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ 1，在浏览器中输入网址 用户输入网址URL，比如http://www.baidu.com，其中http为协议，www.b 阅读全文