前端笔记
文章平均质量分 80
最爱吃番茄炒蛋
wa哇酷哇酷
展开
-
Vue基础(四):组件及组件间的传值
定义子组件自己的数据 data必须是一个函数,里面返回一个对象,在对象中定义数据data() {return {原创 2023-07-28 23:49:16 · 352 阅读 · 0 评论 -
Vue基础(三)
局部自定义指令语法: ‘自定义指令的名字(不要v-)’:{ // 当元素绑定了这个指令的时候执行,只执行一次 el:元素对象 binding:一些信息 binding.value 当绑定指令的节点有更新时执行此处代码 全局自定义指令语法: Vue.directive(‘自定义指令名字’,{原创 2023-07-25 21:46:29 · 96 阅读 · 1 评论 -
Vue2基础(二)
语法:数组名.reduce((pre,current) => {},参数2) 语法:数组名.filter(函数 (形参1,形参2,形参3){ shift(): 在数组的最前面删除数据项。 unshift(): 在数组的前面添加数据项。 concat(): 数组合并的(数据项)(要删除的索引,删除的个数,替换的数据项): 用来操作数组。 push(): 在数组末尾添加新的数据项。!原创 2023-07-24 22:43:39 · 933 阅读 · 1 评论 -
Vue2基础(一)
Vue是一个渐进式的前端框架,什么是渐进式的呢?VUE全家桶 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex+axios,也可以满足你各种各样的需求。Vue的特点和Web开发中常见的高级功能: 1、解耦视图和数据 2、双向数据绑定 3、可复用的组件 4、前端路由技术 5、状态管理 6、虚拟DOM。原创 2023-07-22 22:17:09 · 99 阅读 · 1 评论 -
nodeJS进阶
3:管理员模式打开power Shell 输入: set-ExecutionPolicy RemoteSigned 选择A。4:安装第三方的包: yarn add express/npm install express --save。6:安装yarn管理员模式打开power Shell 输入:npm install -g yarn。3:初始化项目: yarn init -y / npm init -y。6:访问:http://localhost:3000/3:拿到参数之后去数据库获取数据的(模拟的数据)原创 2023-07-21 22:25:07 · 102 阅读 · 1 评论 -
nodeJS的基本使用
path. resolve()如果有参数(路径),则返回对应参数所在的绝对路径,如果没有参数和_dirname基本没区别。语法:readFile(path,[options],function)(路径,缓冲区,回调函数)path.join(“路径片段1”, “路径片段2”…):将多个路径片段拼接起来成为一个路径片段。 语法:module.exports = {要导出的数据} exports.key = 值(不使用) 语法:require(‘模块名称/路径’) 1、引入http模块。原创 2023-07-19 22:24:04 · 253 阅读 · 1 评论 -
搭建node.js环境
② nvm list 查看当前安装的所有node版本。打开nvm的安装目录,找到settings.txt文件,将以下镜像地址复制到最后。③ nvm install node版本 安装指定版本的node环境。④ nvm use node版本 切换指定版本的node环境。nvm是一个版本管理工具,安装的时候不能安装在中文目录下。2、cmd打开命令提示符,输入qq即可打开QQ软件。安装路径不能有空格和中文,第二个路径不要更改。原创 2023-07-18 21:17:23 · 43 阅读 · 0 评论 -
原生js的ajax请求
在状态改变的处理函数一般针对 readyState == 4 且 status == 200 的情况才处理,再根据后台返回的数据类型决定从 responseText 或者 responseXML 获取服务器响应回去来的数据。 3、给这个ajax对象绑定监听状态改变函数,在处理函数可获取响应数据,ajax.onreadystatechange。JS的Ajax对象:XMLHttpRequest 对象用于在后台与服务器交换数据。responseText 获得字符串形式的响应数据。原创 2023-07-13 22:36:50 · 1020 阅读 · 1 评论 -
面向对象(三)
原理:将子类的原型对象指向父类的实例对象弊端:只能继承原型成员,不能继承实例成员步骤: 1:创建一个父类,并添加原型成员 2:创建一个子类,让子类的原型指向了父类的实例 子类的原型 = new 父类(传不传值都行) 3:在子类的原型添加了自己的成员 子类的原型.方法= function (){} 4:对子类进行了实例化 5:发现类型出现了问题。原创 2023-07-12 19:51:09 · 54 阅读 · 1 评论 -
面向对象(二)
若果是不改变原型的引用地址的情况下,是不影响实例访问原型成员的 如果改变了引用地址,实例之前改变不影响访问原型成员,因为属于是(先改嫁后生娃) 如果改变了引用地址,实例之后改变的会影响原型成员的访问(先生娃,后改嫁,孩子判给了他亲爸)原型对象(设置在实例之前)能调用原型对象(设置在实例之后)不能调用。原创 2023-07-11 17:42:30 · 33 阅读 · 1 评论 -
ES6(二)
语法:(参数)=>{函数体}目的:为了在使用回调函数的时候更便捷注意: 1、声明一个无参无返的箭头函数 函数体只有一句话可以省略{}不写 2、声明一个无参有返的箭头函数 函数体只有一句话可以省略return不写 3、声明一个有参数无返回值的箭头函数 参数只有一个可以省略()不写 4、声明一个有参有返回值的箭头函数 注意点同上 5、声明一个多个参数,多行代码的箭头函数。原创 2023-07-09 22:36:36 · 46 阅读 · 2 评论 -
面向对象(一)
new的真实过程 1.自动创建对象 var obj = new Object() 2.将空对象的原型指向构造函数的原型 obj.proto(空对象的原型) = Person.prototype(构造函数的原型) 3.将空对象赋值给this this = obj 4.给this进行赋值 this.xxx = xxx。原创 2023-07-10 22:22:14 · 30 阅读 · 1 评论 -
ES6(一)
一般情况下,常量名大写或者首字母大写 1、常量一旦声明必须赋值 2、不能先使用后声明 3、一旦赋值就不能修改 4、有块级作用域 5、引用类型的值可以修改,引用地址不能修改,里面的数据项可以修改Javscript分为三大部分:ECMAScript + DOM + BOMECMAScript就是一种语法标准,规定了这个语言的语法要如何书写,何种语法有何种作用。我们之前学习的很多东西都是在ES5的标准里面的。原创 2023-07-08 11:27:08 · 55 阅读 · 1 评论 -
jQuery(二)
语法:$.get(url, [data], [callback])原创 2023-07-07 18:58:05 · 36 阅读 · 1 评论 -
jQuery(一)
所有的jQuery入口函数都支持事件监听(不覆盖)jQuery转原生js:$(‘button:eq(0)’) => 原生js对象 document.querySelector(‘button’)js转原生jQuery:将原生js对象放在$(原生js)原创 2023-07-06 22:13:01 · 46 阅读 · 2 评论 -
JavaScript基础
JavaScript基础原创 2023-07-02 21:04:57 · 55 阅读 · 1 评论 -
JavaScript进阶
ECMAScript 定义了JavaScript 的语法规范,是JavaScript的核心。它描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准,它与具体实现无关。原创 2023-07-03 21:36:29 · 302 阅读 · 2 评论 -
html+css
结构 html:对网页元素进行整理和分类表现 css:设计网页元素的版式、颜色、大小等外观样式行为原创 2023-07-02 20:45:16 · 720 阅读 · 3 评论