细说websocket快速重连机制
引言在一个完善的即时通讯应用中，websocket是极其关键的一环，它为web应用的客户端和服务端提供了一种全双工的通信机制，但由于它本身以及其底层依赖的TCP连接的不稳定性，开发者不得不为...
前端flex布局基础学习教程
FlexiableBox即是弹性盒，用来进行弹性布局，一般跟rem（rem伸缩布局（转））连起来用比较方便，flexbox负责处理页面布局，然后rem处理一些flex顾及不到的地方（rem伸...
在bootstrap中col-md-offset-*不起作用
在bootstrap中，使用col-md-offset-1、col-md-offset-2、col-md-offset-3、col-md-offset-4等来设置偏移量很常见，但最近就遇到...
Bootstrap3和Bootstrap4有哪些区别
Bootstrap3和Bootstrap4区别首先引入Bootstrap3和4官网连接； Bootstrap3 VS Bootstrap4.不同点Bootstrap3/Bootstrap4L...
深入理解浏览器的缓存机制
一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 对于一个数据...
你的Input框还有很多有趣的功能等着你去展现
<input /> 标签是我们日常开发中非常常见的替换元素了，但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性，选择器都...
带你看懂 HMR 热更新原理
现在的我们基本上都是使用 webpack 模式开发，修改了代码之后，页面会直接进行改变，但是很少有人想过，为什么页面不刷新就会直接改变了？初识 HMR 的时候，觉得神奇的同时，脑海中一直有一...
nodejs真的是单线程吗？
一、多线程与单线程像java、python这个可以具有多线程的语言。多线程同步模式是这样的，将cpu分成几个线程，每个线程同步运行。而node.js采用单线程异步非阻塞模式，也就是说每一个计...
CSS实用技巧第一讲：文字处理
前言作为程序员的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些CSS开发技巧，希望能让你写出耳目一新、容易理解...
web 图像技术：前端引入图片的各种方式及其优缺点
前端开发人员在构建网站时需要做的一个决定是引入图片的方式。它可以是<img>标签，或者是通过CSS background 属性，还可以使用 SVG<image>。选择...