03 2018 档案

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

posted @ 2018-03-30 09:08 sjpqy 阅读(126) 评论(0) 推荐(0) 编辑

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

posted @ 2018-03-29 09:55 sjpqy 阅读(210) 评论(0) 推荐(0) 编辑

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

posted @ 2018-03-22 09:40 sjpqy 阅读(1485) 评论(0) 推荐(0) 编辑

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

posted @ 2018-03-20 10:02 sjpqy 阅读(306) 评论(0) 推荐(0) 编辑

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

posted @ 2018-03-19 15:22 sjpqy 阅读(139) 评论(0) 推荐(0) 编辑

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

posted @ 2018-03-12 10:29 sjpqy 阅读(293) 评论(0) 推荐(0) 编辑

div里面的图片垂直居中
摘要:外面一个div, 里面是一张大小不固定的图片, 或者span,div都行, 要实现里面元素水平垂直居中对齐 其实有很多实现的方法, 比如用js去计算每一个子元素的高度, 通过js去动态设置magin值, 不过这有点麻烦 今天分享一种用css实现的水平垂直居中对齐 看代码 效果如下 子元素的大小可以随 阅读全文

posted @ 2018-03-09 11:31 sjpqy 阅读(210) 评论(0) 推荐(0) 编辑

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示