2017-07-26更新：图片压缩插件使用gulp-smushit，gulp-smushit压缩率比较大， gulp-imagemin 图片压缩插件压缩率不明显。 见下图压缩率： 1、gulp安装 参照gulp官网进行安装：http://www.gulpjs.com.cn/docs/getting-started/ 2、常用的插件 gulp所有插件地址：http://...

2018-06-24 01:41:06 css文件css代码

000. 开始 学习JS有一段时间了，最近看了一些JS练手的小demo实例，自己也尝试着用JS进行实现。 全选功能是在很多注册页面、获取用户兴趣爱好、让用户勾选一些选项等页面中常见的一种效果，主要有全选/全不选，反选，重置，提交等几个功能。 现在我们就开一步一步的开始...

2018-06-24 01:40:47 学习jscss文件css代码

水文一篇～～ 缘由 最近有园友问到本博客的主题是怎么弄，其实也是参考其他的博客捣弄一些CSS、JS，前端咋咋，并没啥技术含量，有需要的同学可以拿去用。简单起见，直接把设置的代码全盘贴出来了。 第一步 进入博客设置界面 主题是基于博客模版BlueSky修改的，需要选择...

2018-06-24 01:40:39 css代码

今天接着说test8的页面还原。 头部header和尾部footer 我一开始是想直接使用bootstrap的栅格系统来实现的。但是内容的定位出了不少麻烦。 那么就索性用原生html+css来还原页面了。 放上效果图 头部html代码 div class="g-header w-100" div class="h-row-1" div class=...

2018-06-24 01:39:48 云服务器css代码

前面的话 CSS是网页样式的描述语言，CSS规范能够使CSS代码风格保持一致，使得CSS更容易理解和维护。本文将详细介绍CSS规范 代码风格 【选择器】 1、 选择器 与 { 之间包含空格 .selector {} 2、 、 + 、 ~ 选择器的两边各保留一个空格 /* good */ main nav {} /* bad *...

2018-06-24 01:37:29 css代码css规范

假如同一个标签被多个选择器选中，每个选择器都设置了相同的样式，浏览器中加载时这个样式听谁的？ 不同选择器设置的同一个样式，只会选择一个进行加载，不会叠加。 为了解决听谁的问题，引入层叠性的概念。 层叠性：多个选择器选中同一个标签，设置同一个样式，浏览器...

2018-06-24 01:37:21 css代码

一.概述 层叠样式表;可以对HTML的元素,进行控制,使HTML的元素展现的效果和位置更好; 二.基本语法 css规则由两个部分构成:选择器和语句 语句规则: 1.css选择器的名称区分大小写;属性名和属性值区分大小写; 2.每条语句的结尾都要使用;,最后一行可以省略; 3.注释格式:/**/...

2018-06-24 01:37:09 css文件css代码css规则

作为一名使用了一段时间Vue.js的新手，相信和不少初入Vue的朋友一样，都对Vue-cli的配置一知半解。后来通过对webpack的学习，也算是对脚手架的配置有了一定的了解，所以也想把这段时间自己的成果分享给大家，希望能和大家一起进步。 有两点要说明的： 阅读本文需要了解...

2018-06-24 01:37:03 css文件css代码

现在我们来看一下vue中的数据监听事件$watch， js代码： new Vue({ el: " #div " , data:{ arr:[ 1 , 2 , 3 ] } }).$watch( " arr " ,function () { alert( " 数据改变了 " ) }) html代码： div id= " div " input type= " button " value= " 改变 " @click= " arr.pus...

2018-06-24 01:36:06 css代码

本文主要讲解如何检测页面中多余无用的css。 1、chrome浏览器 F12审查元素的Audits 说明： 使用Audits，会检测出页面中没有用到的css，需要手动删除多余的css；同时需要说明的是检测出多余无用的css块，而不是某一行css。 2、CSS usage插件 （1）安装Firefox浏览器 （2...

2018-06-24 01:34:51 css代码