08 2020 档案

摘要:1、定义:从数组和对象中提取值,对变量进行赋值 2、数组的解构赋值 1、解构赋值可以嵌套 2、不完全解构 · 3、赋值不成功,变量的值为undefined 4、允许设定默认值 3、对象的解构赋值 1、对象的解构赋值 2、如果变量找不到与其名字相同的属性,就会赋值不成功 3、 4、解构赋值可以嵌套 5 阅读全文
posted @ 2020-08-31 21:08 靡荼 阅读(171) 评论(0) 推荐(0)
摘要:步骤一:制作ES6文件 新建一个html文件,取名为:ES6.html,加上含有ES6新特性的代码。 步骤二:测试const兼容性 在chrome浏览器(版本不能太低)运行ES6.html,会正常运行,弹出“张三”。 接下来在IE9中可以看到以下结果: 步骤三:安装node 步骤四:检测node是否 阅读全文
posted @ 2020-08-31 21:03 靡荼 阅读(286) 评论(0) 推荐(0)
摘要:1、let 作用:声明变量 特点:1.没有变量提升 例: function fn1(){ console.log(num); let num =1; } fn1(); //Cannot access 'num' before initialization 2.有块级作用域 例: for(let i  阅读全文
posted @ 2020-08-31 20:49 靡荼 阅读(226) 评论(0) 推荐(0)
摘要:1、模板字符串 2、字符串常用方法 1、repeat() 重复,参数为重复次数 2、includes() 表示是否包含某一项,有就返回true 没有就返回false,同时支持第二个参数,代表从第几项开始查找(从索引值开始计算)。 3、startsWith() 表示是否是开始位置,同时支持第二个参数, 阅读全文
posted @ 2020-08-31 20:45 靡荼 阅读(138) 评论(0) 推荐(0)
摘要:一、单选题(针对以下题目,请选择最符合题目要求的答案。针对每一道题目,所有答案都选对,则该题得分,所选答案错误或不能选出所有答案,则该题不得分。每题2.5分,共80分。)1.Bootstrap插件全部依赖是()A.JavaScriptB.JQueryC.AngularJSD.NodeJS2.栅格系统 阅读全文
posted @ 2020-08-28 17:02 靡荼 阅读(2762) 评论(0) 推荐(0)
摘要:if中的条件会被自动转为Boolean类型 * 会被转为false的数据 * 会被转为true的数据 参与+运算都会被隐式的转为字符串 * 会被转为空字符串的数据 * 会被转为字符串的数据 * 会被转为数据类型标记的数据 参与*运算都会被隐式的转为数字 * 会被转为0的数据 * 会被转为1的数据 * 阅读全文
posted @ 2020-08-26 21:57 靡荼 阅读(158) 评论(0) 推荐(0)
摘要:1、定义:触发--><--响应 2、事件的三要素 ① 事件源:被触发的元素 ② 事件的类型: (1)鼠标事件:单击、双击、鼠标移入、移出 (2)键盘事件:按下、抬起 (3)window事件:加载完成、滚动条滚动 ③ 事件的响应程序:以函数返回 3、事件的写法 ① 内部script中书写 1) 事件源 阅读全文
posted @ 2020-08-26 21:56 靡荼 阅读(146) 评论(0) 推荐(0)
摘要:知识点一:webAPI介绍 1、API定义 ① 应用程序编程接口 ② 是一些预先定义的函数 alert() prompt() log() reverse() 2、目的 ① 提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节 3、注意: ① 任何语 阅读全文
posted @ 2020-08-26 21:54 靡荼 阅读(369) 评论(0) 推荐(0)
摘要:一、问答题1、Bootstrap是哪家公司研发的?Twitter2、什么是Bootstrap?以及为什么要使用Bootstrap?Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap具有移动设备优先、 阅读全文
posted @ 2020-08-24 22:12 靡荼 阅读(1341) 评论(0) 推荐(1)
摘要:知识点一:Bootstrap介绍1、Bootstrap是什么(1)、Bootstrap是当下最流行的前端框架(界面工具集);(2)、移动端优先的设计理念(3)、特点就是灵活简洁,代码优雅,美观大方;(4)、其目的是为了让Web开发更敏捷;(5)、是Twitter公司的两名前端工程师MarkOtto和 阅读全文
posted @ 2020-08-24 22:09 靡荼 阅读(143) 评论(0) 推荐(0)
摘要:使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 1、下面的是显示器屏幕的分辨率,,就是 阅读全文
posted @ 2020-08-24 21:45 靡荼 阅读(161) 评论(0) 推荐(0)
摘要:1、定义:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 2、下面是一个简单的LESS示例 1、新建一个HTML文件,引入外部css,css是由less动态生成 2、创建一个文件 style.less ,填写内容 3、控 阅读全文
posted @ 2020-08-22 20:44 靡荼 阅读(155) 评论(0) 推荐(0)
摘要:1、弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 2、flex-direction 属性 flex-direction 属性指定了弹性子 阅读全文
posted @ 2020-08-22 20:19 靡荼 阅读(332) 评论(0) 推荐(0)
摘要:知识点一:webAPI介绍 1、API定义 ① 应用程序编程接口 ② 是一些预先定义的函数 alert() prompt() log() reverse() 2、目的 ① 提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节 3、注意: ① 任何语 阅读全文
posted @ 2020-08-22 20:18 靡荼 阅读(117) 评论(0) 推荐(0)
摘要:知识点一:内置对象 1、对象的分类: ① 自定义对象:例如通过四种方式创建的对象 ② DOM对象:页面中的标签 ③ BOM对象:window/console ④ 内置对象:Math/Date/String/Array 2、内置对象 ① 开发者自行定义好的API ② 内置对象都是引用数据类型 3、数学 阅读全文
posted @ 2020-08-21 21:27 靡荼 阅读(413) 评论(0) 推荐(0)
摘要:1、为什么要有对象 ① 函数的参数如果特别多的话,可以使用对象简化 2、什么是对象 ① 万物皆对象 ② 对象是一个具体的事物,一个具体的事物就会有行为和特征 ③ 例如:车是一类事物,门口停的那辆车才是对象,特征:红色、四个轮子行为:驾驶、刹车 3、JavaScript中的对象 ① JavaScrip 阅读全文
posted @ 2020-08-21 21:25 靡荼 阅读(96) 评论(0) 推荐(0)
摘要:知识点一:CSS3动画 1、css3动画属性 属性 描述 C @keyframes 规定动画。 3 animation 所有动画属性的简写属性,除了 animation-play-state 属性。 3 animation-name 规定 @keyframes 动画的名称。 3 animation- 阅读全文
posted @ 2020-08-21 20:48 靡荼 阅读(146) 评论(0) 推荐(0)
摘要:知识点一:css3 2D转换 1、定义: CSS3转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状,大小和位置。 2D变换方法:translate()、rotate()、scale()、skew()、matrix()它们都在transform属性中 2、translat 阅读全文
posted @ 2020-08-21 20:47 靡荼 阅读(156) 评论(0) 推荐(0)
摘要:知识点一:函数 1、概念:具有相同的特定功能的代码封装在一起,就是函数 2、定义: ① 函数表达式 var $ = function () { console.log("函数表达式"); } ② 数的声明 function fn1() { console.log("函数的声明"); } 声明后的函数 阅读全文
posted @ 2020-08-20 21:29 靡荼 阅读(99) 评论(0) 推荐(0)
摘要:1、为什么要使用数组呢? ① 存储班级花名单,需要在内存中开辟过个空间,浪费内存空间。书写不方便 2、什么是数组? ① 将多个元素按照一定的顺序排列,放在一个集合中,那么这个集合就是数组。 ② 数组是有序的! 3、如何去定义? ① 字面量定义数组 ② var arr = []; ③ var arr1 阅读全文
posted @ 2020-08-20 21:27 靡荼 阅读(80) 评论(0) 推荐(0)
摘要:知识点一:流程控制 1、分类: 1、 流程控制:顺序结构、分支结构、循环结构 2、顺序结构:按照程序的书写顺序依次执行 3、 分支结构:根据不同的情况,执行对应代码 4、循环结构:重复做一件事情 知识点二:if语句 1、格式 if (判断语句) { 如果条件成立才执行 执行语句 } else if  阅读全文
posted @ 2020-08-20 21:26 靡荼 阅读(130) 评论(0) 推荐(0)
摘要:知识点一:数据类型 1、数据类型: (1)、基本数据类型:数字类型(Number)、字符串类型(String)、布尔类型(Boolean)、Undefined、null (2)、复杂数据类型:对象(Object) 2、Number ① 十进制 var num1 = -100.25; ② 十六进制 v 阅读全文
posted @ 2020-08-20 20:28 靡荼 阅读(170) 评论(0) 推荐(0)
摘要:1、响应式布局的优点 响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 优点: (1)面对不同分辨率设备灵活性强 (2)能够快捷解决多设备显示适应问题 缺点: (1)兼容各种设备工作量大,效率低下 (2)代码累赘,会出现隐藏无用的元素,加载时间加长 (3)其实这是一种折中性 阅读全文
posted @ 2020-08-20 20:11 靡荼 阅读(168) 评论(0) 推荐(0)
摘要:知识点一:渐变 1、线性渐变 (1)、从上到下(默认情况下) background: linear-gradient(red,green); 百分比:从0-10%填充红色,50%-100%填充绿色 background: linear-gradient(red 10%,green 50%); (2) 阅读全文
posted @ 2020-08-20 17:47 靡荼 阅读(200) 评论(0) 推荐(0)
摘要:知识点一:CSS3概述 1、CSS3简介 如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性,弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷动画圆角阴影边框图片… 2、CSS3现状 1、浏览器支持程度差,需要添加私有前缀 -webkit- 阅读全文
posted @ 2020-08-19 21:34 靡荼 阅读(107) 评论(0) 推荐(0)
摘要:1、属性选择器 [attribute] [target] 选择所有带有target属性元素 [attribute=value] [target=-blank] 选择所有使用target="-blank"的元素 [attribute^=value] a[src^="https"] 选择每一个src属性 阅读全文
posted @ 2020-08-19 21:31 靡荼 阅读(126) 评论(0) 推荐(0)
摘要:知识点一:H5拖拽 1、设置元素为可拖放 首先,为了使元素可拖动,把draggable属性设置为true: 2、拖动什么 ondragstart和setData() 然后,规定当元素被拖动时,ondragstart属性调用了一个函数,start(event),它规定了被拖动的数据。 在所有的拖放事件 阅读全文
posted @ 2020-08-18 20:54 靡荼 阅读(300) 评论(0) 推荐(0)
摘要:1、event兼容性写法 var ev=ev||window.event 2、clientWidth 兼容写法 document.documentElement.clientWidth||document.body.clientWidth 3、ev.target Var target=ev.srcE 阅读全文
posted @ 2020-08-18 08:43 靡荼 阅读(137) 评论(0) 推荐(0)
摘要:知识点一:H5简介 1、什么是HTML5 H4的新版本,增加了新的标签、新的属性、新的方法 2、HTML5的改进 (1)、新元素(2)、新属性(3)、完全支持CSS3(4)、Video和Audio(5)、2D/3D制图(6)、本地存储(7)、Web应用 知识点二:H5标签 1、新增的标签 (1)、< 阅读全文
posted @ 2020-08-17 21:00 靡荼 阅读(284) 评论(0) 推荐(1)
摘要:1、变量是什么? ① 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据 2、为什么要使用变量? ① 使用变量可以方便的获取或者修改内存中的数据 3、变量的使用 ① 变量的声明 var a; ② 变量的赋值 a= 10; ③ 直接声明并初始化 var b = 100; ④ 同 阅读全文
posted @ 2020-08-17 10:16 靡荼 阅读(107) 评论(0) 推荐(0)
摘要:1、JavaScript历史 ① 发明的公司:网景(livescript)--sun ② 发明人:布兰登-艾克 ③ java与JavaScript的关系:Java 服务器端的编程语言,JavaScript运行在客户端(浏览器)的编程语言,两者毫无关系 2、javascript是什么 ? JavaSc 阅读全文
posted @ 2020-08-17 10:13 靡荼 阅读(84) 评论(0) 推荐(0)
摘要:1、相对定位 1、定位:将元素固定到指定的位置上 2、组成:定位模式、边偏移 3、定位模式:相对定位 绝对定位 固定定位 4、边偏移:top顶端偏移量 left 左侧偏移量 right 右侧偏移量 bottom 底端偏移量 5、相对定位: 定义:相对于元素本身的位置 特点:不脱离标准流,占位置, 可 阅读全文
posted @ 2020-08-17 10:10 靡荼 阅读(506) 评论(0) 推荐(0)
摘要:1、为什么要用精灵图? (1) 在网页中引入图片,src的属性值是一个网址,会请求数据,需要时间 2、如何去减轻服务器压力,减少加载图片的时间 ① 图片的懒加载 ② 精灵图 3、CSS精灵图定义: ① CSS sprites ② 多个小图标放在一张图片上,然后通过背景方位去展示不同的小图标 4、使用 阅读全文
posted @ 2020-08-16 16:22 靡荼 阅读(221) 评论(0) 推荐(0)
摘要:1、元素的显示及隐藏 1、实现方式: ① display ② visibility ③ overflow 2、display ① 元素的隐藏 display: none; 1) 结论:元素本身还在DOM中,只是隐藏而已 2) 元素是不占位置的 ② 元素的显示 display: block; 1) 结 阅读全文
posted @ 2020-08-16 16:21 靡荼 阅读(2843) 评论(0) 推荐(0)
摘要:1、浮动 1、标准流(文档流):元素按部就班按照自身的特性排列 2、浮动定义:元素会脱离标准普通流的控制,移动到指定位置的过程 3、使用: (1) 左浮动:float:left (2) 右浮动:float:right 4、结论 (1) 浮动后的元素会脱离标准流,漂浮在其他没有浮动的盒子上边 (2) 阅读全文
posted @ 2020-08-16 16:14 靡荼 阅读(102) 评论(0) 推荐(0)
摘要:1、边框 1、CSS的三大重点:盒子模型、浮动、定位 2、 盒子模型:内容、边框、外边距、内边距 3、 网页布局本质:拼接盒子的过程 div +CSS 4、 边框 (1) 、边框属性:边框厚度、边框的颜色、边框的线条样式 (2) 、边框厚度:border-top-width(上) (3) 、边框的颜 阅读全文
posted @ 2020-08-16 16:07 靡荼 阅读(1193) 评论(0) 推荐(0)
摘要:1、背景:背景色、背景图 2、背景色 (1) 、英文单词 background-color: blue; (2) 、十六进制 background-color: #ff0000; (3) 、 RGB 红绿蓝 background-color: rgb(0, 255, 0); (4) 、rgba 红绿 阅读全文
posted @ 2020-08-16 16:02 靡荼 阅读(112) 评论(0) 推荐(0)
摘要:1、三大特性:层叠性、继承性、优先级 2、层叠性:就近原则 (1) 、 同类种选择器,第二个选择器相同样式会覆盖第一个选择器 (2) 、在同一个选择器中,相同的属性,以最后一个为准 3、继承性:所谓继承性是指书写CSS样式表时,子标签会继承父标签的某些样式。 4、优先级: a) 在同一个元素中 !i 阅读全文
posted @ 2020-08-16 15:56 靡荼 阅读(743) 评论(0) 推荐(0)
摘要:1、块状元素 1、元素《==》标签 2、标签的显示模式:块状元素、行内元素(内联元素)、行内块元素 3、块状元素: 4、div/h1-h6/p/ul/li/ol/dl/dd/dt/table/tr/td/caption/thead/tbody/form/textera/ 5、块状元素的特点:1、有默 阅读全文
posted @ 2020-08-16 15:51 靡荼 阅读(812) 评论(0) 推荐(0)
摘要:1、选择器:通过标识选择指定的元素,那么这个标识就是选择器 2、组成: 1、基本选择器: 标签选择器:标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式 ID选择器:id选择器使用“#”进行标识,后面紧跟id名 类名选择器:类选择器使用“.”(英文点号 阅读全文
posted @ 2020-08-16 15:45 靡荼 阅读(300) 评论(0) 推荐(0)
摘要:1、 为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 2、 CSS:(网页美颜相机) 层叠样式表 3、css的作用:用来美化网页的 4、css样式表 样式表:行内样式表 内部样式表 外部样式表 1、行内样式表(内联样式表):内嵌的标签中,通过style style是标签的属性 阅读全文
posted @ 2020-08-16 15:22 靡荼 阅读(127) 评论(0) 推荐(0)
摘要:知识点一:表格 1、表格标签 table 2、表格的组成 行 tr 单元格 td 3、建立表格步骤 1、建立表格, 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内容 4、表格的各大属性 cellspacing:边框与边框之间的距离 cellpadding:单元格内容与边框之间的 阅读全文
posted @ 2020-08-16 15:11 靡荼 阅读(170) 评论(0) 推荐(0)
摘要:1、标题标签 :h1-h6 head 特点:1、文本自动加粗加大 2、文本的字体大小与h后边的的数字成反比 3、自动换行 2、段落标签: p paragraph 特点:自动换行 3、水平线标签: hr horizon 特点:显示一条横线 单标签 4、换行标签 : br 特点:1、单标签 2、可以在文 阅读全文
posted @ 2020-08-16 14:44 靡荼 阅读(251) 评论(0) 推荐(0)
摘要:1、开发工具 编辑器: dw:省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用(最终选择它) 五大主流浏览器:火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器(最终选择它) Webkit-> 阅读全文
posted @ 2020-08-16 14:35 靡荼 阅读(71) 评论(0) 推荐(0)
摘要:HTML 1. <img>标签上title属性与alt属性的区别是什么? title:当光标移动到图片上,显示title属性 alt:图片不显示,显示alt属性 2. 分别写出以下几个HTML标签:文字加粗、下标、居中、字体 文字加粗:b strong 下标:sub 居中:center 字体:fon 阅读全文
posted @ 2020-08-14 21:13 靡荼 阅读(184) 评论(0) 推荐(0)
摘要:1、绑定事件: 1、bind(“事件类型”,回调函数) 2、$("p").bind("click",function(){ alert("这个段落被点击了。"); }); 3、on(“事件类型”,回调函数) 4、$("p").on("click",function(){ alert("段落被点击了。 阅读全文
posted @ 2020-08-14 11:29 靡荼 阅读(155) 评论(0) 推荐(0)
摘要:知识点一:JSONP数组 1、遍历JSON数组,打印数组中的元素 (1)for(var x in obj){ document.write(obj[x]);// x是索引 } (2)obj.forEach(function(value,index){ document.write(value); } 阅读全文
posted @ 2020-08-13 20:22 靡荼 阅读(92) 评论(0) 推荐(0)
摘要:知识点一:$.ajax()、$.get()、$.post()方法 1、$.ajax() $.ajax({ //请求地址url url:’’, //请求方式:post、get type:’get’, //请求参数 data:{}, //设置数据的传输格式(可选) contentType:’’, //发 阅读全文
posted @ 2020-08-13 20:20 靡荼 阅读(105) 评论(0) 推荐(0)
摘要:一、ajax定义 ajax是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。ajax=异步JavaScript和XML(AsynchronousJavaScriptandXML)。 二、ajax的原理: 1、创建对象 兼容性问题: Var xmlhttp; if(wind 阅读全文
posted @ 2020-08-13 12:00 靡荼 阅读(85) 评论(0) 推荐(0)
摘要:1、jQuery隐藏显示:可以使用hide()和show()方法来隐藏和显示HTML元素。 1、show()显示 2、hide()隐藏 不占位置 本质是在行内样式表中添加了display:none样式 3、toogle() 切换显示隐藏 4、(1)$("#hide").click(function( 阅读全文
posted @ 2020-08-12 08:49 靡荼 阅读(119) 评论(0) 推荐(0)
摘要:1.javascript的typeof返回哪些数据类型. 答案:string,boolean,number,undefined,function,object 2.例举3种强制类型转换和2种隐式类型转换? 答案:强制(parseInt,parseFloat,number) 隐式( ) 3.split 阅读全文
posted @ 2020-08-11 21:17 靡荼 阅读(587) 评论(0) 推荐(0)
摘要:知识点一:jQuery css()方法 1、css()方法是什么? css()方法设置或返回被选元素的一个或多个样式属性。 2、返回CSS属性 1、$("p").css("background-color"); 2、注意:css()不仅可以返回本身的属性值,也可以返回通过Js添加的属性值。 3、设置 阅读全文
posted @ 2020-08-11 20:39 靡荼 阅读(1171) 评论(0) 推荐(0)
摘要:1、回顾事件三要素 1、事件源 2、事件类型 3、事件处理程序 2、Js中this与jquery中this区别 Js:this.css(“background-color”,“red”) Jquery:$(this).css(“background-color”,“red”) 3、鼠标事件 1、单击 阅读全文
posted @ 2020-08-11 20:15 靡荼 阅读(67) 评论(0) 推荐(0)
摘要:1、回顾CSS选择器 基本选择器:标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器 复杂选择器:子代选择器、后代选择器、交集选择器、并集选择器 伪类选择器:a:link a :hover a:active a:visited 2、什么是jQuery选择器? 1、jQuery 选择器允许 阅读全文
posted @ 2020-08-11 20:13 靡荼 阅读(141) 评论(0) 推荐(0)
摘要:知识点一:jQuery对HTML的设置与捕获 1、text():设置或返回所选元素的文本内容 返回:$("#btn1").click(function(){ alert("Text:"+$("#test").text()); }); 设置:$("#btn1").click(function(){ $ 阅读全文
posted @ 2020-08-11 11:52 靡荼 阅读(120) 评论(0) 推荐(0)
摘要:jQuery插件 jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。 jquery有着丰富的插件,使用这些插件能给jquery提供一些额外的功能。 1、jquery.color.js的使用 (1)、引入js文件 jquery中的animate动画本身不支持变色,但是jquer 阅读全文
posted @ 2020-08-10 16:33 靡荼 阅读(190) 评论(0) 推荐(0)