随笔档案「2020年8月」 - 飄落的葉子

es6 常用方法

摘要：模板字符串</head> <body> <div id="div1"> <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </div> </body> <script> // var res = '<table>< 阅读全文

posted @ 2020-08-31 22:48 飄落的葉子阅读(198) 评论(0) 推荐(0)

es6解构赋值

摘要：定义：从数组和对象中提取值，对变量进行赋值 1、数组的解构赋值（1）.解构赋值可以嵌套 let [a,[b,c],[d,e]] = [11,[12,13],[14,15]]; console.log(a,b,c,d,e);//11，12，13，14，15 （2）.不完全解构当左边的模式（你可以理阅读全文

posted @ 2020-08-31 22:40 飄落的葉子阅读(454) 评论(0) 推荐(0)

兼容性（2）

摘要：利用nodejs进行bable导入启动命令提示符窗口并且输入：npm install babel-core@5，然后回车使用，然后用ie9打开测试引入 <script src="./node_modules/babel-core/browser.min.js"></script> <scrip 阅读全文

posted @ 2020-08-31 22:29 飄落的葉子阅读(88) 评论(0) 推荐(0)

const (常量的使用)

摘要：const 声明常量 1、不能重复声明常量名 // var num = 10; // const num = 15; // console.log(num) //Identifier 'num' has already been declared 2、声明后必须赋值字符串，数字布尔值等基本数据类阅读全文

posted @ 2020-08-31 22:25 飄落的葉子阅读(250) 评论(0) 推荐(0)

let的用法以及与var 区别

摘要：let特点: 1.没有变量提升，具有块级作用域 2.不同重复同一个变量 3.函数内不能用let重新声明函数的参数 4. 定义的变量块级作用域。一个花括号一个块 // let与var的区别不能重复定义相同的变量名，//报错 Identifier 'num' has already been decl 阅读全文

posted @ 2020-08-31 22:17 飄落的葉子阅读(251) 评论(0) 推荐(0)

es6初识之ECMAScript

摘要：1. ECMAScript介绍 1.1 ECMAScript是什么？很多初学者都很困惑，ECMAScript是什么？它跟JavaScript有什么关系？之前我们学习JavaScript的时候有说过，js是由三部分组成，分别是ECMAScript，BOM,DOM，可见ECMAScript是js的组成阅读全文

posted @ 2020-08-31 22:07 飄落的葉子阅读(186) 评论(0) 推荐(0)

bootstrap考试题

摘要：Bootstrap模块考试题一、单选题(针对以下题目，请选择最符合题目要求的答案。针对每一道题目，所有答案都选对，则该题得分，所选答案错误或不能选出所有答案，则该题不得分。每题2.5分，共80分。) 1.Bootstrap插件全部依赖是() A.JavaScript B.JQuery C.Ang 阅读全文

posted @ 2020-08-28 21:33 飄落的葉子阅读(3163) 评论(0) 推荐(0)

数组和字符串方法

摘要：// 数组常用方法 // 1、定义数组 new Array () var arr = new Array(1, 2, 3, 4) // 判断是不是数组 // is Array() // 2、valueOf() 返回原始值 console.log(arr.valueOf()) // 3、增加和删除p 阅读全文

posted @ 2020-08-26 22:18 飄落的葉子阅读(207) 评论(0) 推荐(0)

bootstrap

摘要：详情请看https://www.bootcss.com/ 阅读全文

posted @ 2020-08-25 22:03 飄落的葉子阅读(97) 评论(0) 推荐(0)

Bootstrap面试题

摘要：一、问答题 1、Bootstrap是哪家公司研发的？ Twitter 2、什么是Bootstrap？以及为什么要使用Bootstrap？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 Bootstr 阅读全文

posted @ 2020-08-24 22:11 飄落的葉子阅读(765) 评论(0) 推荐(0)

h5+css3 考试题

摘要：1、css3实现圆角属性？阴影？边框图片？答：border-radius: 百分比和像素 box-shadow : 水平方向阴影垂直方向的阴影阴影模糊程度颜色 border-image 2、对文字添加阴影属性？线性渐变？旋转？答： text-shadow : 水平方向阴影垂直方向阅读全文

posted @ 2020-08-24 22:08 飄落的葉子阅读(986) 评论(0) 推荐(0)

less安装与使用

摘要：less安装与使用定义：Less 是一门 CSS 预处理语言，Less 可以运行在 Node 或浏览器端。优点： 1、可以运行在Node或浏览器端， 2、增加了变量、Mixin、函数等特性 3、使css更加维护和扩展。 4、结构清晰，便于扩展 5、可以方便地屏蔽浏览器私有语法差异 6、可以轻松实阅读全文

posted @ 2020-08-23 10:02 飄落的葉子阅读(255) 评论(0) 推荐(0)

css3(四)响应式 Web 设计 - 媒体查询

摘要：(1) 、定义和使用使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 (2) 、CSS 阅读全文

posted @ 2020-08-22 21:03 飄落的葉子阅读(107) 评论(0) 推荐(0)

css3(三)弹性布局

摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 ( 阅读全文

posted @ 2020-08-22 20:18 飄落的葉子阅读(205) 评论(0) 推荐(0)

css3(三)多列布局

摘要：css多列属性属性描述 column-count 指定元素应该被分割的列数。 column-fill 指定如何填充列 column-gap 指定列与列之间的间隙 column-rule 所有 column-rule-* 属性的简写 column-rule-color 指定两列间边框的颜色 col 阅读全文

posted @ 2020-08-21 22:11 飄落的葉子阅读(166) 评论(0) 推荐(0)

CSS3(三)3D 转换

摘要：(1) 、3D 转换 CSS3 允许您使用 3D 转换来对元素进行格式化。在本节中，您将学到其中的一些 3D 转换方法： rotateX() rotateY() (2) 、rotateX() 方法 rotateX()方法，围绕其在一个给定度数X轴旋转的元素 div { transform: rot 阅读全文

posted @ 2020-08-21 21:58 飄落的葉子阅读(168) 评论(0) 推荐(0)

css(三) 2D转换

摘要：(1)、什么是CSS3 转换 CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状，大小和位置。 (2) 、2D转换在本章您将了解2D变换方法： translate() 平移 rotate() 旋转 scale() 缩放 skew() 伸缩 matrix() 阅读全文

posted @ 2020-08-21 21:50 飄落的葉子阅读(149) 评论(0) 推荐(0)

css3(四) web

摘要：CSS3响应式布局响应式布局的优点响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素阅读全文

posted @ 2020-08-21 08:41 飄落的葉子阅读(145) 评论(0) 推荐(0)

css3(二) 过渡和分页

摘要：1、定义过渡是元素从一种样式逐渐改变为另一种的效果（1）指定要添加效果的CSS属性（2）指定效果的持续时间默认值是0。没有任何效果 div{ transition:width 2s; -webkit-transition:width 2s;/*Safari */} 如果未指定的期限，tra 阅读全文

posted @ 2020-08-21 08:30 飄落的葉子阅读(180) 评论(0) 推荐(0)

css3(二)背景

摘要：CSS3中包含几个新的背景属性，提供更大背景元素控制。在本章您将了解以下背景属性：background-imagebackground-sizebackground-originbackground-clip(1)、background-image属性CSS3中可以通过background-imag 阅读全文

posted @ 2020-08-21 08:21 飄落的葉子阅读(115) 评论(0) 推荐(0)

css(二) 渐变

摘要：一、渐变的定义 CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用CSS3渐变（gradients），你可以减少下载的时间和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览阅读全文

posted @ 2020-08-20 20:43 飄落的葉子阅读(139) 评论(0) 推荐(0)

css3(一)

摘要：1、CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷动画圆角阴影边框图片… 2、CSS3现状 1、浏览器支持程度差，需要添加私有前缀 -webkit- ：谷歌、Safari - 阅读全文

posted @ 2020-08-19 22:29 飄落的葉子阅读(99) 评论(0) 推荐(0)

css3选择器总结

摘要：一、基本选择器 1、通配符选择器 *{marigin: 0; padding: 0; } 2、类名选择器（1）选择指定 class 属性值为“class”的任意类型的任意多个元素。比如下面给使用了 important 这个类名的元素设置样式。（2）类选择器还可以结合元素选择器来使用。比如我们有好阅读全文

posted @ 2020-08-19 22:09 飄落的葉子阅读(733) 评论(0) 推荐(0)

兼容性问题（1）

摘要：兼容性总结： 1、event兼容性写法 var ev=ev||window.event 2、clientWidth 兼容写法 document.documentElement.clientWidth||document.body.clientWidth 3、ev.target Var target= 阅读全文

posted @ 2020-08-18 23:47 飄落的葉子阅读(162) 评论(0) 推荐(0)

HTML（二）

摘要：// 模糊查询 <style> #div1{ width: 200px; height: 200px; border: 10px dashed greenyellow; display: none; } </style> </head> <body> <input type="text" id="i 阅读全文

posted @ 2020-08-18 21:53 飄落的葉子阅读(121) 评论(0) 推荐(0)

HTML5(一)

摘要：HTML5初识 HTML5是继htnl\html4.01后下一代，设计目的是为了在移动设备上支持多媒体，简单易学。优点提高可用性和改进用户的友好体验。有几个新的标签，这将有助于开发人员定义重要的内容。可以给站点带来更多的多媒体元素(视频和音频)。可以很好的替代FLASH和Silverlig 阅读全文

posted @ 2020-08-18 08:52 飄落的葉子阅读(134) 评论(0) 推荐(0)

定位

摘要：1、定位：将元素固定到指定的位置上，包括定位模式和边偏移定位模式：静态定位相对定位、绝对定位、固定定位边偏移：顶、左、右、底（top,left,right,bottom）（1）相对定位: 相对于元素本身位置 position: relative; top: 30px； left:100p 阅读全文

posted @ 2020-08-16 21:09 飄落的葉子阅读(163) 评论(0) 推荐(0)

css补充

摘要：叠放次序：z-index：数字 1、z-index 默认属性值是0，取值如越大，定位元素在层叠元素中越居上 2、如果取值相同，则根据书写顺序，后来居上 3、z-index 后数字不能加单位 4、只有相对定位、绝对定位、固定定位有此属性，标准流、浮动、静态定位都无此属性，故不可指定该属性。显示与隐藏阅读全文

posted @ 2020-08-16 21:05 飄落的葉子阅读(77) 评论(0) 推荐(0)

css的布局与版心布局

摘要：css版心布局 1、css中的布局有：常见的布局方式：固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2、多种等高布局 a. 假等高列：使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假像 b. 给容器div使用单独的背景色（固定布局）阅读全文

posted @ 2020-08-16 20:44 飄落的葉子阅读(207) 评论(0) 推荐(0)

背景

摘要：背景 1、背景：背景色、背景图 2、背景色 (1) 、英文单词 (2) 、十六进制 #ff0000; (3) 、 RGB 红绿蓝 (4) 、rgba 红绿蓝透明度 rgba(255, 0, 0, 0.5); ① 取值范围0-1 ② 1是完全不透明，0是完全透明 (5) 、补充透明度 opacity 阅读全文

posted @ 2020-08-16 20:32 飄落的葉子阅读(180) 评论(0) 推荐(0)

浮动与清除浮动

摘要：浮动：float:left/float:right 标准流（文档流）：元素按部就班按照自身的特性排列。浮动：元素会脱离标准普通流的控制，移动到指定位置的过程结论（浮动的特征）：浮动后的元素会脱离标准流，漂浮在其他没有浮动的盒子上边浮动后的元素不占有原来的位置浮动后的两个块状元素会在同一行显阅读全文

posted @ 2020-08-16 20:22 飄落的葉子阅读(123) 评论(0) 推荐(0)

盒子模型

摘要：盒子模型之边框 1、CSS的三大重点：盒子模型、浮动、定位 2、盒子模型：内容、边框、外边距、内边距 3、网页布局本质：拼接盒子的过程 div +CSS 4、边框 (1) 、边框属性：边框厚度、边框的颜色、边框的线条样式 (2) 、边框厚度：border-top-width（上） (3) 、边阅读全文

posted @ 2020-08-16 20:00 飄落的葉子阅读(108) 评论(0) 推荐(0)

css三大特性

摘要：1、三大特性：层叠性、继承性、优先级 2、层叠性：就近原则 (1) 、同类种选择器,第二个选择器相同样式会覆盖第一个选择器 (2) 、在同一个选择器中，相同的属性，以最后一个为准 3、继承性:所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式。 4、优先级： a) 在同一个元素中 !i 阅读全文

posted @ 2020-08-16 19:53 飄落的葉子阅读(91) 评论(0) 推荐(0)

css 选择器以及块状元素行内元素行内块元素的转换

摘要：知识点一：选择器 1、选择器：通过标识选择指定的元素，那么这个标识就是选择器 2、组成：基本选择器：标签选择器、ID选择器、类名选择器、多类名选择器、通配符选择器复杂选择器：子代选择器、后代选择器、交集选择器、并集选择器伪类选择器： :link :hover :active :visited 阅读全文

posted @ 2020-08-16 19:48 飄落的葉子阅读(675) 评论(0) 推荐(0)

css初始

摘要：为什么要用CSS:使用标签中的属性去改变元素的样式会使页面显得瘫痪臃肿 CSS：（网页美颜相机）层叠样式表作用：用来美化网页的样式表样式表：行内样式表内部样式表外部样式表行内样式表（内联样式表）：内嵌的标签中，通过style style是标签的属性、属性值是多个样式 px:像素单位阅读全文

posted @ 2020-08-16 19:45 飄落的葉子阅读(88) 评论(0) 推荐(0)

jQuery对html的捕获以及尺寸设置

摘要：1、jQuery 对HTML的设置与捕获 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 (1) 、html() html() - 设置或返回所选元素的内容（包括 HTML 标记）。 $("#btn2" 阅读全文

posted @ 2020-08-16 17:47 飄落的葉子阅读(113) 评论(0) 推荐(0)

html表格和表单

摘要：知识点一：表格 1、表格标签 table 2、表格的组成行 tr 单元格 td 3、建立表格步骤 1、建立表格， 2、判断行数和列数 3、用行去包含单元格 4、在每个单元格中去添加内容 4、表格的各大属性 cellspacing：边框与边框之间的距离 cellpadding:单元格内容与边框之间的阅读全文

posted @ 2020-08-16 17:44 飄落的葉子阅读(89) 评论(0) 推荐(0)

html初始

摘要：1、开发工具编辑器： dw：省事儿、控件的拖动 sublime:文艺青年喜欢用 webstorm:编辑快速 Hbuilder:快、生成安装包 Vscode:逻辑性高、各个公司都用（最终选择它）五大主流浏览器：火狐浏览器 ————因为内核不同 Geoko 谷歌浏览器（最终选择它） (之前是Webk 阅读全文

posted @ 2020-08-16 17:24 飄落的葉子阅读(78) 评论(0) 推荐(0)

jQuery 插件

摘要：jQuery插件 jquery不可能包含所有的功能，我们可以通过插件扩展jquery的功能。 jquery有着丰富的插件，使用这些插件能给jquery提供一些额外的功能。 1、jquery.color.js的使用 (1)、引入js文件 jquery中的animate动画本身不支持变色，但是jquer 阅读全文

posted @ 2020-08-16 17:04 飄落的葉子阅读(144) 评论(0) 推荐(0)

jQuery事件

摘要：(1)、什么是事件 1、页面对不同访问者的响应叫做事件。 2、实例：在元素上移动鼠标、选取单选按钮、点击元素复习事件：事件三要素 1、事件源 2、事件类型 3、事件的处理程序(以函数返回) (1)、事件语法 1、单击事件 $("p").click(function(){ // 动作触发后执行的代阅读全文

posted @ 2020-08-16 16:38 飄落的葉子阅读(103) 评论(0) 推荐(0)

jQuery的选择器

摘要：jQuery选择器 **1. 什么是jQuery选择器** 1、jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 2、jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。 3、jQuery 选择阅读全文

posted @ 2020-08-15 22:15 飄落的葉子阅读(108) 评论(0) 推荐(0)

jQuery 效果

摘要：1、jQuery css() 方法 (1)、jQuery css() 方法是什么 css() 方法设置或返回被选元素的一个或多个样式属性。 (2)、返回 CSS 属性如需返回指定的 CSS 属性的值，请使用如下语法： css("propertyname"); $("p").css("backgro 阅读全文

posted @ 2020-08-15 21:59 飄落的葉子阅读(86) 评论(0) 推荐(0)

jQuery 入口函数与 JavaScript 入口函数的区别

摘要：jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。 JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。阅读全文

posted @ 2020-08-15 21:49 飄落的葉子阅读(91) 评论(0) 推荐(0)

jQuery 基础

摘要：**1. 定义：什么是jQuery？** 1、jQuery是一个JavaScript函数库。 2、jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 3、jQuery库包含以下功能：HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和HT 阅读全文

posted @ 2020-08-15 21:47 飄落的葉子阅读(96) 评论(0) 推荐(0)

html和css面试题

摘要：HTML 1. <img>标签上title属性与alt属性的区别是什么？ title:当光标移动到图片上，显示title属性 alt:图片不显示，显示alt属性 2. 分别写出以下几个HTML标签：文字加粗、下标、居中、字体文字加粗：b strong 扩充倾斜标签 i em 下划线 u ins 阅读全文

posted @ 2020-08-15 21:10 飄落的葉子阅读(224) 评论(0) 推荐(0)

json和跨域

摘要：1、json javaScript Object Notation(javaScript 对象表示法） json是存储和交换文本信息的语法，类似XML json是轻量级的文本数据交换格式 2、JSON遍历数组例：var jsonObj = { "name": "成霄","age": 22,"he 阅读全文

posted @ 2020-08-14 21:03 飄落的葉子阅读(187) 评论(0) 推荐(1)

jQuery的ajax

摘要：1、ajax的定义 Ajax是与服务器交换数据是技术，它在不重载全部页面是情况下，实现了对部分网页的更新。 Ajax =异步JavaScript和XML(Asynchronous JavaScript and XML) 简单的说，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示阅读全文

posted @ 2020-08-14 20:51 飄落的葉子阅读(175) 评论(0) 推荐(1)

ajax请求状态码以及页面请求状态码

摘要：ajax的状态码：0-5 4• 0: 请求未初始化• 1: 服务器连接已建立 • 2: 请求已接收 • 3: 请求处理中 • 4: 请求已完成，且响应已就绪http的状态码:status 200 1** 2** 3** 4** 5** 100——客户必须继续发出请求 101——客户要求服务器根据请求阅读全文

posted @ 2020-08-14 20:39 飄落的葉子阅读(182) 评论(0) 推荐(0)

ajax 基础

摘要：一、定义 1、AJAX(AsynchronousJavaScriptandXML)异步的JavaScript和XML。2、AJAX不是新的编程语言，而是一种使用现有标准的新方法。3、AJAX最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。4、AJAX可以使网页实现异阅读全文

posted @ 2020-08-14 19:26 飄落的葉子阅读(79) 评论(0) 推荐(0)

布局的几种方式

摘要：（静态布局、流式布局、自适应布局、响应式布局、弹性布局）一、静态布局页上的所有元素的尺寸一律使用px作为单位 1.布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度阅读全文

posted @ 2020-08-14 11:16 飄落的葉子阅读(372) 评论(0) 推荐(0)

js、jquery面试题总结

摘要：1.javascript的typeof返回哪些数据类型.答案：string,boolean,number,undefined,function,object 检测数据数据类型的方式 2.例举3种强制类型转换和2种隐式类型转换?答案：强制（parseInt,parseFloat,number）隐式（= 阅读全文

posted @ 2020-08-14 08:11 飄落的葉子阅读(294) 评论(0) 推荐(0)