一 前言 关于这一系列文章的由来,我要做一个详细的说明,这些都在正文里面。关于代码的托管地址,请戳这里:GitHub关于开源代码的使用:免费用于个人、教育学习研究使用,如果有商业用途,请及时联系 二 正文 一直听说rea…
分类:css教程
flex布局详解
基本概念 采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。 容器默认存在两根轴:水平的主轴(m…
CSS outline(轮廓线)
outline的中文意思是轮廓线。 是绘制于元素周围的一条线,位于边框(border)边缘的外围, 轮廓线不会占据空间,也不一定是矩形。 outline: color style width; /* 简写方式 */ ou…
深入理解ES6之《Symbol》
创建Symbol及辨别方法 Symbol是原始值,因此调用new Symbol会导致程序抛出错误 let firstName = Symbol() let person = {} person[firstName] = …
深入理解ES6之《解构》
对象解构 如果使用var、let、const解析声明变量,则必须提供初始化程序(也就是等号右侧的值)以下语句有语法错误 var { type, name }; let { type, name } const { typ…
这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已
Javascript是一门很吊的语言,我可能学了假的JavaScript,哈哈,大家还有什么推荐的,补充送那啥邀请码。 本文秉承着:你看不懂是你SB,我写的代码就要牛逼。 1、单行写一个评级组件 “★★★★★…
深入理解ES6之《扩展对象》
属性初始值的简写 当对象字面量只有一个属性的名称时,JS引擎会在可访问作用域中查找其同名变量;如果找到则该变量的值被赋给对象字面量里的同名属性 function createPerson(name, age) { ret…
媒体查询@media的使用
媒体查询 参考:https://developer.mozilla.org…一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成,例如宽度、高度和颜色。媒体查询,添加自CSS…
深入理解ES6之《函数》
默认参数 ES5中要为参数指定默认值,只能如下所示: function makeRequst(url, timeout, callback) { timeout = timeout || 2000; callback =…
CSS遮罩层:hover状态丢失及解决方案
CSS遮罩层,顾名思义就是在div上,再“铺”一层半透明的div。在hover时,亦可进一步改变该遮罩层的色彩和透明度。我们可以通过css定位和背景色实现。 CSS遮罩层实现及hover状态丢失问题 CSS代码: .bl…
css选择器和jQuery选择器
选择器 在书写样式和查找节点的时候,选择器是必不可少的,所以了解选择器的书写方式和使用就显得极为重要,本文主要分开讲了css选择器和jQuery选择器; css选择器 大家都可能知道,在浏览器渲染的时候会构建dom、cs…
webpack + PostCSS + cssnext
1.安装依赖包 npm install --dev webpack extract-text-webpack-plugin css-loader file-loader postcss postcss-loader po…