- 博客(136)
- 收藏
- 关注
RSS订阅原创 3D动画，盒子模型
<!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
2023-01-31 16:37:33
388
1
原创 小动画制作时需要的知识点
动画：动画和过度类似，都是可以实现一些动态的效果。不同的是，过渡需要在某个属性发生变化时才会触发。动画可以自动出发动态效果设置动画效果必须先要设置一个关键帧，关键帧设置了动画执行每一个步骤@keyframes关键帧的意思➕名字（名字随便起）动画的最低要求有两个部分第一个from｛｝表示动画的开始位置，也可以使用0%表示另外一个to｛｝表示动画的结束位置，也可以使用100%来表示当我们设置动画时，一定要用animation-nameanimation-name:
2023-01-25 18:01:54
1143
原创 原型链21124
原型链访问一个对象的属性时，先在自身属性中查找，找到返回， 如果没有，再沿着__proto__这条链向上查找，找到返回，如果最终没找到，返回undefined，这就是原型链，又称隐式原型链，它的作用就是查找对象的属性(方法)。我们使用一张图来梳理一下上一节原型案例的代码：注意：Object对象是所有对象的祖宗，Object的原型对象指向为null，也就是没有原型对象...
2022-07-27 15:44:59
167
原创 原型21125
原型在之前，我们学习了使用构造函数的方式进行创建对象，但是，它还是存在一个问题，那就是，你会发现，每一个对象的属性不一样这是一定的，但是它的方法似乎好像是一样的，如果我创建1000个对象，那岂不是内存中就有1000个相同的方法，那要是有10000个，那对内存的浪费可不是一点半点的，我们有没有什么好的办法解决，没错，我们可以把函数抽取出来，作为全局函数，在构造函数中直接引用就可以了，上代码：// 使用构造函数来创建对象function Person(name, age) { // ...
2022-07-23 12:40:02
148
原创 用构造函数创建对象。
用构造函数创建对象之前我们学会了使用工厂模式创建对象，但是，你会发现我们所创建的对象类型都是Object，具体代码如下：// 使用工厂模式创建对象function createPerson(name, age) { // 创建新的对象 var obj = new Object(); // 设置对象属性 obj.name = name; obj.age = age; // 设置对象方法 obj.sayName = func...
2022-07-22 11:42:19
614
原创 对象进阶。
用工厂方法创建对象我们之前已经学习了如何创建一个对象，那我们要是想要创建多个对象又该怎么办？有的人可能觉得直接在写几个对象不就好了吗？比如下边的代码：var person1 = { name: "孙悟空", age: 18, sayName: function () { console.log(this.name); }};var person2 = { name: "猪八戒", age: 19,...
2022-07-21 13:30:39
58
原创 函数的相关知识（续）
函数返回值可以使用 return 来设置函数的返回值，return后的值将会作为函数的执行结果返回，可以定义一个变量，来接收该结果。注意：在函数中return后的语句都不会执行，如果return语句后不跟任何值就相当于返回一个undefined，如果函数中不写return，则也会返回undefined，return后可以跟任意类型的值语法格式：return 值嵌套函数嵌套函数：在函数中声明的函数就是嵌套函数，嵌套函数只能在当前函数中可以访问，在当前函数外无法访问。...
2022-07-20 11:18:17
44
原创 函数创建等问题
函数的概述函数是由一连串的子程序（语句的集合）所组成的，可以被外部程序调用，向函数传递参数之后，函数可以返回一定的值。通常情况下，JavaScript代码是自上而下执行的，不过函数体内部的代码则不是这样。如果只是对函数进行了声明，其中的代码并不会执行，只有在调用函数时才会执行函数体内部的代码。这里要注意的是JavaScript中的函数也是一个对象，使用typeof检查一个函数对象时，会返回function。函数创建使用函数对象来创建一个函数（几乎不用）语法格式：var 函数...
2022-07-19 11:19:33
42
原创 数据类型梳理
基本数据类型JavaScript中的变量可能包含两种不同数据类型的值：基本数据类型和引用数据类型。JavaScript中一共有5种基本数据类型：String、Number、 Boolean、Undefined、Null。基本数据类型的值是无法修改的，是不可变的。基本数据类型的比较是值的比较，也就是只要两个变量的值相等，我们就认为这两个变量相等。引用数据类型引用类型的值是保存在内存中的对象。当一个变量是一个对象时，实际上变量中保存的并不是对象本身，而是对象的引用。当从一个.
2022-07-18 15:10:07
168
原创 对象基础。
概述Object类型，我们也称为一个对象，是JavaScript中的引用数据类型。它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值。对象也可以看做是属性的无序集合，每个属性都是一个名/值对。对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里继承属性。除了字符串、数字、true、false、null和undefined之外，JavaScript中的值都是对象。创建对象创建对象有两种方式：第一种方式：var person = new Object();...
2022-07-17 11:17:14
169
原创 循环语句。
循环语句循环语句和条件语句一样，也是基本的控制语句，只要满足一定的条件将会一直执行，最基本的循环语句：whiledo…whileforwhilewhile语句是一个最基本的循环语句，while语句也被称为while循环。语法格式：while(条件表达式){ 语句...}do…whiledo…while和while非常类似，只不过它会在循环的尾部而不是顶部检查表达式的值，因此，do…while循环会至少执行一次。相比于while，do…whil...
2022-07-13 14:53:36
329
原创 条件语句。
条件语句条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句，最基本的条件语句：if…elseswitch…case2.8.1、if…elseif…else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句。第一种形式：if(expression) statementvar age = 16;if (age < 18) { console.log("未成年");}第二种形式：if(e...
2022-07-12 09:07:40
174
原创 代码块，语句
语句前边我所说表达式和运算符等内容可以理解成是我们一 门语言中的单词，短语。而语句（statement）就是我们这个语言中一句一句完 整的话了。语句是一个程序的基本单位，JavaScript的程序就是由一条一条语句构成的，每一条语句使用;结尾。JavaScript中的语句默认是由上至下顺序执行的，但是我们也可以通过一些流程控制语句来控制语句的执行顺序。代码块代码块是在大括号 {} 中所写的语句，以此将多条语句的集合视为一条语句来使用。我们一般使用代码块将需要一起执行的语句进行..
2022-07-11 15:59:36
170
原创 条件运算符与逗号运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。语法：variablename=(condition)?value1:value2;举例：result=(age<18)?"年龄太小":"年龄合适";执行流程：如果condition为true，则执行语句1，并返回执行结果，如果为false，则执行语句2，并返回执行结果。逗号运算符使用逗号可以在一条语句中执行多次操作。比如：var num1=1, num2=2, num3=3;使用逗号运算符分...
2022-07-09 17:11:57
156
原创 比较运算符
比较运算符比较运算符用来比较两个值是否相等，如果相等会返回true，否则返回false。使用 == 来做相等运算当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后在比较使用 != 来做不相等运算不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false，不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false使用 === 来做全等运算用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换，.
2022-07-09 13:42:18
382
原创 赋值运算符与逻辑运算符
赋值运算符赋值运算符用于给 JavaScript 变量赋值。x=10 和 y=5，下面的表格解释了赋值运算符：逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符：关于逻辑运算符我们可以具体探讨一下：&& 与：&&可以对符号两侧的值进行与运算并返回结果，运算规则如下：两个值中只要有一个值为false，就返回false，只有两个值都为true时，才会返回trueJS中的“与”属于短...
2022-07-06 08:52:32
471
原创 转换类型（三）
转换为Boolean类型将其它的数据类型转换为Boolean，只能使用Boolean()函数。使用Boolean()函数数字 —> 布尔除了0和NaN，其余的都是true字符串 —> 布尔除了空串，其余的都是truenull和undefined都会转换为false对象也会转换为true...
2022-07-03 17:53:26
43
原创 转换类型（二）
转换为Number类型有三个函数可以把非数值转换为数值：Number()、parseInt() 和parseFloat()。Number()可以用来转换任意类型的数据，而后两者只能用于转换字符串。parseInt()只会将字符串转换为整数，而parseFloat()可以将字符串转换为浮点数。方式一：使用Number()函数字符串 --> 数字如果是纯数字的字符串，则直接将其转换为数字如果字符串中有非数字的内容，则转换为NaN如果字符串是一个空串或者是一个全是空格的字..
2022-07-03 14:44:40
45
原创 类型转换。
强制类型转换强制类型转换指将一个数据类型强制转换为其它的数据类型。一般是指，将其它的数据类型转换为String、Number、Boolean。转换为String类型将其它数值转换为字符串有三种方式：toString()、String()、 拼串。方式一：调用被转换数据类型的toString()方法，该方法不会影响到原变量，它会将转换的结果返回，但是注意：null和undefined这两个值没有toString()方法，如果调用它们的方法，会报错。方式二：调用String...
2022-07-02 11:49:22
39
原创 注意事项。
Boolean布尔型也被称为逻辑值类型或者真假值类型。布尔型只能够取真（true）和假（false）两种数值。除此以外， 其它的值都不被支持。UndefinedUndefined 类型只有一个值，即特殊的 undefined。在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined。注意：使用typeof对没有初始化和没有声明的变量，会返回“undefined”。NullNull 类型是第二个只有一个值的数据类型，这个特殊的值是 null。.
2022-07-01 17:59:41
33
原创 number
Number 类型用来表示整数和浮点数，最常用的功能就是用来表示10进制的整数和浮点数。Number表示的数字大小是有限的，如果超过了这个范围，则会返回 ±Infinity。最大值：+1.7976931348623157e+308最小值：-1.7976931348623157e+3080以上的最小值：5e-324特殊的数字：Infinity：正无穷-Infinity：负无穷NaN：非法数字（Not A Number）其它的进制：二进制：0b 开...
2022-06-30 17:41:22
64
原创 数据类型，类型的分类
数据类型类型分类数据类型决定了一个数据的特征，比如：123和”123”，直观上看这两个数据都是123，但实际上前者是一个数字，而后者是一个字符串。对于不同的数据类型我们在进行操作时会有很大的不同。JavaScript中一共有5种基本数据类型：字符串型（String）数值型（Number）布尔型（Boolean）undefined型（Undefined）null型（Null）这5种之外的类型都称为Object，所以总的来看JavaScript中共有六种...
2022-06-30 12:30:47
103
原创 字面量和变量
字面量和变量字面量字面量实际上就是一些固定的值，比如：1、2 、3、true、false、null、NaN、“hello”，字面量都是不可以改变的，由于字面量不是很方便使用，所以在JavaScript中很少直接使用字面量，使用的而是变量。变量变量的作用是给某一个值或对象标注名称。比如我们的程序中有一个值123，这个值我们是需要反复使用的，这个时候 我们最好将123这个值赋值给一个变量，然后通过变量去使用123这个值。变量的声明： 使用var关键字声明一个变量。变量的赋值： 使用.
2022-06-29 12:58:09
228
原创 注意标识符
所谓标识符，就是指给变量、函数、属性或函数的参数起名字。标识符可以是按照下列格式规则组合起来的一或多个字符：第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。其它字符可以是字母、下划线、美元符号或数字。按照惯例，ECMAScript 标识符采用驼峰命名法。标识符不能是关键字和保留字符。...
2022-06-28 11:36:08
157
原创 ＜script＞标签
如需在html页面中插入javascript.,请使用<script>标签。<script>和</script>会告诉javascript在何处开始和结束。<script>和</script>之间的代码行包含了javascriptjavascript代码会在页面加载时执行可以在javascript文档中放入不限数量的脚本。也可以把脚本保存到外部文件中，外部文件通常包含被多个网页使用的代码。...
2022-06-27 12:40:56
292
原创 js的基础语法
1）JS的输出：常用的方式有两种：document.write() ⽅法将内容写到 HTML ⽂档中console.log() 写⼊到浏览器的控制台2）变量的声明，命名规则和规范使⽤var声明变量；命名规则：由字⺟、数字、下划线、$符号组成，不能以数字开头不能是关键字和保留字，例如：for、 if、while。区分⼤⼩写命名规范：变量名必须有意义，最好见名知意。遵守驼峰命名法。⾸字⺟⼩写，后⾯单词的⾸字⺟需要⼤写。例如：userName、userPas...
2022-06-26 16:17:47
46
原创 js的特点
JavaScript的特点解释型语言JavaScript是一门解释型语言，所谓解释型值语言是指不需要被编译为机器码在执行，而是直接执行。由于少了编译这一步骤，所以解释型语言开发起来尤为轻松，但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了JIT技术，使得运行速度得以改善。动态语言JavaScript是一门动态语言，所谓的动态语言可以暂时理解为在语言中的一切内容都是不确定的。比如一个变量，这一时刻是个整型，下一时刻可能会变成字符串了。当然这个问题我们以后再谈。不过在补充一句动态语言相
2022-06-25 14:10:45
53
原创 如何在网页中实现动画效果
animation翻译为 动画什么是过渡？过度就是（transition）通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果，提升用户的体验transition-property:指定要执行过渡的属性多个属性间使用，隔开如果所有属性都需要过渡，则使用all关键字大部分属性，都支持过渡效果，注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡transition-duration:指定过渡效果的持续时间时间单位，S和ms 1s＝...
2022-06-23 16:47:17
393
原创 javaScript能做什么
1.可以使用JS添加、修改、删除、查看网页上左右的元素及属性2.可以在HTML网页中动态写入文本3.响应网页中的事件，并对事件进行相应的处理5.可用于校验客户端提交的数据6.检测浏览器类型及版本7.处理CookieJavaScript 主要应用于浏览器web、物联网、游戏、桌面应用 和移动端应用开发以及 服务端开发（能用JavaScript开发的就移动会用JavaScript开发）JavaScript 的书写位置1、行内式 js代码（不推荐）直接在标签上写js代码，.
2022-06-22 22:16:14
4834
原创 初学js，你必须明白
1.什么是jsjs是JavaScript的缩写，是一门专门用来控制前端页面的编程语言（属于脚本语言）js是web标准中的行为标准 - 主要负责网页中内容的修改2.js代码写在哪儿内联js - 将js代码写标签的事件属性中内部js - 将js代码写在script标签外部js - 将js代码写在js文件中，然后在html中用script标签导入注意：同一个script标签只能在导入外部js和写内部js两个功能中选一个3.js能干什么a.修改/获取标签内容...
2022-06-21 16:18:03
78
原创 js的认识
JavaScriptJavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。上面是百科上面对于JS的解释，翻译一下就是JavaScript简称JS，是一种主要应用在前端开发过程中的编程语言，当然随着发展现在已经不仅仅能够应用在前端中，一些非浏览器环境下也能够运行。.
2022-06-19 17:47:54
138
原创 练习的补充（114）
练习基本完成了，补充一下设置网站的图标（标题栏和收藏栏）网站图片一般都存储在网站的根目录下，名字一般都叫做favicon.ico如何设置<link rel="icon" href="图片路径 ">有的时候不知道怎么做时，可以看一下源代码当我们写完项目时需要将项目中没用的东西去掉，比如，注释，换行等等。但像我写的那样有很多注释，还有空格一类的，可以下载一个插件。js&css Minifier以后会用性能更加强的工具js&css Minifier的
2022-06-17 17:50:48
57
原创 串联内容练习（五）
………… 创建一个中间导航条的容器 <div class=“nav-wrapper”> 创建导航条 <ul class=“nav”> <li><a href=“#”>全部商品分类</a></li> <li><a href=“#”>小...
2022-05-02 13:59:44
100
原创 如何制作这种小图标
......... <style> .box1{ width:100px; height:100px; border: 10px red solid; ...
2022-04-26 13:45:24
79
原创 串联内容练习（三）
主页的样式表顶部导航条的容器.topbar-wapper{ 设置宽度全屏 width:100%; 设置高度和行高 height:40px; line-height:40px; 设置背景颜色 background-color:#333; }设置左侧导航条.service, .topbar li{ float:lef...
2022-04-24 13:20:56
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人