sjpqy

摘要： 在很多情况下, 都需要开启本地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 阅读全文

摘要： 首页要具备 node.js环境, npm环境 创建一个目录, 然后进入此目录作为工作目录 通过npm init 创建一个package.json文件 此命令要求你输入几个参数, 直接按回车就可以了, 除了 entry point: (index.js) 改为 app.js, 这是当前文件的入口 接下 阅读全文

摘要： naturalWidth与naturalHeight是HTML5的新属性, 可与通过这两个属性来直接获取图片的原始宽度和高度, 现在在火狐, 谷歌, IE11均已经实现 可以看看naturalWidth和naturalHeight的兼容性 截图来自 https://caniuse.com/#sear 阅读全文