1.不要在同一行声明多个变量。 2.请使用=/!来比较true/false或者数值 3.使用对象字面量替代newArray这种形式 4.不要使用全局函数。 5.Switch语句必须带有default分支 6.函数不应该有时候有返回值，有时候没有返回值。 7.For循环必须使用大括号 8.If语句必须使用大括号 9.for‐in循环中的变量应该使用var关键字明确限定作用域，从而避免作用域污染。

让Docker引以为傲的是它能够实现相比于其他虚拟化软件更快的环境迁移和部署，在这件事情上，轻量级的容器和镜像结构的设计无疑发挥了巨大的作用。通过将容器打包成镜像，再利用体积远小于其他虚拟化软件的Docker镜像，我们可以更快的将它们复制到其他的机器上。 提交容器更改 Docker镜像的本质是多个基于UnionFS的镜像层依次挂载的结果，而容器的文件系统则是在以只读方式挂载镜像后增加的一个可读可写的沙盒环境。 基于这样的结构，Docker中为我们提供了将容器中的这个可读可写的沙盒环境持久化为一个镜像层的方法。更浅显的说，就是我们能够很轻松的在Docker里将容器内的修改记录下来，保存为一...

Redis的消息队列不是专业的消息队列，它没有非常多的高级特性，没有ack保证，如果对消息的可靠性有着极致的追求，那么它就不适合使用。 异步消息队列 -- Redis的list(列表)数据结构常用来作为异步消息队列使用，使用rpush/lpush操作入队列，使用lpop和rpop来出队列。 rpushnotify-queueapplebananapear (integer)3 llennotify-queue (integer)3 lpopnotify-queue "apple" llennotify-queue (integer)2 lpopnotify-queue "banana"...

Object是JavaScript中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number和String 其他对象：Function、Arguments、Math、Date、RegExp、Error

Undefined、Null、Boolean、Number、String

对于开发来说，Windows和macOS是更为常见和常用的系统，所以也很有必要了解在Windows和macOS中使用Docker的方法。很幸运的是，Docker的官方对这两个系统提供了强有力的支持，我们可以很轻松的在这两个系统中运行Docker。 DockerDesktop 在大多数情况下，我们的开发工作是在Windows或macOS这两个操作系统中进行的，既然Docker是我们用来解决开发、测试到运维整条产品线的工具，自然支持这两个系统是不可或缺的功能。 如同封装Docker为我们提供了轻松的虚拟化运行环境一样，Docker在Windows和macOS中的安装也是极易完成的。Docke...

‐预处理器例如：LESS、Sass、Stylus，用来预编译Sass或less，增强了css代码的复用性， 还有层级、mixin、变量、循环、函数等，具有很方便的UI组件模块化开发能力，极大的提高工作效率。 ‐后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的 是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。

以下是权重的规则：标签的权重为1，class的权重为10，id的权重为100，以下例子是演示各种定义的权重值： css /权重为1/ div{ } /权重为10/ .class1{ } /权重为100/ id1{ } /权重为100+1=101/ id1div{ } /权重为10+1=11/ .class1div{ } /权重为10+10+1=21/ .class1.class2div{ } 如果权重相同，则最后定义的样式会起作用，但是应该避免这种情况出现

redis分布式锁 分布式应用进行逻辑处理时经常会遇到并发问题。 比如一个操作要修改用户的状态，修改状态需要先读出用户的状态，在内存里进行修改，改完了再存回去。如果这样的操作同时进行了，就会出现并发问题，因为读取和保存状态这两个操作不是原子的。（Wiki解释：所谓原子操作是指不会被线程调度机制打断的操作；这种操作一旦开始，就一直运行到结束，中间不会有任何contextswitch线程切换。） 这个时候就要使用到分布式锁来限制程序的并发执行。Redis分布式锁使用非常广泛，它是面试的重要考点之一，很多同学都知道这个知识，也大致知道分布式锁的原理，但是具体到细节的使用上往往并不完全正确。 ...

1.1块级作用域 ​ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域。 ​ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。 1.1.1什么是变量作用域 变量在什么范围内可用，类似Java的全局变量和局部变量的概念，全局变量，全局都可用，局部变量只在范围内可用。ES5之前的var是没有块级作用域的概念，使用var声明的变量就是全局的。 javascript { varname='ispt'; console.log(name); } console.log(...

既然Docker是一款实用软件，我们就不得不先从它的安装说起，只有让Docker运行在我们的计算机上，才能更方便我们对Docker相关知识和使用方式的学习。得益于与商业性的优雅结合，Docker背后拥有大量的优秀开发者为其提供技术支持，而这个优势所造就的结果之一，就是Docker拥有丰富且完善的安装体系，我们可以很轻松的通过多种方式安装和运行Docker。 安装前的准备 由于Docker容器实现本身就采用了Linux内核中很多的特性，所以它自然与Linux系统亲密性很高，所以我们可以很轻松的将DockerEngine安装在Linux系统中。 DockerEngine的版本 在安装Docke...

无论属于哪种，都要先找到其祖先元素中最近的position值不为static的元素，然后再判断： 1.若此元素为inline元素，则containingblock为能够包含这个元素生成的第一个和最后一个inlinebox的paddingbox(除margin,border外的区域)的最小矩形； 2.否则,则由这个祖先元素的paddingbox构成。如果都找不到，则为initialcontainingblock。 补充： 1.static(默认的)/relative：简单说就是它的父元素的内容框（即去掉padding的部分） 2.absolute:向上找最近的定位为absolute/relat...

‐因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 ‐当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 最简单的初始化方法：{padding:0;margin:0;}（强烈不建议） 淘宝的样式初始化代码： css body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,bu...

体验Redis需要使⽤Linux或者Mac环境，如果是Windows可以 考虑使⽤虚拟机。主要⽅式有四种： 1.使⽤Docker安装。 2.通过Github源码编译。 3.直接安装apt-getinstall(Ubuntu)、yuminstall(RedHat)或者brewinstall(Mac)。 4.如果读者懒于安装操作，也可以使⽤⽹⻚版的WebRedis([https://try.redis.io/](https://try.redis.io/))直接体验。 具体操作如下： Docker⽅式 docker 拉取redis镜像 dockerpullredis 运⾏redis容器 dock...

新增各种CSS选择器（:not(.input)：所有class不是“input”的节点） 圆角（border‐radius:8px） 多列布局（multi‐columnlayout） 阴影和反射（Shadow\Reflect） 文字特效（text‐shadow、） 文字渲染（Text‐decoration） 线性渐变（gradient） 旋转（transform） 增加了旋转,缩放,定位,倾斜,动画，多背景 transform:\scale(0.85,0.90)\translate(0px,‐30px)\skew(‐9deg,0deg)\Animation:

absolute:生成绝对定位的元素，相对于最近一级的定位不是static的父元素来进行定位。 fixed（老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或frame进行定位。 relative生成相对定位的元素，相对于其在普通流中的位置进行定位。 static默认值。没有定位，元素出现在正常的流中 sticky生成粘性定位的元素，容器的位置根据正常文档流计算得出

一手写call、apply及bind函数 1.1直接上代码 javascript //call函数实现 Function.prototype.myCall=function(context){ //判断调用对象 if(typeofthis!"function"){ console.error("typeerror"); } //获取参数 letargs=[...arguments].slice(1), result=null; //判断context是否传入，如果未传入则设置为window context=context||window; //将调用函数设为对象的方法 context...

block象块类型元素一样显示。 none缺省值。象行内元素类型一样显示。 inline‐block象行内元素一样显示，但其内容象块类型元素一样显示。 list‐item象块类型元素一样显示，并添加样式列表标记。 table此元素会作为块级表格来显示

1、给div设置一个宽度，然后添加margin:0auto属性 css div{ width:200px; margin:0auto; } 2、居中一个浮动元素 确定容器的宽高宽500高300的层 设置层的外边距 css .div{ width:500px;height:300px;//高度可以不设 margin:‐150px00‐250px; position:relative;//相对定位 background‐color:pink;//方便看效果 left:50%; top:50%; } 3、让绝对定位的div居中 css .div{ position:absolute; w...

css p:first‐of‐type选择属于其父元素的首个<p元素的每个<p元素。 p:last‐of‐type选择属于其父元素的最后<p元素的每个<p元素。 p:only‐of‐type选择属于其父元素唯一的<p元素的每个<p元素。 p:only‐child选择属于其父元素的唯一子元素的每个<p元素。 p:nth‐child(2)选择属于其父元素的第二个子元素的每个<p元素。 :after在元素之前添加内容,也可以用来做清除浮动。 :before在元素之后添加内容 :enabled :disabled控制表单控件的禁用状态。 :checked单选框或复选框被选中。