数据排序这块应该是每个程序员都会遇到的,而这篇文章主要是介绍js中sort排序如何使用得当,既然有现成的封装的方法就用现成的,自己稍加修改就能完成,不需要再重新自己重头到尾写个函数,当然如果大家有这个兴趣也可以自己写啦。…
【只差一个CSS】布局:简介
为什么要强调布局? 我们为页面写css,就是想美化这个页面,让它变得好看,而变得好看其实可以分两步来完成,第一步是整理,第二步是修饰。就像一间房间,房间里有很多有用的东西,杂乱无章的摆放着,我们现在怎么美化这个房间呢…
react项目开发教程总览
一 前言 关于这一系列文章的由来,我要做一个详细的说明,这些都在正文里面。关于代码的托管地址,请戳这里:GitHub关于开源代码的使用:免费用于个人、教育学习研究使用,如果有商业用途,请及时联系 二 正文 一直听说rea…
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…