努力填坑 - 博客园

2022年9月17日

摘要：原生js实现全屏滚动参照fullPage.js的效果，用自己的想法实现的。实现的效果：1、全屏滚动，滚动一下齿轮就会滚动全屏。 2、自适应缩放，无论怎么改变窗口的大小，都会保证用一个元素占满全屏。下一步计划： 1、改成react组件 2、实现更多的效果注释写的很清楚，基本上知道函数怎么用就可阅读全文

posted @ 2022-09-17 10:19 努力填坑阅读(517) 评论(0) 推荐(0) 编辑

单模块自适应大小

摘要： 1、npm 下载 "element-resize-detector": "^1.2.4" 2、页面引入 import elementResizeDetectorMaker from "element-resize-detector"; 3、页面使用 <div id="fillInRem"></div 阅读全文

posted @ 2022-09-17 10:18 努力填坑阅读(23) 评论(0) 推荐(0) 编辑

2019年5月23日

HTML5终极备忘大全

posted @ 2019-05-23 17:45 努力填坑阅读(152) 评论(0) 推荐(0) 编辑

HTML5的22小技巧

摘要： 1. 新的文档类型（Doctype） <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 上面这个既麻烦又难记阅读全文

posted @ 2019-05-23 17:19 努力填坑阅读(138) 评论(0) 推荐(0) 编辑

亿级Web系统搭建——单机到分布式集群

摘要：亿级Web系统搭建——单机到分布式集群当一个Web系统从日访问量10万逐步增长到1000万，甚至超过1亿的过程中，Web系统承受的压力会越来越大，在这个过程中，我们会遇到很多的问题。为了解决这些性能压力带来问题，我们需要在Web系统架构层面搭建多个层次的缓存机制。在不同的压力阶段，我们会遇到不同的阅读全文

posted @ 2019-05-23 17:07 努力填坑阅读(113) 评论(0) 推荐(0) 编辑

全屏滚动

摘要： http://www.dowebok.com/demo/2014/77/ fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站演示下载 jQuery全屏滚动插件fullPage.js 简介如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很阅读全文

posted @ 2019-05-23 16:47 努力填坑阅读(139) 评论(0) 推荐(0) 编辑

头部导航吸顶

摘要： <!DOCTYPE html><html><head> <meta charset="UTF-8" /><head><style type="text/css"> body { padding:0; margin:0; } #nav { width:100%; height:60px; backgr 阅读全文

posted @ 2019-05-23 10:51 努力填坑阅读(90) 评论(0) 推荐(0) 编辑