wenwench-优快云博客

原创 2020-11-08

案例：表格的全选以及取消全选核心思想：1.全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可 2.下面的复选框需要全部选中，上面的全选才能选中做法：给下面所有的复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没有选中的，如果有一个没有选中的，上面全选就不选中 ...

2020-11-17 14:11:29 175

排他思想：我们想要某一个元素实现某种样式，需要用到循环的排他思想： 1.所有元素全部清楚样式 2.给当前元素设置样式（留下我自己） 3.注意顺序不能颠倒，首先干掉其他人，再设置自己 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-

2020-11-08 15:40:44 317 1

原创 2020-11-04|操作元素修改element.style|element.className

操作元素 4.4样式属性大小我们；：可以通过js修改元素的大小，颜色和位置使用element.style修改 element.style //行内样式操作适用于要修改的不多 element.className //类名样式操作适用于要修改的样式很多的情况下 <div> 我是盒子 </div> div { width: 200px; height: 200p

2020-11-04 22:00:45 2360

原创 2020-10-30DOM|获取表单元素|修改表单元素属性

webapls简介导读：学习目标：能够说出webapi阶段与javascript语法阶段的关联性能够说出什么是api 能够说出什么是web api 学习内容： web apis和js基础的关联性 api 和 web api js基础学习为后面做铺垫，web apis是js的应用，大量使用js基础语法做交互效果， API：是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。是给程序员提供...

2020-11-03 22:29:09 543

原创 2020-10-28数据类型

案例：求某个字符出现的位置次数；核心算法：先查找第一个o出现的位置然后只要indexof返回的结果不是-1就继续往后查找，利用第二个参数，当前索引加1，从而继续查找 var str = 'abcdojufohrsdjscao'; var index = str.indexOf('o'); //查找第一个o的位置 var num = 0; while (index !== -1) { //当找不到之后就直接返回了

2020-10-28 14:37:48 234 1

原创 2020-10-27对象|内置对象|数组简便方法

调用对象的属性，（1)我们采取对象名.属性名 (2)对象名['属性名'] 调用对象的方法：对象名.方法名() 千万别忘记添加小括号创建对象的三种方式： 1.利用对象字面量创建： //（1）1里面的属性或者方法或者属性我们菜去键值对的形式键属性名：值属性值； //（2)多个属性或者方法中间用逗号隔开的 //（3)方法冒号后面跟的是一个匿名函数 ...

2020-10-27 21:51:56 200

原创 2020-10-26js作用域对象

例子：调用函数输入函数然后输出二月份的天数。 function isRunYear(year) { var flag = false; if ((year % 4 == 0 && year % 100 !== 0) || year % 400 == 0) { flag = true; } return flag; } fu.

2020-10-26 19:10:26 182

原创 2020-10-25

1.arguments使用：是内置函数；包含了所有传递的实参；伪数组；例子：利用arguments求任意个数最大值： //arguments是传递所有函数的实参 function getMax() { var max = arguments[0]; for (var i = 0; i < arguments.length; i++) { if (arguments[i] > max) {

2020-10-25 20:32:31 145

原创 2020-10-24数组和函数

数组导读：能够知道为什么要有数组能够创建数组能够获取数组中的元素能够对数组进行遍历能够给数组新增一个元素能够独立完成冒泡排序案例 p97: 数组的概念：可以使用（Array),可以把一组相关的数据一起存放，并提供方便的获取方式数组是一组数据的集合。如何创建数组：利用new创建数组利用数组字面量创建数组 var arr = new Array(); //利用new创建了一个空的数组 var arr = [] ;//创建了一个空的数组 var arr

2020-10-24 21:03:37 212

原创 2020-10-23if else条件选择语句/switch；for；do while循环语句；continue以及break关键字

例子：判断成绩级别并输出按照从大到小的思路来写 var score = prompt("请你输入你的分数"); if (score >= 90) { alert('宝贝你是我的骄傲'); } else if (score >= 80) { alert("2"); //到达这个循环的一定小于90分，所以不用在写了； } else if (score >= 70) { alert("3"); } else if (score >= 60) { .

2020-10-23 21:26:15 467

原创 2020-10-21

10.21 流程控制&最佳实践 javascript兼容性 1.流程控制分支结构导图学习目标：能够使用if分支语句能够使用switch分支语句能够使用三元表达式 # 学习内容： **什么是流程控制呢？** 我们需要通过控制代码的执行顺序来实现我们要完成的功能流程控制就是控制我们的代码按照什么结构顺序来执行 if条件语句： if(条件表达式）{ //执行语句} 流程控制： - 顺序结构 - 分支结构 - 循环结构顺序结构是程序中最简单最基本的流程控制，它没...

2020-10-21 22:43:36 128

原创 2020-10-20

p41: 1.运算符：运算符也称为操作符，是用于实现赋值，比较和执行运算等功能的比较的符号 js中常用于运算符：算数运算符，递增递减运算符，比较运算符，逻辑运算符，赋值运算符算数运算符：加减乘除以及取余浮点数运算的时候会有问题： console.log(0.1 + 0.2);//0.00000000000004 //数值太小转换为二进制再运算会产生错误 2.表达式：是由数字，运算符，变量等以能求得数值的有意义排列方法所得的组合（是由数字，运算符，变量等组成的式子）表达式最终都应该有

2020-10-20 22:20:58 155

原创 2020-10-19 js学习数据类型输出

z javascript: 1.prompt:打开网页的时候弹出对话框比如 var myname = prompt('请输入您的名字'); //弹出所输入的名字 alert(myname); 2.<1>只声明不赋值的话 var sex; console.log(sex);//undefined 只声明不赋值的话结果显示的就是未定义 <2>变量只赋值不声明的话是可以使用的，可以显示出数据 3.输出输入语句： al...

2020-10-19 22:43:31 378

原创 2020-10-16

10.16 编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程计算机程序：就是计算机执行的一系列的指令集和，而程序全部都是用我们所掌握的语言编写的，所以人们要控制计算机一点要通过计算机语言向计算机发出命令。注意：上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机，atm机，服务器等所谓计算机语言就是人与计算机通讯的语言。计算机的语言的种类：机器语言，汇编语言，以及高级语言编程语言：用来控制计算机的一系列指令，它有固定的格式和词汇（.

2020-10-16 23:26:16 159

原创 2020-10-14

今日前端收获：问：布局为什么用不同的盒子，我只想用div？答：标签都是有语义的，合理的地方用合理的标签，比如产品标题就用H,大量的文字段落就用p. 2，行内块元素的内容是里面内容的多少决定的 3.浮动布局练习 ...

2020-10-14 22:33:38 90

原创 2020-10-13

html前端图片显示不出来原因：今天学习前端的时候，要在块内插入一个图片链接，然后插入图片之后一直显示不出来，检查了很多问题，比如网页的设置以及代码是否错误等问题，后来查找了文件，才发现当html文件和需要插入的文件属于一个目录下的时候，只需要将图片的名字写出来就可以 <img src="图片名称"> 当图片的位置位于html页面的下一级 <img src="images/img.jpg"/> 当图片位置位于html页面的上一级的时候<img src=" ...

2020-10-13 21:49:57 130

wenwench的博客