会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
life最初的起点
博客园
首页
新随笔
联系
订阅
管理
2020年9月8日
刷新页面让显示区域回到顶部
摘要: 当需要刷新后回到页面顶部的时候,你用window.onload =function(){$(window).scrollTop(0)}页面还是会在你当前显示的位置。 然后我就给10毫秒延迟,果然就能成功回到顶部了。 window.onload = function(){setTimeout(func
阅读全文
posted @ 2020-09-08 12:59 life最初的起点
阅读(684)
评论(0)
推荐(0)
2020年8月16日
bootstrap 响应式轮播
摘要: 响应式的轮播图(利用媒体查询自适应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清除默认样式
摘要: 常用的css清除默认样式 /* …………………………………………^_^………………………………………… 清除默认样式 …………………………………………^_^………………………………………… */ /* *{margin:0; padding:0;font-size:12px;font-family:
阅读全文
posted @ 2020-08-16 00:30 life最初的起点
阅读(822)
评论(0)
推荐(0)
2020年8月15日
bootstrap 起步笔记 常用类名属性
摘要: 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)
2020年8月13日
css 背景图片铺满全屏
摘要: 背景图片拉伸铺满全屏 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)
2020年8月5日
:after和:before的作用及使用方法
摘要: 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)
2020年7月28日
less预处理
摘要: Less Sass styuls 一款比较流行的预处理CSS,支持变量、混合、函数、嵌套、循环等特点 官网 中文网 http://www.w3cplus.com/css/less 概要 为什么要有预处理CSS CSS基本上是设计师的工具,不是程序员的工具。在程序员的眼里,CSS是很头痛的事情,它并不
阅读全文
posted @ 2020-07-28 23:15 life最初的起点
阅读(202)
评论(0)
推荐(0)
搭建Bootstrap页面笔记
摘要: 1. 搭建Bootstrap页面骨架及项目目录结构 ├─ /weijinsuo/ ··················· 项目所在目录 └─┬─ /css/ ·····················
阅读全文
posted @ 2020-07-28 23:12 life最初的起点
阅读(241)
评论(0)
推荐(0)
2020年7月25日
chart.js轻量级图表插件使用
摘要: 项目中引入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)
web加载优化
摘要: 三个阶段 1. 加载阶段; (1) 减少关键资源的个数(合并文件,CSS精灵,base64、懒加载); (2) 降低关键资源的大小(减少cookie的传输、开启gzip压缩、webpack打包压缩); (3) 降低关键资源的RTT(往返延时)次数(DNS预解析、使用HTTP2、HTTP缓存、CDN、
阅读全文
posted @ 2020-07-25 22:01 life最初的起点
阅读(141)
评论(0)
推荐(0)
下一页
公告