css设置height100%无效的问题 HTML笔记

css设置height100%无效的问题

height:100%这个属性我们在很多地方都会用到,尤其是像让子元素占满父元素区域的时候,但是有时候会感觉好恶心,为啥设置了半天总是不生效。那么我们先来看一下对于高度属性的可能值: 值 描述 aut···
a标签href的功用 HTML笔记

a标签href的功用

a标签在html内使用最多的就是超链接,在href属性中加入url链接即可。当然,他还有其他的一些功用,下面来看一下 锚点 <div id="div"></div> <a···
什么是BFC HTML笔记

什么是BFC

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

使用uglifyjs压缩js

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

web缓存介绍

web缓存是什么,其实就是一些静态的资源及数据存储到本地浏览器或者是服务器上。缓存会根据进来的请求保存输出内容的副本,当下一个请求来到的时候,如果是相同的URL,缓存会根据缓存机制决定是直接使用副本响···
js的函数节流、函数防抖及其使用场景 javascript

js的函数节流、函数防抖及其使用场景

先说函数防抖,他的使用场景最多是在搜索时使用,比如百度的搜索,你在输入文字后的一段时间内开始自动搜索,而不是每次按下键都执行一次搜索。因为如果每次按键都搜索,则会消耗大量的服务器资源。 函数防抖:在事···
网页整体呈现黑白色 HTML笔记

网页整体呈现黑白色

在一些特殊的时期,比如灾难纪念日等,用户浏览网页时需要将色彩去除,整体网页呈现黑白色调。通过一段很简单的代码即可实现让网页整体呈现黑白色调。 <style> html { -webkit-···
HTML5自定义属性对象Dataset HTML笔记

HTML5自定义属性对象Dataset

基本介绍 在HTML5中,我们经常使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们在一个button上添加id <button data-id="oecom">点···
FormData对象的应用 HTML笔记

FormData对象的应用

XMLHttpRequest 是一个浏览器接口,通过它,我们可以使得 Javascript 进行 HTTP (S) 通信。XMLHttpRequest 在现在浏览器中是一种常用的前后台交互数据的方式。···
html5 判断是点击还是长按 HTML笔记

html5 判断是点击还是长按

在移动端尤其是微信浏览器中,长按有一个功能是识别二维码或者是弹出复制文字的浮层,但是有时候我们不想让他弹出来,于是会采用禁止默认事件的方式来写,那么问题来了,点击事件也就不生效了。于是可以采用另一种方···
jquery获取元素到页面顶部的距离 HTML笔记

jquery获取元素到页面顶部的距离

在前端开发过程中,经常会遇到要求滚动条滚动到某位置时某按钮固定在页面上,否则悬浮于页面上。这时就会用到获取需要固定在页面位置的元素距离页面顶部的距离,通过比较文档滚动条到顶部的距离和页面元素到顶部距离···