什么是BFC
BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。那么首先先来说一下常见的三种控制布局的定位方案 布局方案 1.普通流布局···
HTML笔记
使用nodejs做文件下载中转
之前做了一个功能就是点击按钮实现文件下载，文件保存在了阿里云的OSS上，阿里的OSS和七牛的OSS其实个人感觉差不多，一般情况下，前端下载文件很多都是通过一个a标签来进行下载。但是对于OSS存储的文件···
css滚动进度条
需求 首先先描述一下需求，就是在顶部有一个进度条，随竖向滚动条的滚动而长短变化，用以显示文章阅读进度，实现的方式是采用css来实现。 既然是使用css来实现，那么我们应该思考一下如何使用css，貌似c···
微信小程序如何跳转公众号文章
公众号跳小程序相信大家已经不陌生了，以前的时候小程序是无法跳转到公众号的，但是现在可以了，微信规定互相绑定的公众号和小程序之间可以实现自由跳转。下面我们来看一下如何实现。 实现方式其实很简单，就是一个···
window的onload事件和domcontentloaded执行顺序
onload事件支持 我们首先来看一下都有哪些支持onload事件。 支持该事件的 HTML 标签：<body>, <frame>, <frameset>, <···
JavaScript异常如何处理
在前端的开发工作当中，我们对于异常的处理可能关注的不是太多，因为js有基本的异常处理能力，很多错误会直接抛出来，打开控制台就能看到。但是如果因为异常导致网站卡死，甚至崩溃无法继续进行下去，对于用户的体···
flex弹性布局
网页布局在前端开发中是一个很重要的点，在传统布局解决方案中，一般是基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就···
使用css设置div等比例缩放高宽
在响应式开发中，有一些元素需要按等比例进行显示，比如说一个上传图片的区域，我们需要严格限制上传区域的比例为3:1，上传完成后的预览图宽高均为100%，才能保证用户上传后看到上传的图片是否合乎比例，是否···
使用uglifyjs压缩js
在做的web项目上线时，我们需要对js文件进行压缩，以减小文件的体积，加快加载速度，提高响应时间。下面我来介绍一个js压缩工具：uglifyjs。 安装uglifyjs 前提是必须安装过了nodejs···
前端学习路线
第一阶段 html、css、js基本了解 HTML+CSS：HTML进阶、CSS进阶、div+css布局、HTML+css整站开发 JavaScript基础：Js基础教程、js内置对象常用方法、常见D···
react-router之onEnter和onLeave
在之前介绍过react-router的使用，在这里我们介绍一下路由的onEnter和onLeave，顾名思义，分别是路由进入之前和路由离开之前，我们可以在这段时间内做一些处理。比如下面这个例子 <···
微信小程序支持npm包
在8月30号的时候，微信开发者工具进行了一次升级，在升级日志中我们看到微信小程序开始支持npm包管理了。但是小程序的基础版本库是从2.2.1版本开始支持，很遗憾的是在2.2.1以前的版本上则会报错。 ···