野望之风 - 博客园

2018年9月9日

摘要： <div class="ddiv" style=""> //这里的图片是一个圆圈 <img class='dimg' src="video_c.png" alt=""> </div> .dimg{ //infinite 无限循环 linear 匀速运动 animation:2s animation1 阅读全文

posted @ 2018-09-09 10:59 野望之风阅读(1318) 评论(0) 推荐(0) 编辑

CSS3实现视差滚动效果

摘要： HTML部分： <section class="g-img1">IMG1</section><section class="g-img2">IMG2</section> CSS部分主要通过background-attachment: fixed;来实现视差滚动，根据实际需求设置相应的背景大小，这里用阅读全文

posted @ 2018-09-09 10:45 野望之风阅读(355) 评论(0) 推荐(0) 编辑

2018年9月2日

IE兼容常见问题及解决方案

摘要：一、IE8及以下不支持css3的@media查询解决方法1、解决方法是引入respond.js 相关链接：https://www.bootcdn.cn/respond.js/ 解决方法2、用if判断是否是IE浏览器，然后给IE8设定一组比较适合的样式，以此来替代@media 二、IE8及以下，不支阅读全文

posted @ 2018-09-02 10:20 野望之风阅读(578) 评论(0) 推荐(0) 编辑

2018年8月21日

LESS转换成css

摘要： Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。本文主要介绍less文件如何转化为css文件。 1、首先确认你的电脑已经安装了node。查看node版本号输入：node -v 查看npm版本号阅读全文

posted @ 2018-08-21 13:54 野望之风阅读(1774) 评论(0) 推荐(0) 编辑

2018年8月13日

前端代码命名规范

摘要：（一）主体头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：leftright center 登录条：loginbar 标志：logo 广告：banner 页面主体阅读全文

posted @ 2018-08-13 17:22 野望之风阅读(381) 评论(0) 推荐(0) 编辑

2018年8月3日

网站升级2.0回滚机制

摘要：目前正式站点不动，晚上6点从目前正式站点拷贝文件另外建立新站点，在新站点升级好文件，7点整关闭目前的站点，已防继续产生新的数据，然后把域名绑定到新站点，数据库马上备份一份还原一个新数据库出来，在新数据库上做数据库升级，然后新站点的数据库链接改为新数据库，这样后续的访问就是用新的站点和新的数据库，一旦阅读全文

posted @ 2018-08-03 11:54 野望之风阅读(124) 评论(0) 推荐(0) 编辑

2018年7月30日

快速给数组去重

摘要： ES6 可以通过set对象快速实现数组去重 let arr = [1,1,2,2,3,3,4]; //数组赋值给set对象，set会自动去重 let setArr = new Set(arr); //使用Array.from方法将set对象转换为数组 arr = Array.from(setArr) 阅读全文

posted @ 2018-07-30 12:00 野望之风阅读(137) 评论(0) 推荐(0) 编辑

2018年7月29日

背景图片自适应大小的方法

摘要： <!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <style type="text/css"> html{ height: 100%; } body{ height: 100%; } .i-body{ height 阅读全文

posted @ 2018-07-29 16:23 野望之风阅读(521) 评论(0) 推荐(0) 编辑

2018年7月26日

ES6中变量let的属性以及在for循环中的使用

摘要： let和var的差别 1、let没有变量提升，申明变量的同时必须对变量赋值 2、let不允许重复申明变量 3、let的作用域是块级作用域，这一点在for循环中可以提现 <ul id="ul1"> <li class="li">1</li> <li class="li">2</li> <li clas 阅读全文

posted @ 2018-07-26 11:28 野望之风阅读(504) 评论(0) 推荐(0) 编辑

for循环中变量i值的理解

摘要： <ul id="ul1"> <li class="li">1</li> <li class="li">2</li> <li class="li">3</li> <li class="li">4</li> </ul> <script> window.onload = function () { var 阅读全文

posted @ 2018-07-26 10:09 野望之风阅读(1628) 评论(1) 推荐(0) 编辑

公告