HTML笔记

什么是BFC HTML笔记

什么是BFC

BFC 就是块级格式上下文,是页面盒模型布局中的一种 CSS 渲染模式,相当于一个独立的容器,里面的元素和外部的元素相互不影响。那么首先先来说一下常见的三种控制布局的定位方案 布局方案 1.普通流布局···
使用nodejs做文件下载中转 HTML笔记

使用nodejs做文件下载中转

之前做了一个功能就是点击按钮实现文件下载,文件保存在了阿里云的OSS上,阿里的OSS和七牛的OSS其实个人感觉差不多,一般情况下,前端下载文件很多都是通过一个a标签来进行下载。但是对于OSS存储的文件···
css滚动进度条 HTML笔记

css滚动进度条

需求 首先先描述一下需求,就是在顶部有一个进度条,随竖向滚动条的滚动而长短变化,用以显示文章阅读进度,实现的方式是采用css来实现。 既然是使用css来实现,那么我们应该思考一下如何使用css,貌似c···
微信小程序如何跳转公众号文章 HTML笔记

微信小程序如何跳转公众号文章

公众号跳小程序相信大家已经不陌生了,以前的时候小程序是无法跳转到公众号的,但是现在可以了,微信规定互相绑定的公众号和小程序之间可以实现自由跳转。下面我们来看一下如何实现。 实现方式其实很简单,就是一个···
JavaScript异常如何处理 HTML笔记

JavaScript异常如何处理

在前端的开发工作当中,我们对于异常的处理可能关注的不是太多,因为js有基本的异常处理能力,很多错误会直接抛出来,打开控制台就能看到。但是如果因为异常导致网站卡死,甚至崩溃无法继续进行下去,对于用户的体···
flex弹性布局 HTML笔记

flex弹性布局

网页布局在前端开发中是一个很重要的点,在传统布局解决方案中,一般是基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就···
使用css设置div等比例缩放高宽 HTML笔记

使用css设置div等比例缩放高宽

在响应式开发中,有一些元素需要按等比例进行显示,比如说一个上传图片的区域,我们需要严格限制上传区域的比例为3:1,上传完成后的预览图宽高均为100%,才能保证用户上传后看到上传的图片是否合乎比例,是否···
使用uglifyjs压缩js HTML笔记

使用uglifyjs压缩js

在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。 安装uglifyjs 前提是必须安装过了nodejs···
前端学习路线 HTML笔记

前端学习路线

第一阶段 html、css、js基本了解 HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发 JavaScript基础:Js基础教程、js内置对象常用方法、常见D···
react-router之onEnter和onLeave HTML笔记

react-router之onEnter和onLeave

在之前介绍过react-router的使用,在这里我们介绍一下路由的onEnter和onLeave,顾名思义,分别是路由进入之前和路由离开之前,我们可以在这段时间内做一些处理。比如下面这个例子 <···
微信小程序支持npm包 HTML笔记

微信小程序支持npm包

在8月30号的时候,微信开发者工具进行了一次升级,在升级日志中我们看到微信小程序开始支持npm包管理了。但是小程序的基础版本库是从2.2.1版本开始支持,很遗憾的是在2.2.1以前的版本上则会报错。 ···