stars满天繁星-CSDN博客

原创组件进阶之props校验

props校验大家都知道props属性是在父传子的时候会使用到，那么props在接收到父组件传递的数据时是可以进行校验的。props校验的书写格式//这里的props是一个对象 props:{ //这里的name是来自父组件传递的数据 name:{ //type就是父组件传递数据的类型进行校验 type:'数据类型', //required是必填，代表这里的name属性必须要从父组件传过来，不然就会报错 required:tru

2022-05-10 16:25:38 608

原创 vue组件的生命周期和父子组件生命周期执行顺序

什么是组件的生命周期？一个组件从创建到销毁的整个过程就叫生命周期。生命周期函数(钩子函数)生命周期函数是vue框架的内置函数，随着组件的生命周期，自动按序执行。作用特定的时间点，执行某些特定的操作。生命周期的四个阶段初始化阶段该阶段是为了创建组件，里面又有两个钩子函数，beforeCreate、createdbeforeCreat==>创建前created==>创建后，一般用于ajax发送请求挂载阶段该阶段是为了渲染显示组件，里面又有两个钩子函

2022-05-09 21:39:08 1968

原创 vue指令之v-model双向绑定

v-model的作用把表单标签的value属性和vue中js的数据变量进行双向绑定。语法v-model="data数据变量"<input type="text" v-model="username" />什么叫双向数据绑定？数据变化==>视图自动同步当我修改data中的数据变量的时候，视图也会随着变量的变化而改变当我将name变量存放的值改为李四的时候，页面中也会改变。视图..

2022-05-08 21:24:16 648

原创 vue的指令之v-bind

v-bind的作用v-bind是动态绑定标签上的属性的值，也可以给标签的class设置动态的值，还可以给标签的style设置动态的值。v-bind动态绑定标签的属性值语法<元素 v-bind:属性名1="值1" v-bind:属性名2="值2"></元素>   <img v-bind:src="imgUrl" alt="">简

2022-05-07 19:12:46 683

原创 vue实现组件私有样式和深度选择符

什么叫私有样式？当父组件中导入子组件的时候，如果父组件和子组件都设有样式，那么就会出现样式的冲突，这时候我们就需要借助scoped这个属性来让组件的样式私有。导致样式冲突的原因父组件是会导入子组件的，当webpack进行打包的时候，是会将两个组件打包到一块的，这样也就导致结构、样式和行为都会打包到一个共同的html文件中，那么如果子组件中和父组件同时用到一个样式的话，那么就会导致样式的冲突。通过一张图来加深理解解决方法直接在需要私有化样式的组件中的style标签内部加上sco

2022-05-06 20:54:08 554

原创原型链和原型继承

什么是原型链？每一个对象都有自己的原型对象，而原型对象也属于对象也会有自己的原型对象，依次类推就会形成链式结构，然后就构成了原型链，所有对象的原型链最终都会指向object.prototype，而最终object.prototype指向null（万物皆对象，万物皆空）。对象访问原型链的规则对象访问原型链遵循就近原则。当对象要找属性或者方法的时候，首先会先找自己本身，如果自身没有就会通过__proto__属性去访问自己的原型对象，如果原型对象也没有，那么原型对象也会通过__proto__属性去

2022-05-04 11:15:52 343

原创构造函数、原型对象、实例对象三者的区别

构造函数、原型对象、实例对象三者分别是什么？构造函数：是用来创建对象的函数，通过new关键字来声明。原型对象：每一个函数在创建的时候，系统都会给分配一个对象，这个对象就原型对象。实例对象：通过new关键字返回的对象就是实例对象。通过一张图来介绍三者之间的关系构造函数中存在一个prototype属性，这个属性指向它的原型对象；原型对象中存在一个constructor属性，这个属性指向它的构造函数；实例对象中存在一个__proto__属性，这个属性指向它的原型对象；打个比..

2022-05-04 10:28:04 3346

原创关于Promise对象的代码题及思路分析

代码题1function do1() { console.log("任务1");}function do2() { console.log("任务2");}function do3() { console.log("任务3");}function do4() { console.log("任务4");}var p = new Promise((resolve,reject)=>{ resolve()})p.then(do1) .then(.

2022-05-03 21:24:58 318

原创谈谈Promise对象

为什么要用promise对象？promise是ES6才提出的新语法，主要是为了优化异步代码的写法。promise的使用基本语法let p=new Promise(function(resolve,reject){ return resolve(100) //return reject(200)})p.then(function(res){ //如果Promise的状态的是resolved/,就执行then console.log('成功',res)

2022-05-02 21:24:38 1108

原创浏览器的跨域问题

什么导致的浏览器的跨域问题？不同源的ajax请求会导致出现跨域的错误。--必须要是ajax请求，并且是不同源的才会出现跨域问题。跨域主要是出现在浏览器阻止了响应的接收（服务器有接收到请求也有发出响应），这里是浏览器存在同源策略。什么是同源？同源是指请求和响应的地址中协议相同、域名相同、端口相同，只要一个不相同就是不同源。制造一个跨域错误文件目录结构跨域├── public│ ├── js│ │ └── axios.js│ └── api.html └── ..

2022-04-30 21:24:56 1911

原创 window系统中打开命令行的四种方式

方法1：cmd窗口(window+R, --->运行-->录入cmd,回车)方法2：在资源管理器中，打开任意目录，直接在地址栏中写入 cmd，并回车方法3：powershell（window10操作系统）在资源管理器中按下shift，同时点击鼠标右键，可以选择在此处打开powershell/命令行窗口。方法4： vscode中的右键，在命令行中运行...

2022-04-29 21:10:41 6804

原创通过node.js来写接口

如果要通过node.js来写接口的话，首先我们需要借助一个框架--express，这个框架可以帮助我们快速的创建web服务器，所以我们需要通过npm下载这个包。express写get接口// 引入expressconst express = require('express')// 调用express()const app = express()// 设置请求对应的处理函数--当客户端以get方法请求,//请求地址后面需要加/getbooks才能访问到响应后的数据//app.get(

2022-04-29 19:58:23 4788

原创通过express框架实现web服务器

什么是express？express是基于node.js平台的web开发框架，对于node.js来说express是第三方模块，相当于中间件（中间件--是为了给用户提供更好的服务、可以方便的拆卸）。托管静态资源-web服务器接下来我们试着通过使用express来直接访问一个名叫publish的文件夹中的index.html文件。首先我们建一个如下的目录结构test├── public│ ├── css│ │ └── index.css│ ├── img│ ...

2022-04-28 20:42:00 2815 3

原创简单实现创建一个npm包并发布到官网

第一步首先去npm官网注册账号，登录账号。登录进去后如下图所示：第二步自己创建一个文件夹--注意：这个文件夹的名字就是你上传到npm官网的包名，所以不能和官网里面有重名。可以先把你想要创建包名先去官网搜索一下，如果下面显示0 packages found证明你的包名并没有重复接下来就创建一个包名叫testnpmcreat的文件夹，创建成功后我们进入这个文件夹里面，在地址栏输入cmd第三步进入cmd我们需要先使用npm命令先初始化，使用npm init --yes初始.

2022-04-26 21:16:49 815

原创命令行中常见的node命令

node 空格某个js文件 # 调用 node 程序，运行某个js文件clear 或者 cls # 清空界面ls/dir # 查看列表(list)cd 目录名 ...

2022-04-25 21:53:49 868

原创浅谈一下node.js

node.js是什么？node.js是基于Chrome V8引擎的jJavaScript运行时。通俗一点来说：node.js是一个用Chrome V8引擎来运行js代码的环境node.js可以做些什么？在node环境下，通过js代码来实现后端的功能（web服务器，写接口，读写数据库...）node.js的主要学习的内容有哪些？主要学习的内容有：模块系统和npm包管理工具，模块系统又分为核心模块、自定义模块和第三方模块。模块系统分类如何在node环境下运行js代码？.

2022-04-25 21:37:43 1490

原创 call、apply、bind的异同点

call()、apply()、bind()的作用？动态的修改函数内部的this指向。1.call()语法函数名.call(修改后的this,形参1,形参2...)修改后this指向这个对象张三，传参的形式是一个一个传的。2.apply()语法函数名.apply(修改后的this,数组/伪数组)修改后的this指向这个对象李四，apply会自动帮忙遍历数组然后按照顺序进行传参。3.bind()语法函数名.bind(修改后的this)修改后的...

2022-04-24 21:09:38 615

原创浅谈一下javascript中的this对象

this是什么？this关键字是函数运行时自动生成的一个内部对象，也被称作为环境对象，只能在函数内部使用。谁‘调用’this，this就指向谁。打个比方来说：this就相当于中文中的“我”，谁说出来，就代表谁。函数中this的三种指向1.普通函数首先我们这里声明一个函数，在函数内部console.log(this)，然后下面我们调用函数，猜一猜控制台会打印什么结果？最后控制台会打印window，这就表明在普通函数中的this指向window。首先我们要知道上面说到的谁调用thi.

2022-04-24 16:10:08 1379

qq_64454072的博客