尔尔er-CSDN博客

原创 js练习题

1.sum1为奇数和，sum2为偶数和 var sum1 = 0, sum2 = 0, i = 1; while(i <= 100){ i % 2 ? sum2 += i : sum1 += i; i++; } console.log(sum1,sum2);2.页面弹出对话框你喜欢js吗(如果不输入喜欢无线循环) var str = prompt('你喜欢js吗？');

2021-08-16 16:24:14 499

一、数组1.数组的创建1.1 使用字面量创建数组var arr = [1, 2, 3];1.2 使用Array创建没有参数时，空数组参数只有一个且为数字，则创建的是num长度的数组参数只有一个但不是数字，则将参数放入数组中作为元素。多个参数，放入数组中作为元素。var arr1 = new Array();var arr2 = new Array(6);var arr3 = new Array('尔尔er')var arr4 = new Array(1, 2, 3);2.数组的

2021-08-12 10:53:34 224

原创 JS基本语法

JS基础JS分成三部分1.ES：ECMAScript，简称ES，称他为语法部分 ECMA：欧洲计算机制造商协会，制定了一套JS规则，JavaScript是对这套规则的具体体现2.DOM：JS高级编程，DocumentObjectModel, 文档对象模型，用来操作页面的3.BOM：BrowserObjectModel, 浏览器对象模型，用来操作浏览器的js是解释性的语言，V8引擎JS的运行环境：JS解释器浏览器中集成了JS解释器Node.js：集成了JS解释器JS存在价值：1.在用户

2021-08-10 19:10:18 5799

原创弹性盒子模型

弹性盒就是自由伸缩的盒子，通常在移动端排版当中，适配屏幕是非常繁琐的事情，是因为各个终端屏幕和像素都不一样，弹性盒能够帮助我们快速适配各个不同的屏幕弹性盒的主要属性:弹性盒子的属性display:flex; //将当前元素变成弹性盒inline-flex;-webkit-flex ;将盒子转化为弹性盒以后，那么盒子内的元素会默认排成一行;定义盒子内的元素的排列方向flex-direction:row:排成行，也是默认值;row-reverse:以相反的方向排成一行;column

2021-08-06 08:56:46 127

原创 CSS基础

CSS基础1. CSS引入方式三种方式优先级遵循就近原则，同一个元素，并且同一个样式，才有优先级1.1 行内样式表在行内用style属性写CSS缺点：使htm容器和css样式冗杂在一起，不利于开发<span style="color: red;">中国最美散文</span>1.2.内部样式表放在head标签中,需要用到style标签，选择器“选择器名{key:value;}”，可以使css和html分开。<style> span{

2021-08-04 09:21:55 363

原创 HTML5

文档类型设定快捷方式生成：html:5 或 !<!DOCTYPE html>字符设定<meta charset="UTF-8">常用的新标签 <header class="head">顶部</header> <nav class="mynav"> <div>导航栏</div> </nav> <article>定义文章</article

2021-07-27 19:30:42 128

原创 10种盒子垂直水平居中方案.

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-07-26 20:24:20 72

原创 HTML基础

HTML基础SEO–搜索引擎优化达到广告点击、销售产品/服务，提升品牌的建设HTML发展史1991年HTML->1993HTML+ ->1995年HTML2.0->1997年1月HTML3.2->1997年1月HTML4.0->2014年HTML5五大浏览器IE、火狐、谷歌、Safari、Opera浏览器组成：浏览器的外壳+浏览器内壳(渲染引擎+JS引擎）五大浏览器内核浏览器渲染引擎IE TridentFirefox GeckoChrome Blink

2021-07-26 19:02:51 842

尔尔er的博客