03 2020 档案
摘要：var arr=[1,2,3,5,6,7,8,9]; arr.forEach(function(item，index，arr){} forEach括号内的函数会跟三个参数，参数名称可以自行取 第一个参数：数组中的元素 第二个参数：数组中的元素所对应的下标 第三个参数：数组自身 我们可以通过该方法来遍
阅读全文
摘要：Math 和 Date Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 数字。 Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作 时间。 Math 没有什么多余的东西，就是一堆的方法来操作数字 random Math.random() 这个方法是用来生成一个 0 ~
阅读全文
摘要：GRID布局 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成
阅读全文
摘要：移动端项目布局类型 rem布局（等比缩放布局、百分比布局） 弹性布局（100%布局、流式布局） 弹性布局特点：顶部与底部的bar不管分辨率怎么变，它的⾼度和位置都不变； 中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息 都位于条目的左边，薪资都位于右边.特点：关键元素高宽和位置都不变，只有
阅读全文
摘要：计算方法 计算rem方法： 结合媒体查询 -> 随着设备的改变 更改html font-size的值。 媒体查询确定范围？？ 移动端设计图 ： 640px 750px 1080px; dpr 2 2 3 范围 320px 375px @media screen and (max-width:
阅读全文
摘要：ES5/String 严格模式（了解） 我们都知道 js 是一个相对不很严谨的语言 而且开发的时候，一些代码也不是很严格要求 而严格模式就是对开发的时候写的一些内容做了要求 开启严格模式 想开启严格模式，直接在代码最开始的位置写上字符串 use strict <script> 'use strtic
阅读全文
摘要：之前我们讲过的数组常用方法都是 ES3 的方法 今天来说一些 ES5 中的方法 indexOf indexOf 用来找到数组中某一项的索引 语法： indexOf(你要找的数组中的项) var arr = [1, 2, 3, 4, 5] // 使用 indexOf 超找数组中的某一项 var ind
阅读全文
摘要：排序，就是把一个乱序的数组，通过我们的处理，让他变成一个有序的数组 今天我们讲解两种方式来排序一个数组 冒泡排序 和 选择排序 冒泡排序 先遍历数组，让挨着的两个进行比较，如果前一个比后一个大，那么就把两个换个位置 数组遍历一遍以后，那么最后一个数字就是最大的那个了 然后进行第二遍的遍历，还是按照之
阅读全文
摘要：meta标签的设置 <!-- H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,u
阅读全文
摘要：常见的布局方案 固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸； 可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局； 弹性布局：以百分比作为页面的基本单位，可以适应一定范
阅读全文
摘要：多列布局类似报纸或杂志中的排版方式，主要用以控制大篇幅文本。 多列属性 1、column-count 属性规定元素应该被分隔的列数 适用于：除table外的非替换块级元素, table cells, inline-block元素 2、column-gap 属性规定列之间的间隔大小 3、column-
阅读全文
摘要：box-sizing content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。
阅读全文
摘要：文本阴影属性 text-shadow 说明：水平、垂直阴影的位置允许负值 可进行多阴影设置(逗号分隔的方式) 文本换行 Word-wrap 属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。 属性值： normal 说明：只在允许的断字点换
阅读全文
摘要：parseInt() 作用是将参数（通常为字符串）强制转换为整数。 它有两个参数，第二个可以省略，我们先展示常见的用法 1. 转换规则：依次将字符串中从左到右的数字部分转为整数,一旦转换失败，返回NaN。 (1) 参数是字符串类型： var a = parseInt(‘10’); //将字符串转成整
阅读全文
摘要：数组 什么是数组？ 字面理解就是 数字的组合 其实不太准确，准确的来说数组是一个 数据的集合 也就是我们把一些数据放在一个盒子里面，按照顺序排好[1, 2, 3, 'hello', true, false] 这个东西就是一个数组，存储着一些数据的集合 数据类型分类 number / string /
阅读全文
摘要：递归函数 什么是递归函数 在编程世界里面，递归就是一个自己调用自己的手段 递归函数： 一个函数内部，调用了自己，循环往复 // 下面这个代码就是一个最简单的递归函数 // 在函数内部调用了自己，函数一执行，就调用自己一次，在调用再执行，循环往复，没有止尽 function fn() { fn() }
阅读全文
摘要：CSS3 CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 css3的优
阅读全文
摘要：HTML5发展史 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 • HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具
阅读全文
摘要：景深 生活中的3d 区别于2d的地方 1、近大远小 景深 程序中实现的方法 perspective 元素距离 视线的距离（物体和眼睛的距离越小，近大远小的效果越明显） perspective: 1200px;（在父元素中使用） transform:perspective(1200px) （在
阅读全文
摘要：浏览器前缀 -ms- -ms-box-shadow IE浏览器专属的CSS属性需添加-ms-前缀 -moz- -moz-box-shadow 所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属 性需添加-moz-前缀 -o- -o-box-shadow Opera浏览器专属的CSS属性
阅读全文
浙公网安备 33010602011771号