• gulp 常用插件汇总

    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代码

  • JS实现全选功能

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

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

  • 本博客主题分享

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

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

  • pc端的企业网站(IT修真院test8)详解1-2

    今天接着说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更容易理解和维护。本文将详细介绍CSS规范 代码风格 【选择器】 1、 选择器 与 { 之间包含空格 .selector {} 2、 、 + 、 ~ 选择器的两边各保留一个空格 /* good */ main nav {} /* bad *...

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

  • css中的层叠性及权重的比较

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

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

  • CSS快速入门

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

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

  • 快速入门vue-cli配置

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

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

  • vue中的数据监听以及数据交互

    现在我们来看一下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

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

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