摘要： 1. requestAnimationFrame 概述 requestAnimationFrame 是浏览器用于定时循环操作的一个API, 类似于setTimeout, 主要用途是按帧对网页进行重绘. 设置这个API的目的就是为了让各种网页动画效果 (DOM动画, Canvas动画, SVG动画, 阅读全文

摘要： 在移动端布局的时候, 在底部有一个button, 页面超过两屏, 是一个可滚动的的网页, 当运行在移动端Safari浏览器上的时候, 向下滑动页面, 浏览器的头部和尾部会自动隐藏, 这样可视区域就会变大, 本来这个设计是很好的, 但是这也跟前端工程师带来麻烦, 当头部和尾部隐藏掉之后, 再点击底部的 阅读全文

摘要： 在很多情况下, 都需要开启本地http服务器来测试, 所以就需要一个简单省事的http服务器, , 以前的时候可以使用express或者webpack-dev-server来启动一个服务, 这未免有点复杂, 有的时候就是写一个小小的demo而已, 终于...发现了这个好东西, http-server 阅读全文

摘要： event有三种特别容易混淆的方法, 用来阻止默认事件的发生 1. e.preventDefault(); 2. e.stopPropagation(); 3. e.stopImmediatePropagation(); 首先看这三个在MDN上的介绍 preventDefault: 如果当前even 阅读全文

摘要： 你可以再30秒或者更短的时间内读懂的有用的CSS代码片段的精选. github地址 不过代码不在github上面 官网地址 上面有详细的介绍和演示 下面是我读到的一些个人认为比较实用的片段 1. 等宽高比 给定一个可变宽度的元素, 它确保其高度以响应的方式与宽度保持成比例, 即宽度与高度的比例保持一 阅读全文

摘要： 很多网站都会有轮播图, 网上也有各种插件, 今天推荐一个基于 jQuery 的一个库, 非常方便, 这个库也是非常小, 压缩之后的代码只有 43KB, 几乎涵盖了所有形式的轮播图, 想用什么直接上去找就行 官网地址 也可以直接在 gitHub 上下载源码 官网的首页也有很多demo 用法也是相当简单 阅读全文

摘要： 1. 关于CSS Tricks 附上链接 https://l-hammer.github.io/You-need-to-know-css/#/introduce 一个CSS库, 能够帮助我们更快更好的去开发样式 2. 如何写出小而且清晰的函数 附上链接 https://note.youdao.com 阅读全文

摘要： 1. 回到顶部, 使用浏览器的刷新频率 requestAnimationFrame 来实现的 2. smoothScroll (平滑滚动) 3. CopyToClipboard (复制到剪切板, 建议在PC端使用) 4. HH:MM:SS 时间格式的快速获取 5. debounce（比较常见） 6. 阅读全文

摘要： contenteditable是所有流浪器都支持的属性, 可以利用标签模拟文本域, 实现体验相当不错的内容跟着高度自动增高的体验, 但是也带来一些问题, 就是可以直接复制带有style样式的标签进去 之前有看到过文章过滤HTML的方法, 就是在复制进去后将HTML过滤掉, 这样做的问题是过滤的标签多 阅读全文

摘要： 我要分享的是用react搭建一个简单的hello world, 一个小demo, 大神请略过 首先看一下目录结构 创建一个目录, 用于存放demo 初始化一个package.json文件 会让你输入一些参数, 一直回车就可以 安装必要的依赖包 这个是安装好的, 你可以直接把这段代码拷贝到你的pack 阅读全文