人间人间啊-CSDN博客

原创 promise异步转化为同步，用async/await结合

在开发过程中，经常需要会遇到在服务器异步获取数据，然后再操作这些数据的情况如下所示的情景，如果只是顺序地书写代码，因为JS执行机制的原因，会导致数组添加数据的操作在获取到数据之前执行，导致数组中添加的不是我们想要的数据let name = "";let arr = [];getName();addData();function addData() { arr.push(name); console.log(arr); // ['']}// 模拟服务器异步...

2022-03-08 19:39:34 1962

原创 Jquery链式调用

在jQuery中，如果一直对同一个元素或元素的其他关系元素（兄弟元素，父子元素）进行操作，那么可以使用 .语法(点语法)，一直写下去。$("#box").css("background", "pink").siblings().css("background", "red");总结：实现链式编程的核心，是对象中的每一个方法都会返回当前对象。 var 对象 = { 方法名:function(){ // … return this; // 实现链式编程的核心this } } 在方法中

2022-03-03 19:49:59 1267

原创 HTML5和CSS3新增属性

新增选择器E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素E:nth-of-type(n)：匹配父元素的第n个类型为E的子元素CSS圆角设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px;同时分别设置四个角： border-radius:30px 60px 120px 150px;设置四个圆角相同：border-radius:50%;css阴影box-shadow：h-shadow v-sh..

2022-03-03 19:44:17 123

原创数组与函数

1.数组1、数组的定义所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。2、通过数组字面量创建数组//创建一个空数组vararr1=[];//创建一个包含3个数值的数组，多个数组项以逗号隔开vararr2=[1,3,4];//创建一个包含2个字符串的数组vararr3=['a','c'];//可以通过数...

2021-11-25 21:54:37 509

原创变量、数据类型、运算

1.JavaScript介绍、JavaScript是什么 1、JavaScript的历史Netscape（网景）在最初将其脚本语言命名为LiveScript，是布兰登.艾克发明的。后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的.

2021-11-21 17:04:22 76

原创 CSS3弹性布局、响应式布局、PS

1.响应式Web设计-Viewport响应式布局是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点：面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况(1)、什么是Viewportviewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。手机

2021-11-21 17:04:08 396

原创 CSS3渐变、过渡、转换、动画

1.CSS3渐变(1)、什么是渐变CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。CSS3定义了两种类型的渐变（gradients）：(2)、CSS3渐变的分类线性渐变（LinearGradients）-向下/向上/向左/向右/对角方向径向渐变（radial-gradient）-由它们的中心定义(3)、CSS3线性渐变为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）。1、从上到

2021-11-21 17:03:50 369

原创 CSS3选择器、边框、背景、按钮

1.CSS3概述(1)、CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷动画圆角阴影边框图片…(2)、CSS3现状1、浏览器支持程度差，需要添加私有前缀-webkit-谷歌safari-moz-火狐-ms-IE2、移动端支持优于PC端3、不断改进中4、应用相对广泛2.CSS3选择器CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。CS

2021-11-21 17:03:33 341

原创高级技巧1

1.元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！(1)、displaydisplay设置对象是否显示、如何显示。display:none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。..

2021-11-21 17:03:11 95

原创浮动与定位

1.浮动(1)、标准流这个单词很多人翻译为文档流，字面翻译普通流或者标准流都可以。html语言当中另外一个相当重要的概念----------标准流！或者普通流。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。前面我们说过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。

2021-11-21 17:02:53 143

原创 CSS三大特性与盒子模型

1.行高的测量做法就是：文字的行高等于盒子的高度。2.CSS三大特性层叠继承优先级(1)、CSS层叠性1.样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。2.样式不冲突，不会层叠(2)、CSS继承性所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。简单的理解就是：子承父业。注意：恰当地使用继承可以简化代码，降低CSS样式的复杂性。子元素可以继承父元素的...

2021-11-21 17:02:34 136

原创 CSS选择器与标签的分类

1.复合选择器(1)、交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。

2021-11-21 17:01:41 178

原创表单类型、多媒体与CSS初始

表单的input输入类email验证邮箱<input type="email">  <br>输入email格式，email类型用于应该包含e-mail地址的输入域。url只能输入url格式，url类型用于应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。验证url必须是http或者https开头 <input type="url">...

2021-11-21 17:01:09 95

原创表单111

表单的input输入类email验证邮箱<input type="email">  <br>输入email格式，email类型用于应该包含e-mail地址的输入域。url只能输入url格式，url类型用于应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。验证url必须是http或者https开头 <input type="url">...

2021-11-21 17:00:20 199

原创表格标签，

多用于处理显示数据结构：<table> <tr> <th></th> </tr> <tr> <td></td>

2021-11-20 16:33:07 624

原创 HTML + CSS3

开发工具：编辑器：DW（dreamweaver）,subllime, Webstorm,Hbuider , vscode 浏览器：IE（内核是Trident）、火狐（Firefox）（内核是Gecko）、谷歌（Chrome）（内核是Blink）、Safari（内核是Webkit）和Opera（内核也是Blink）等。我们平时称为五大浏览器。浏览器内核有两部分：渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等）...

2021-11-01 19:56:09 259

weixin_61650602的博客