CSS3动画初识 CSS3 动画库推荐：AnimistaAnimateHoverThree DotsCSShakecssanimation CSS3 创建动画 将元素与动画进行绑定,设置动画持续时间 1div{2 width:100px;3 height:100px;4 background:red;5 animation:change 5s;6} 创建 @keyframes 动画规则 2020-03-27 CSS 动画
js常用事件汇总 JavaScript事件类型浏览器中的事件有很多，在这我只记录了常用的一些事件。详细内容请前往MDN查看。 资源事件onload 事件onload 事件会在页面或图像加载完成后立即发生。 在 HTML 中: 1<body onload="loadHtml()">2<script >3 function loadHtml() {4 console.log( 2020-03-27 JavaScript 事件
用css创建三角形 原理设置一个div宽高都为0，通过border来控制这个div的大小。然后将其中几个边background设置为transparent，即可得到三角形 实现1<div class='triangle'></div> 1.triangle{2 width: 0;3 height: 0;4 background-color: #fff; 2020-03-26 CSS 样式
在页面上隐藏元素的方法 display:none; // 让元素在页面中消失，不占据实际的空间 overflow:hidden; visibility:hidden; // 隐藏内容，但占位保留 opacity:0; // 视觉上的隐藏，元素还是占据有文档的位置 width:0,height:0; // 元素宽高为0 z-index: -999999999 2020-03-26 CSS 隐藏元素
圣杯布局和双飞翼布局的理解和区别 圣杯布局和双飞翼布局作用圣杯布局和双飞翼布局的作用是一样的，就是两边顶宽然后中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。 圣杯布局三栏利用 float 和 负margin 并排，设置父容器的padding给两边的侧边栏预留位置。 1<div class="wrapper">2 <div class="middle">middle</div>3 2020-03-26 CSS 布局
better-scroll使用 better-scroll 是什么better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。 better-scroll 是基于原生 JS 实现的，不依赖任何框架。它编译后的代码大小是 63kb，压缩后是 2020-02-20 JavaScript better-scroll 上拉加载 下拉刷新 移动端
MySQL常用命令语句 一、MySQL常用SQL修改语句1# 创建数据库2create database database_name;34# 创建数据表5create table blog_archive(6 aid int unsigned not null default 0,7 cid SMALLINT UNSIGNED NOT NULL DEFAULT 0,8 title varchar(50) not null 2020-01-16 数据库 MySQL
HTML5:meta标签 1<!-- 声明文档使用的字符编码 -->2<meta charset='utf-8'>3<!-- 优先使用 IE 最新版本和 Chrome -->4<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>5<!-- 页面描述 -->6<meta name="de 2020-01-16 HTML HTML5 meta
前端适配IOS、Android刘海屏 设置网页在可视窗口的布局方式设置 viweport-fit 属性，使得页面内容完全覆盖整个窗口，设置后可以使用env函数 1<meta name=“viewport” content=“width=device-width, viewport-fit=cover”> 安全区将页面内容限制在安全区域内。 1body{2 display: block;3 paddi 2020-01-16 移动端 CSS 适配 刘海屏
