- 博客(29)
- 收藏
- 关注
RSS订阅原创 react——初识
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。
2023-11-01 19:14:46
100
原创 vue-组件传值
this.$emit(事件名（字符串）,"要给触发的事件的函数传入值")//写在想触发自定义事件的地方//父组件中，使用该子组件的地方用v-on绑定事件，事件名即$emit内自定义的事件名，绑定事件为父组件内的函数。
2023-11-01 19:14:33
118
原创 vue-使用(接上篇)
Vue.js是什么?是阿里的尤雨溪出的框架Vue.js是目前最流行的一个框架，React是最流行的一个框架。Vue.js是前端的主流框架之一，和Angular.js、React.js并称为前端三大主流框架。数据驱动vue.js 数据驱动和组件化开发，轻量级一些，分层渐进式框架；spaReact.js 数据驱动和组件化开发，灵活性很高，需要什么都得自己构建逻辑自己写;appAngular.js 数据驱动 1.0 ，加上了组件化开发2.0，重量级框架;大型企业OA办公fluter。
2023-10-10 20:10:51
112
原创 vue-入门使用
先了解一下：响应式数据:只能由代码改变UI或者只能由UI改变代码双向数据绑定:代码改变UI,UI也能改变代码双向数据绑定的实现: 2种方式1.自己实现利用input事件,用户交互的时候,获取用户输入的值,然后把值绑定到data容器中2.系统指令:v-modelv-model 其实是一直语法糖，是官方提供的方法，在其它如微信小程序开发等只能自己实现。
2023-10-09 20:26:36
63
原创 vue—环境搭建和简单使用
self 其他元素的事件触发时 事件链经过它,无论是捕获还是冒泡阶段都不会触发它的事件,只有它自己是精准对象才会触发事件, 虽然它自己不会被别人影响,但是它自己的事件触发的时候还是会生成事件链经过其他元素,并不阻止继续冒泡到其他元素。v-cloak==>加上这个属性的标签相当于在构建虚拟节点的时候就会有这个属性,等data的数据生成的时候,这个标签会自动去掉这个属性,可以利用这个特性来在css中把这个元素在加载初期写样式(隐藏)然后要 npm i 再 npm run dev。
2023-10-08 20:08:07
109
原创 TypeScript--函数和类【1】
我们可以给每个参数添加类型之后再为函数本身添加返回值类型。TypeScript能够根据返回语句自动推断出返回值类型，因此我们通常省略它。
2023-09-01 19:14:27
110
原创 TypeScript--基础类型，初识接口
TypeScript，简称为TS，是JS的超集；Vue3.0就是使用TS开发出来的，并且推荐开发者使用TS进行开发；TS是可以直接运行的（比如使用ts-node），最终编译为纯的JS运行在任意的平台之上，是开源的；始于JavaScript，归于JavaScript！
2023-08-31 17:45:54
181
原创 JavaScript高级编程--元素样式操作和事件
在前面学习了如何获取元素之后，我们就能操作元素的样式了不过，需要注意一下，像table的cellspacing，cellpadding等是属性，而不是样式。
2023-08-23 20:12:39
118
原创 JavaScript高级编程--元素获取、视口相关、元素几何尺寸和位置
DOM 是document object model （文档对象模型 ），它是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口把文档中的代码翻译成一个对象模型 ，在这个模型中 所有相关的标签属性注释文本等等12种数据 都翻译为一种类型的对象 统称节点对象这些对象之间在文档模型数据结构中存在某种关系: 根节点 父子节点 同胞节点等等。
2023-08-21 19:40:57
531
1
原创 JavaScript--ES6（2）
箭头函数提供了一种更加简洁的函数书写方式。参数 => 函数体(参数) => {函数体}//普通函数return a;f(1);//1//箭头函数f(10);//10当箭头函数没有参数或者有多个参数，要用()括起来f(6,2);//8当箭头函数函数体有多行语句，用{}包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略{}, 结果会自动返回f(6,2);// 8当箭头函数要返回对象的时候，为了区分于代码块，要用()将对象包裹起来f(6,2);
2023-08-20 21:08:12
102
1
原创 JavaScript--ES6（1）
解构赋值是对赋值运算符的扩展。是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。
2023-08-17 20:32:16
205
1
原创 JavaScript--内置对象--时间和正则表达式
与Object，Number等一样，时间也有官方提供的构造函数Date通过构造函数获取的时间是调用函数时的时间点，时间点的所有信息封装到对象中了，我们可以通过一些方法获取时间点的信息。
2023-08-16 20:12:32
112
1
原创 JavaScript--内置对象--Math和Object
hasOwnProperty()方法用于检测一个对象是否含有特定的自身属性，返回一个布尔值。keys能够取出对象中的所有键，values能够取出对象中的所有值。构造函数调用的方法称为静态方法，构造函数调用的属性称为静态属性。writable跟set/get方法不能写在一起。defineProperty即给对象定义属性。Object.is() 判断两个值是否相同。通过Object.create()创建对象。
2023-08-15 20:27:12
75
1
原创 JavaScript--内置对象--字符串--方法
start 参数字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推，如果是负数表示从尾部截取多少个字符串，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。charCodeAt() 方法可返回指定位置的字符的 Unicode 编码，返回值是 0 - 65535 之间的整数，表示给定索引处的 UTF-16 代码单元。slice(start, end) 方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。charAt() 方法可返回指定位置的字符。
2023-08-15 19:48:24
82
1
原创 JavaScript--内置对象--数组--方法（2）
lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，如果指定第二个参数 start，则在一个字符串中的指定位置从后向前搜索。看它是否含有字符串。reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
2023-08-15 19:16:53
104
1
原创 JavaScript--内置对象--数组--方法（1）
js中对象分为：自定义对象、内置对象、浏览器对象。前两种是js基础，第三种属于js独有的内置对象的优点帮助我们快速开发js提供的多个内置对象： Math、Date、Array、String等本篇主要与数组有关。
2023-08-14 21:17:17
100
原创 JavaScript--原型链，原始/应用类型和constructor
这样，子对象可以继承父对象的属性和方法，并且可以在自己的原型上添加新的属性和方法。通过构造函数和原型对象，可以创建多个实例，并且可以向原型对象中添加共享的属性和方法，实现类似面向对象编程的特性。通过修改原型对象，可以为所有相关对象添加新的方法和属性，甚至可以修改内置对象的原型，扩展其功能。基本数据也称为原始数据，是最小单位，不能分割，但是能够使用点语法，基本数据在使用点语法时会进行隐式操作，利用构造函数创建一个对象，然后用这个创建的对象去调用这个点语法。– 原始值在做比较时，只要值相等，他们就是相等的。
2023-08-14 19:51:09
96
原创 JavaScript--对象--方法、this关键字和prototype
在上图的过程中，系统先创建一个空对象，再给这个空对象添加一个属性 __proto__，这属性保存了一个对象，这个对象就是构造函数的prototype属性中保存的那个对象，然后，调用函数，里面的this指向创建的对象，最后，表达式生成结果。我们知道函数是一个特殊的对象 因此函数也有一些官网提供的属性和方法，length属性就是函数的形参，而call方法则是调用函数并指定函数内部的this指向。简短地说，函数有一个 prototype保存了一个对象，我们使用new函数创建对象时，创建的对象的原型对象就是它。
2023-08-09 19:40:40
122
原创 JavaScript--函数--闭包、回调和自调用
闭包(closure)是什么？闭包是js的一种语法特性。闭包就是能够读取其他函数内部变量的函数创建闭包的最常见的方式就是在一个函数内创建另一个函数，创建的函数可以访问到当前函数的局部变量。——《JavaScript高级程序设计》闭包是指有权访问另一个函数作用域中变量的函数，简单来说就是一个嵌套函数中引用了封闭函数定义的变量，并且该函数可以在其定义环境外即封闭函数外被执行。这样的嵌套函数我们称之为闭包。往大了说，拥有作用域的被称为闭包，所有的函数都是闭包。
2023-08-08 20:10:27
287
原创 JavaScript--错误机制及认识对象、数组和函数
函数执行时，执行到return就不再运行，并生成结果: return 这个单词后面的表达式的值；如果函数没有执行return 函数最后生成的结果就是默认的undefined。对象是一对一对的 键值对，统称为对象的成员 ，键指属性名，值就是属性值，对象的成员间必须 用逗号隔开，对象的成员的操作跟变量类似: 存和取。函数的执行体不会直接运行，函数调用一次，执行体就运行一次 ，次次运行都是独立的。数组是一种特殊的对象，其相当于一个数据的容器。对象的属性值可以是任何js的数据。
2023-08-04 19:54:49
188
1
原创 JavaScript--while语句和switch-case
相较于while 循环，do-while 循环会先执行一次，无论条件是否成立，因此，该循环至少会执行一次。switch 语句用于基于不同的条件来执行不同的动作。在switch 语句中，若n与case后的值相等，则执行相应的代码块，n是表达式（通常是一个变量）。在html的静态网页制作中，有各种各样的标签，但在js中的标签语言并不是我们认知的html中的标签。continue 用于跳过循环中的一个迭代，继续执行下一个迭代（如果有的话）。while 循环会在指定条件为真时循环执行代码块。
2023-08-04 19:54:34
443
1
原创 JavaScript--if语句，for循环语句的基本用法和双for循环
使用 if....else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。在写代码时，我们通常需要为不同的决定来执行不同的动作，在代码中使用条件语句来完成该任务。如果希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。- 当条件为 true 时执行代码，当条件为 false 时执行其他代码。- 只有当指定条件为 true 时，使用该语句来执行代码。只有当指定条件为 true 时，该语句才会执行代码。- 使用该语句来选择多个代码块之一来执行。
2023-08-03 19:18:35
315
原创 JavaScript表达式和操作符
表达式是程序的最小单位，不可再分割 ，在程序中随处可见 ，给计算机表达指令的一种形式就是表达式原始表达式包含直接量、关键字(保留字)和变量名。
2023-08-03 18:45:24
71
原创 JavaScript变量中保存的数据
ECMAScript 中 e 表示法的格式也是如此，即前面是一个数值（可以是整数也可以是浮点数），中间是一个大写或小写的字母 E，后面是 10 的幂中的指数，该幂值将用来与前面的数相乘。字符串是计算机跟人类的语言沟通的桥梁，可以由双引号（"）或单引号（'）表示，因此下面两种字符串的写法都是有效的 ，不过，以双引号开头的字符串也必须以双引号结尾，而以单引号开头的字符串必须以单引号结尾。ps：Infinity是无穷大，-Infinity是无穷小，NaN是非数字，但其属于数字类型。
2023-08-02 19:09:01
146
原创 JavaScript变量声明、命名规则和使用
取一个变量值:变量取值时,一定是取的最后一次存的值,如果变量不存在 就报错,程序停止再那一行代码。给一个变量赋值这行代码运行以后:如果这个变量不存在 就会隐式声明这个变量 然后再赋值。在JavaScript，对于一个变量的声明，我们通过 var 关键字实现。= ：是一种运算的符号，同+ - * /，把右边的值赋值给左边的变量名。如果先使用变量再声明变:使用的只是声明的变量名 值要等代码运行后才赋。变量就是保存数据的一种标记，不仅可以是数字，还可以是任意数据类型。对于变量名字的命名，我们应当遵守以下规则。
2023-08-02 17:15:19
255
原创 JavaScript简介及代码的写法
在html网页制作中，分为html标签、CSS和JavaScript三个部分如果说html标签充实了网页的内容，CSS实现了网页的美化和布局，那么JavaScript就实现了网页的行为。JavaScript是一种操作网页的脚本语法，诞生于 1995 年，由Netscape(网景)公司在 Netscape Navigator 2.0 与 Sun 公司联手开发一个称之为LiveScript 的脚本语言，为了营销便利，之后更名为 JavaScript，后由网景提交给 ECMA（欧洲计算协会） 标准化。
2023-08-02 16:43:05
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人