摘要: 当需要刷新后回到页面顶部的时候,你用window.onload =function(){$(window).scrollTop(0)}页面还是会在你当前显示的位置。 然后我就给10毫秒延迟,果然就能成功回到顶部了。 window.onload = function(){setTimeout(func 阅读全文
posted @ 2020-09-08 12:59 life最初的起点 阅读(684) 评论(0) 推荐(0)
摘要: 响应式的轮播图(利用媒体查询自适应PC端和移动端,注意应用在pc和移动端的图片是不一样的!) html <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- 指示器 --> <ol c 阅读全文
posted @ 2020-08-16 22:16 life最初的起点 阅读(298) 评论(0) 推荐(0)
摘要: 常用的css清除默认样式 /* …………………………………………^_^………………………………………… 清除默认样式 …………………………………………^_^………………………………………… */ /* *{margin:0; padding:0;font-size:12px;font-family: 阅读全文
posted @ 2020-08-16 00:30 life最初的起点 阅读(822) 评论(0) 推荐(0)
摘要: html窗口配置 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> initial-scale=1 初始比例 user-scalable=no 是否可以手动缩放 导航 导航 阅读全文
posted @ 2020-08-15 10:06 life最初的起点 阅读(150) 评论(0) 推荐(0)
摘要: 背景图片拉伸铺满全屏 background: url(../images/new-bg.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed; 背景图片定位:center是距离页bai面左边的定位,0px是距 阅读全文
posted @ 2020-08-13 00:14 life最初的起点 阅读(1657) 评论(0) 推荐(0)
摘要: 1. :before 和 :after 的主要作用是在元素内容前后加上指定内容 <p>你好</p> p:before{ content: 'Hello'; color: red; } p:after{ content: 'Tom'; color: red; } 2. :before和:after 用 阅读全文
posted @ 2020-08-05 21:28 life最初的起点 阅读(407) 评论(0) 推荐(0)
摘要: Less Sass styuls 一款比较流行的预处理CSS,支持变量、混合、函数、嵌套、循环等特点 官网 中文网 http://www.w3cplus.com/css/less 概要 为什么要有预处理CSS CSS基本上是设计师的工具,不是程序员的工具。在程序员的眼里,CSS是很头痛的事情,它并不 阅读全文
posted @ 2020-07-28 23:15 life最初的起点 阅读(202) 评论(0) 推荐(0)
摘要: 1. 搭建Bootstrap页面骨架及项目目录结构 ├─ /weijinsuo/ ··················· 项目所在目录 └─┬─ /css/ ····················· 阅读全文
posted @ 2020-07-28 23:12 life最初的起点 阅读(241) 评论(0) 推荐(0)
摘要: 项目中引入Chart.js <script src="path/to/Chart.min.js"></script> 1.创建html标签 <canvas id="barChart" width="600" height="400"></canvas> 2.创建一个chart类的实例 var lin 阅读全文
posted @ 2020-07-25 22:07 life最初的起点 阅读(458) 评论(0) 推荐(0)
摘要: 三个阶段 1. 加载阶段; (1) 减少关键资源的个数(合并文件,CSS精灵,base64、懒加载); (2) 降低关键资源的大小(减少cookie的传输、开启gzip压缩、webpack打包压缩); (3) 降低关键资源的RTT(往返延时)次数(DNS预解析、使用HTTP2、HTTP缓存、CDN、 阅读全文
posted @ 2020-07-25 22:01 life最初的起点 阅读(141) 评论(0) 推荐(0)