png是便携式网络图片（Portable Network Graphics）是一种无损数据压缩位图文件格式。 优点是：压缩比高，色彩好。大多数地方都可以用。 jpg是一种针对相片使用的一种失真压缩方法，是一种破坏性的压缩…
分类：html
关于css 的垂直居中
对于元素的水平居中，我根据我自己之前的一些学习来进行一些总结，如果有不对的地方，欢迎指正~ 一、让大小不固定的元素垂直居中 因为：表格的单元格的特别属性：垂直居中等； `div.parent { display: tab…
如何阻止标签默认行为和表单提交
阻止<a>标签默认行为 方式一 (通过return false) <!DOCTYPE html> <html> <head> <meta charset="UTF-8…
nodejs通过响应回写的方式渲染页面资源
我们一般通过node框架提供的api操作页面渲染，如何利用原始回写的方式来实现同样的功能呢下面是通过node 提供的异步地读取一个文件的全部内容api readFile进行操作，代码如下： html <!DOCTY…
使用webpack搭建react开发环境
安装和使用webpack 1.初始化项目 mkdir react-redux && cd react-redux npm init -y 2.安装webpack npm i webpack -D npm …
Between validator常用验证规则
1.数字大小验证规则，很常用，不能超过数据库的字符限制吧 between: { min: 2, max: 100, message: 'The number of floors must be between 2 and…
重温"什么是响应式网页设计？响应式布局的实现原理"
概念 响应式网页设计最初是由 Ethan Marcotte 提出的一个概念：为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率…
图片懒加载
图片懒加载 HTML部分： 内容请看以下代码呈现： <ul> <li data-src="images/show1.jpg"> <i></i> </li> &l…
HTML系列之目录
表单系列之input number总结HTML5系列之canvas用法HTML5系列之metaH5以及Node读取excel表单系列之input类型与属性简介HTML 5之localStorage常用API表单系列之se…
防抖（debounce）和节流（throttle）---解决事件频繁触发造成页面卡死
防抖（debounce）和节流（throttle） 连续触发（触发频率很高）的时间，不进行优化，会出现页面卡顿现象。常见的需要优化的事件： 鼠标事件: mousemove（拖拽） mouseover(划过) mouseW…
前端面试每日3+1——第102天
今天的知识点 (2019.07.27) —— 第102天 [html] 行内元素、块级元素、空(void)元素分别有哪些？ [css] 你是如何规划响应式布局的？ [js] 准确说出'1,2,3,4'.split()的结…
html5 + php 实现实时推送消息
html页面basic_sse.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l…
