摘要:1. 实际参数 函数调用时传入小括号内的真实数据,这些实参必须要有明确的值,以便把这些值传送给形参 2. 形式参数 函数定义时设置接收调用时传入,实参和形参可以重名。形参是在定义函数名和函数体的时候使用的参数,目的是用来接收调用该函数时传入的参数;不同声明; 3. 区别 a)本质不同:形参的本质是一
阅读全文
摘要:1. 什么是数组? 数组是可以把一组相关的数据一起存放,并提供方便的访问(存取) 数组是指一组数据的集合,其中每个数据被称作元素(数组单元),数组单元可以是任意类型的数据,数组是一种将一组数据存储在单个变量名下的优雅方式。 2. 数组的创建方式 2.1 使用内置的构造函数 在js中内置了一个Arra
阅读全文
摘要:1. 内层的循环可以看作外层循环的语句 2. 外层循环执行 1 次 ,内层循环执行全部
阅读全文
摘要:less 概念:Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。less:减少 ;少的 answer: 他们是CSS预处理器。他是CSS上的一种抽象层。
阅读全文
摘要:1. px 像素(Pixel)。绝对单位。像素px是相对于显示器屏幕分辨率而言的,是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px要换算成物理长度,需要 指定精度 DPI。 2. em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览
阅读全文
摘要:My Word:字体图标就是一种特殊的字体; 优点: a)灵活性:灵活的修改样式 , 如尺寸 、 颜色等 b)轻量级:体积小 ,渲染快 , 降低服务器请求次数 c)兼容性:几乎兼容所有的主流浏览器 d)使用方便 :1. 下载图标 2.使用图标 因为所有的字体图标都打包在一个文件了 , 所以只需要请求
阅读全文
摘要:js有setInterval() 间隔函数 和 setTimeout()延迟函数 2 种定时器 1. setInterval间隔函数 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterva
阅读全文
摘要:1. 概念 事件委托也叫事件代理 , JavaScript 事件代理则是一种简单的技巧,通过它你可以把事件处理器添加到一个上级元 素上,这样就避免了把事件处理器添加到多个子级元素上。当我们需要对很多元素添加事 件 的时候,可以通过将事件添加到它们的上级元素而将事件委托给上级元素来触发处理函 数。这主
阅读全文
摘要:事件流分为三个阶段:捕获 ==》目标 ==》冒泡 1. 事件捕获阶段:事件传播由目标节点的祖先节点逐级传播到目标节点。先由文档的根 节点 document(window)开始触发对象,最后传播到目标节点,从外向内捕获事件对象; 2 .处于目标阶段:事件到达目标对象,事件触发,如果事件不允许冒泡,事件
阅读全文
摘要:字体图标 Font Icon 就是一种特殊的字体 , 可以设置大颜色等字体的样式;字体图标简单的说,就是一种特殊的字体,通过这种字体,显示给用户的就像一个个图片 一样 字体图标最大的好处,在于它不会变形和加载速度快。字体图标可以像文字一样,随意通 过 CSS 来控制它的大小和颜色,对于建网站来说,非
阅读全文
摘要:知识储备:了解浏览器渲染页面的流程 a)首先 , 解析(parse)html 标签 , 获取DOM 树 b)解析html 的同时 , 解析css , 获得样式规则 (style rules) CSSOM树 c)根据DOM 树 和 样式规则 ,生成渲染树 render tree d)根据 render
阅读全文
摘要:1. 匿名函数(自执行函数)(function (){}()) 2. 解析赋值 2 个变量交换位置
阅读全文
摘要:1. 三者的概念 1.1 cookies Cookie,有时也用其复数形式 Cookies。类型为“小型文本文件”,是某些网站为了辨别用户身份,进行Session(会话)跟踪而储存在用户本地终端上的数据(通常经过加密),由用户客户端计算机暂时或永久保存的信息;cookie可以跨越一个域名下的多个网页
阅读全文
摘要:注意:函数提升的优先级大于变量提升的优先级,即函数提升在变量提升的前面 1. 变量提升 使用var 定义的变量才有变量提升的现象 ,把所有 var 声明的变量提升到当前作用域的最前面;只提升声明 ,不提升赋值; <script> // var num var定义的变量提升 注意:只会提升声明 , 不
阅读全文
摘要:1. 事件冒泡 在某一个对象(标签)上触发某个事件 , 如果这个对象的事件有对应的事件处理程序 , 那么事件就会调用这个处理程序;如果没有就会向父级元素查找是否有相同的事件触发,从内到外 , 直到有对应事件的处理程序执行就会停止; 2. 阻止冒泡 2.1 return false 2.2 e.sto
阅读全文
摘要:1. 声明变量没有赋值 <script> let num console.log(num) //undefined </script> 2. 访问不存在的属性 <script> const arr = [1, 2, 4] console.log(arr[9]) //undefined const o
阅读全文
摘要:原生对象包括内置对象(JavaScript引擎初始化时就被创建好的对象)和本地对象(JavaScript运行过程中动态创建的对象),本地对象定义为独立于‘宿主环境’的ESCMAScript实现提供的对象,包括Object、Function、Array、String、Boolean、Number、Da
阅读全文
摘要:jQuery 的 $(function (){}) 函数入口需要等待 DOM 结构绘制完成才会执行 , 不用等待外部资源加载完毕 和原生js 的 DOMContentLoaded 类似 , 2 者 的执行时间 都要比load 事件要早; 原生的js 的laod 加载必须等待 页面 、 外部资源包括
阅读全文
摘要:💬 函数声明 <script> function add(num1, num2) { return num1 + num2 } console.log(add(10, 10)) // 20 </script> 💬 函数表达式 <script> const add = function (num1
阅读全文
摘要:📚 js 数据类型 一共 7 种 undefined 、 null 、 number 、 string 、 boolean 、object 、 symbol 其中 object 可以细分 位 数组对象 、 函数对象 等 🎯 判断方法 ⭐️ typeof <script> console.log(
阅读全文
摘要:js 是一种动态 、 弱类型 、 基于原型的语言 ,通过浏览器可以直接执行; 当浏览器遇到 <script></script>标记时 , 会执行标记之间的js 代码;然后js 是一边编译一边执行
阅读全文
摘要:知识储备 : js 的执行 机制 js 的底层执行机制 : 对于 js 代码 分为了同步 和 异步 代码 ,异步代码 较少比如:setInterval setTimeout 等(不会超过10 个) 其余都是同步代码 ;当一个js 代码既有同步又有异步代码 ,js 引擎只会执行同步代码 , js 引擎
阅读全文
摘要:DOM 操作的常用 API 就是DOM 通过API (接口)获取页面(html)元素; 1. 节点查询 API 1.1 document.querySelector() 选择第一个匹配的元素 1.2 document.querySelectorAll() 选择所有的匹配元素 2. 节点关系 API
阅读全文
摘要:百度: DOM 定义:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容 ; 通过dom来操作页面中的元素。当html页面被实现加载的时候
阅读全文
摘要:1. 去掉或样式丢失的时候能让页面呈现清晰的结构; 2. 有利于SEO的优化 ,提升搜索引擎的排名 3. 方便其它设备解析 , 设备根据语义标签渲染页面 4. 方便团队开发和维护 ,语义化标签增加了可读性 , 结构更加清晰 ,减少差异化 常见的语义化标签: header 头部 nav 导航 main
阅读全文
摘要:说明:数组是对象的一种形式 对象是包含属性 和 方法的集合 数组是只包含属性的对象 函数是只包含方法的对象 方法一:Array.isArray(parm) isArray返回值是布尔类型的 如果传进来的parm是数组,返回true,如果不是数组,则返回false; const arr = [] //
阅读全文
摘要:addEventListener(event,function,useCapture)不会覆盖 <script> const btn = document.querySelector('button') function fn1() { alert('第一次') } function fn2() {
阅读全文
摘要:src:都是引用资源 src:指向外部资源的位置 , 当浏览器解析到此元素时,会暂停其它资源的下载和处理 , 直到将该资源加载 , 编译 , 执行完毕 ,相当于将资源嵌入到文档中当前元素的所在的位置;source :源代码 所以js文件放到后面加载 href: 超文本引用 hyperText ref
阅读全文
摘要:定义对象: const obj = { name: 'zlx', id: 245, age: 25, gender: '男', } 1. 使用 for... in..循环遍历 对象的属性有2种方式可以访问 a)对象.属性名 b)对象.["属性名"] for (let inx in obj) { co
阅读全文
摘要:1. 基本框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport"
阅读全文
摘要:1. 时分秒转换 d = parseInt(总秒数 / 60 / 60 / 24) // 计算天数 h = parseInt((总秒数 / 60 / 60) % 24) // 计算小时 m = parseInt((总秒数 / 60) % 60) // 计算分数 s = parseInt(总秒数 %
阅读全文
摘要:区别 :三个等号我们称为等同符,当等号两边的值为相同类型的时候,直接比较等号两边的值,值相同则返回true,若等号两边的值类型不同时直接返回false。也就是说三个等号既要判断值也要判断类型是否相等,结果是布尔值 ; eg:1 ‘1’ 返回false 1 1 返回true ==:两个等号我们称为等值
阅读全文
摘要:基本数据类型 : number string boolean null undefined 引用数据类型: object --> function array function and array 都属于 object 叫做 函数对象 , 数组对象 区别: undefined 表示变量声明但未初始化
阅读全文
摘要:PS:可以用parseInt() 替代下面代码的Math.floor() /** * 生成 min - max 的随机数 * @param {*} min 小数 * @param {*} max 大数 * @returns 满足条件的任意数 */ function getRandom (min =
阅读全文
摘要:说明 :什么是双飞翼布局? 就是两侧的宽度固定,中间自适应; “双飞翼布局”可以比作一只天使,可以把center看成是鸟的身体,left和right则是天使的翅膀。这个布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方。(双飞翼的特点就是给天使的身体上在加上一个盔甲<一个div
阅读全文
摘要:说明:img是行内块元素,用一个盒子(父元素)嵌套img(子元素) text-align:center;可以让父元素为块元素的行内块或行内元素水平居中; vaertical-align:middle;让img元素垂直居中; 代码: <style> .fa { display: table-cell;
阅读全文
摘要:问题:输入中文时 如xin 新 会显示字数:1 2 3 1 这不是我们想要的 在输入xin 新 时 应该是 1 不能把 xin 计算进去 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv
阅读全文
摘要:方法1 使用子绝父相 定位 推荐 说明: 让父元素相对定位,因为要让子元素以父元素为参考对象,如果父元素不设置定位,子元素的参考对象就是整个页面document; 子元素绝对定位,top:50%;left:50%;都是相对父元素的高宽的50%设置的;最后一步分为2中实现代码:已知子元素高宽 和 未知
阅读全文