![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
crane XXXX
这个作者很懒,什么都没留下…
展开
-
var let 和 const 的区别
在ES6之前我们声明变量是用var关键字,ES6新增了let 和1、声明提升,也就是如果在var语句之前调用输出var声明的变量,该变量的值是undefined;<script> console.log(a); //控制台中输入undefined var a = 1;</script> 2、一个函数相当于一个作用域,在函数外面定义的,函数内部...原创 2020-04-19 11:17:11 · 129 阅读 · 0 评论 -
数组塌陷原理及解决办法
<script> var arr = [6, 2, 1, 3, 1, 3, 4, 5, 3, 2]; //先将数组按大小升序排序 arr.sort(function(a, b) { return a - b; }); //遍历数组,每两位进行比较 for (...原创 2020-04-05 09:31:06 · 239 阅读 · 0 评论 -
JS—数据类型转化
数据类型的转化 ---- 转化不是等于,而是从一种数据类型,变成另一种数据类型,数值也会发生变化。自动转换(隐式转换) — 计算机自动执行的,只有在特定情况下,才会执行转化。1、 其他类型转化为布尔类型 — 一般在判断中false : 0 “” undefined null NaN true : 除上面的5种外,其他都转化为true2、其他类型转化为字符串 — 字符串拼...原创 2020-03-14 19:46:57 · 111 阅读 · 0 评论 -
父容器宽度自适应
多项子元素垂直排列且折行,父容器宽度如何自适应。方法一:display:inline-flex<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i...原创 2020-03-05 19:13:00 · 1046 阅读 · 0 评论 -
CSS3之Grid网格布局
Grid布局是一个二维的布局方法,横纵两个方向同时存在。属性(作用在父容器上)grid-template-columns:划分网格列数(单位可以是像素、百分比、自适应及fr比例单位)例:grid-template-columns:50px 50px;grid-template-columns:50% 50%;grid-template-columns:repeat(3,1fr); ...原创 2020-03-01 22:27:49 · 248 阅读 · 0 评论 -
CSS3之Flex弹性盒模型
2009年,W3C提出了一种新的方案——Flex布局,可以简便,完整,响应式的完成各种页面布局。目前,已经得到了所有浏览器的支持,可以放心的使用了。何为主轴,何为侧轴?若flex-direction为默认row:若flex-direction为column:属性:作用在flex容器上作用在flex子项上flex-directionorderflex-wra...原创 2020-02-26 17:52:13 · 109 阅读 · 0 评论 -
CSS3新增的选择器有哪些?
首先说说CSS3之前已有的选择器CSS1id选择器 、class选择器 、标签选择器 、群组选择器 、后代选择器 、伪类选择器用法描述#id选择 id=“xxxx” 的所有元素。(具有唯一性,一个页面只可使用一次).class选择 class=“xxxx” 的所有元素。element选择所有 element (标签) 元素。element1,ele...原创 2020-02-23 18:53:25 · 1253 阅读 · 0 评论