weixin_46643055的博客

1、变量和属性相同点：二者都是用来存储数据的不同点：变量-->单独声明并赋值 eg: var age = 18属性-->存在于对象里面的，不需声明 对象.属性 eg:obj.age2、函数和方法相同点：二者都是实现某种功能，做某件事不同点：函数 -->单独声明并调用的 函数名() fn() 方法-->存在于对象里面 obj.fn()...

什么是对象 对象1，利用字面量创建对象 var object = { name:"张三", age:18, sex:"女", action:function(){ console.log("hi~~") } } console.log(object.name); consol...

网页页面从登录、注册首页进行路由切换，在进入首页之后又会出现新的导航用于切换新的页面导航，这样的导航跳转属于路由嵌套-----简单来说就是“套娃”例：在布局组件Layout.vue中添加新的导航<template> <div class="layout-container"> <!-- 展示嵌套路由对应的组件的位置 --> <router-view></router-view> .

路由元数据作用跳转组件时，让页面最上面显示跳转组件的名称

路由重定向：当用户访问某个连接时，需要让用户自动重新访问另一个连接，这样的一种需求的实现，称为路由重定向如： 用户地址栏输入：http://localhost:8080/ 最终地址栏显示：http://localhost:8080/#/main 最终浏览器渲染：/main对应的组件 代码实现：const routes = [ { path: "/", // 匹配用户访问的请求 redirect: ...

1、什么是高亮----网页中通过样式设置，让一系列元素中的某个元素突出显示2、路由导航高亮①默认高亮 vueRouter提供了一个高亮class名称：.router-link-active,可以让导航链接自动实现样式差异ul li a{ text-decoration: none; margin: 5px;}ul li a.router-link-active{ color: blue; font-weight: bolder;}...

1、编写页面导航，编辑App.vue，添加导航链接<template> <div id="app"> <ul> <li><router-link to="/login">登录</router-link></li> <li><router-link to="/reg">注册</router-link></li> <li&

1、安装vue脚手架脚手架官方网站：https://cli.vuejs.org/zh/npm install vue-cli -g // 安装低版本的脚手架【不推荐】npm install @vue/cli -g // 安装现有版本的脚手架【推荐：对原有的脚手架进行了升级】 // 构建项目的效率更高 // 项目文件结构更加简单明了2，安装结束，在文件夹地址栏中打开命令提示符窗...

路由主作用：根据用户的请求地址，切换不同的页面组件为何使用路由来切换页面组件：①为了保障动态组件模式下，切换多个组件时，数据能在多个组件上同步，必须按照自定义属性或者自定义事件的方式完成数据加载---任意单个组件，接受了和自己无关的自定义属性数据，消耗了系统资源---任意单个组件，监听了和自己无关的自定义事件，消耗了系统资源②动态组件中主要是通过当前动态组件标签的:is属性进行控制，如果出现了多个不同导航组件的页面视图时，页面之间的跳转就会变得比较复杂，消耗了大量的经理编写了和业务无

express后端的路由路由router：描述了用户请求URL地址和业务处理函数之间的映射关系，当用户某个URL发送请求，就会执行对应的业务处理函数完成业务受理，这个操作过程称为路由用户发送：http://localhost:3000/login， 后端需要处理用户登录用户发送：http;//localhost:3000/register，后端需要处理用户注册用户发送：http://localhost:3000/home，后端需要处理首页展示数据和视图前端的路由路由router：

一、什么是vuevue是一个基于JavaScript的渐进式前端开发框架使用目的：提高前端项目的开发效率、运行性能优点： 开发效率非常高、代码规范非常好、引入体积小、语法简单、运行效率高、数据双向绑定二、第一个vue应用 <div id="app"> //在id = app的div中输出一个文本数据 {{message}} </div> //开发环境版本，包含了有帮助的命令行警告 ...

v-text：用于数据渲染输出v-html：用于数据渲染输出，同时将标签也渲染出来v-once：用于和插值表达式配合使用，一次性渲染数据v-show：通过条件（display）控制元素的显示和隐藏v-if：通过条件判断渲染数据，同时支持程序流程控制v-for：用于程序操作流程控制v-bind：操作事件属性v-on：绑定操作事件v-model：表单数据双向绑定持续整理中.........

Vue开发的应用一般为单页面应用，一般情况下只有一个Vue实例，所以实例中的数据可以在当前项目中共享，所以Vue实例中的data是一个对象Vue组件的出现是为了组件中的视图和数据可以复用（可以简单理解为js中的函数封装），被复用的组件在不同的复用位置可能在操作不同的数据，所以每个组件的data数据必须相互独立，所以组件中的data是一个函数，函数内部返回一个只能让当前组件使用的对象数据注：简单理解为：可以实例中的data可以全局使用 （全局意味着可共享，大家都可以用），...

1、什么是侦听器？又叫监听器，vue框架提供给开发人员的一个用来监控变量数据的组件，一旦监控的变量数据发生变化，侦听器对应的函数就会执行，函数内部就可以针对变化的数据进行业务数据、数据运算2、Vue中计算属性和普通函数的区别是？当数据发生变化，计算属性会自动调用并缓存结果、普通函数必须通过函数名称进行调用直接执行代码当数据没有发生变化，计算属性不会重复执行函数代码（直接使用上一次运算缓存的结果数据）；普通函数会再次执行代码（无谓消耗资源）3、Vue中计算属性和侦听器的

1、什么是Vue？为什么要使用Vue？是一个基于JavaScript的渐进式前端开发框架Vue开发效率高，代码规范好，引入体积小，语法简单，为了提高前端项目的开发效率的运行功能才使用vue2、什么是插值表达式？插值表达式都有哪些功能？用来在html视图页面中，输出数据的特殊语法插值表达式可以直接输出变量数据，可以完成简单运算符的运算操作，可以调用系统函数、可以调用自定义函数、可以使用三元表达式运算3、如果要在页面中渲染变量message中的数据，有几种操作方式？①插值表达式

1、什么是侦听器？侦听器是Vue中的一个对象，主要用于监听实例对象中的数据有无发生更新变化的处理模块，在实例中通过watch 进行声明侦听器是Vue实例中，使用watch配置选项声明的一个对象，对象的内部可以监听实例中指定名称的变量，当变量的数据发生更新时，触发对应的侦听器，在侦听器处理函数中完成对应的数据运算或者业务处理2、Vue中计算属性和普通函数的区别而是？Vue中的计算属性本质上也是一个处理函数，可以和普通函数一样进行调用执行；普通函数就是在声明在methods中的函数。可以调用

一：菜单栏文件：alt+F 编辑：alt+E 段落：alt+P 格式：alt+O 视图：alt+V 主题：alt+T 帮助：alt+H 生成目录：在需要生成目录的地方输入[toc(大小写不限)]回车二：文件新建：Ctrl+N 新建窗口：Ctrl+Shift+N 打开：Ctrl+O 快速打开：Ctrl+P 保存：Ctrl+S 另存为：Ctrl+Shift+S 偏好：Ctrl+, 关闭：Ctrl+W三：编辑撤销：Ctrl+Z 重做：Ctrl+Y 剪切：Ctrl+X

1、下面的代码输出结果正确吗？为什么<button @click="handlerEvent()"></button>---const vm = new Vue({...methods: {handlerEvent(event) {console.log(event) // 鼠标点击时，获取到事件对象}}})1、如果只是事件函数的调用，函数名称后面不要...

1、什么是代码的review操作？一般由谁进行代码的review？怎么进行review？代码的review操作，主要包含代码评审工作和代码复盘工作一般都是由小组组长或者带自己的同事主导执行的，平时开发项目过程中自己也可以执行代码的单元review操作review的操作区分为通过软件工具的自动执行操作和人工操作两部分，软件工具的自动化操作主要是通用性审核，人工操作部分主要是项目定制化规范和流程审核以及代码复盘2、gitrebase的作用是什么？什么时候需要执行该命令？gitreba..

1、简述对ES6的认识ES6是一种新的客户端脚本语言标准，语法上对原生JS进行了扩展，如提供了声明变量的let关键字和声明常量的const关键字，对函数进行扩展提供了箭头函数，函数参数默认值等，对对象进行了扩展提供了简洁操作语法，扩展了字符串操作函数、扩展了数组操作函数，扩展了Object操作函数等等，提供了class类和对象的新的语法标准等等！2、简述GET请求和POST请求的异同GET请求和POST请求都属于HTTP1.1规范中的请求方式，用于客户端向服务器发起请求完成数据处理GET

1、如何创建并启动一个Express服务应用const express = require("express")const app = express()app.listen(3000, err=> {console.log("服务已经启动")})2、什么是路由？Express中是如何管理路由的？路由是WEB服务器中，对用户的请求进行分发，交给对应的业务处理函数进行业务受理的一种操作模式Express中包含了入口模块中的主路由express()，以及模块化拆分后的子路由对

1、什么是同步？什么是异步？项目中你是怎么用的呢？同步是多个任务按照执行顺序进行执行，前面的任务执行完成后才能开始执行下一个任务异步是多个任务按照执行顺序同时调用执行，前面的任务执行是否完成不影响下一个任务的执行过程项目开发中如果上一个执行任务的结果，对下一个任务有影响，需要按照同步的方式进行处理，如读取HTML文件内容响应给用户的操作项目开发中如果上一个执行任务的结果，对下一个任务没有影响，可以通过异步的方式进行处理，如Node http模块中监听请求和启动服务就可以执行异步处理2

1、简述JavaScript中的基本数据类型都有哪些数值Number、字符串String、布尔Boolean、Null空值类型、Undefined无效值类型、Symbol唯一值类型 [Object对象类型]2、简述你对Symbol的认识Symbol是ES6中出现的新的语法，表示一种获取唯一值对象的基本数据类型，经常用于模拟类型中的私有属性而出现，如可遍历对象中的迭代器函数属性就是Symbol实现3、你在开发过程中遇到了git文件冲突的问题，但是产品经理又提交了非常紧急的开发任务，此时你如何处

1、什么是模块化？什么是模块化开发？模块化是将项目中不同的功能拆分成多个独立的模块，通过模块之间的互相组合完成一定功能的操作过程模块化开发完成模块化拆分和最后的模块化合并的开发模式2、简述面相过程和面向对象的联系和区别？面向过程和面向对象都是编程思想，都是解决问题的思路面向过程编程注重于解决问题的过程和步骤，最直观的实现方式就是函数式编程；它的优点是开发的软件稳定性(耦合度)非常高，缺点是由于耦合度较高导致项目功能的扩展性较差面向对象编程注重与解决问题时参与的对象以及对象的行为，通过

一、多选题1、关于剩余参数的使用，正确的是？ABA、function fn(name, ...args) {...}B、function fn(...args) {...}C、function fn(...args, name) {...}D、function fn(...name, ...args) {...}答案：ABC问题：剩余参数只能出现在参数列表的最后一个位置D问题：函数的参数中，剩余参数只能有一个2、声明类型的语法，正确的是？BCA、class Person() {}

一、简答题1. 简述git fetch命令和git pull命令的区别，它们都在什么情况下使用？fetch命令和pull命令都是从远程仓库拉取更新的命令fetch命令直接从远程仓库拉取指定分支的更新到本地对应的分支pull命令从远程仓库拉取指定的分支更新到本地并合并到当前分支，相当于fetch+merge命令的结合使用2. 简述git中常用的操作命令git config --global user.name ""git config --global user.email ""

1、如何创建并启动一个Express服务应用const express = require("express")const app = express()app.listen(3000,err=>{console.log("服务已经启动")2、什么是路由？Express中是如何管理路由的？路由是WEB服务器中，对用户请求进行分发，交给对应的业务处理函数进行业务受理的一种操作模式Express中包含了入口中的主路由express（），以及模块化拆分后的子路由对象express.R

- Jsonp跨域，核心<script>最常见的一种跨域方式，其背后原理就是利用了 script 标签不受同源策略的限制，在页面中动态插入了 script，script 标签的 src 属性就是后端 api 接口的地址，并且以 get 的方式将前端回调处理函数名称告诉后端，后端在响应请求时会将回调返还，并且将数据以参数的形式传递回去。客户端跨域- CORS 跨域，核心Access-Control-Allow-OriginCross-Origin Resource..

/** * 封装数据库访问模块 */const mysql = require("mysql")// const { connect } = require(".")const pool = mysql.createPool({ connectionLimit: 10, host: "localhost", user: "root", password: "root", d.

-->用navicate软件操作数据库无需在电脑中配置安装数据库备注：关于数据库术语-安装的mysql数据库软件，称为 数据库管理系统 (DBMS)-安装的navicate数据库界面软件，称为 操作软件-存储和管理具体数据的数据库对象，称为 数据库(DB),如下图中的mysql/sys/...-mysql数据库默认超级管理员账号只有一个：root-phpstudy中mysql数据库的root账号的默认密码：root一、数据库管理1、创建数据库打开的...

1、什么是express->express是一个基于NodeJS实现的WEB框架-------是一个第三方模块--通过npm命令安装npm install express -S //将eexpress安装到当前的node应用中 中文网站：https://www.expressjs.com.cn/快速入门：https://www.expressjs.com.cn/starter/installing.html指南：https://www.expressjs.com.c...

1. 简述git第一次使用时，需要进行那些配置？git全局配置，初始化开发人员信息git config --global user.name "开发人员信息”git config --global user.email "开发人员邮箱"2. 简述git中如何将一个新增文件添加到本地仓库？本质上就是将一个新的文件如何添加到本地仓库生成版本记录的过程git add 文件名称git commit 文件名称 -m "完善的注释"git log [加分项]3. 简述gi..

1、什么是隐式类型转换？简单描述至少两种隐式类型转换的场景？> 数据在代码中可以呈现出来不同的类型，从一种类型转换成另一种类型称为类型转换，JS中某些表达式里可以自动将数据从一个类型转换成另一个类型，不需要开发人员干预就完成类型转换的过程称为隐式类型转换> isNaN(dat)在进行数据判断时包含了隐式类型转换、toFixed(n)进行浮点数小数位数保留时包含了隐式类型转换、运算符进行数据运算时包含了部分数据类型隐式转换2、什么是运算符？让代码中的数据参与运算的符号，项

1.简单阐述JavaScript的特点，至少三条JavaScript是基于对象的、事件驱动的、跨平台的、弱类型的、解释型的编程语言，其特点如下：基于对象：JavaScript封装了很多对象，提供了强大的功能，提高了开发效率 事件驱动：JavaScript可以友好的响应用户的操作行为 跨平台：语言本身对于操作系统平台的依赖性很低 解释型：语言执行过程中，解释一行执行一行，便于开发和测试效率的提升2.请描述你在项目中引入javascript的方式，以及每种方式的优缺点？内嵌式引入：H

1，for...of循环原生JS引入的大量的循环，对于直接遍历数据集不太友好ES6引入的for..of循环，可以很方便的遍历数据注：只是提高 了处理效率，并没有对遍历过程中对于单个数据的操作优化vararr=['admin','root','xiaoli','old-wang']////1.for//for(vari=0;i<arr.length;i++){//console.log(arr[i])//}////2.whil...

类型和对象的关系-类型：数据类型的简称，是一个概念，是一个称呼，是一对具有共同属性和相似行为的对象的模板！一个类型下可以创建多个对象！-对象：实际存在的一个事物，属于某个指定的类型类型中的属性：-静态属性：属于类的属性，只能被类访问，不能被对象访问；-成员属性：简称属性，属于对象的属性，可以被创建的对象访问；每个对象的成员属性数据都是互相独立的类型中的方法：本质上就是函数，函数出现在类中称为方法-静态方法：属于类的方法，只能被类访问，不能被对象访问-成员方...

面向对象什么是 面向对象面向对象是一种编程思想，这种编程思想重点关注的是解决问题时参与的对象以及对象的行为，通过对象的行为互相写作完成最终问题的解决！-优点：扩展性好；缺点：稳定性较差-乐高积木：只需要关注每种类型的积木的外形、可以和那些积木拼接的行为原生js中的面向对象：类和对象//1、原生JSfunctionTeacher(name){this.name=namethis.te...

原生js寄生组合继承// 原生JS中寄生组合继承 function inherit (Child,Parent){ var Temp = function(){ } Temp.prototype = Parent.prototype Child.prototype = new Temp() Child.prototype.constructor = Child }

1，员工涨薪//员工数据letemps=[{name:"汤姆",gender:"男",salary:3000},{name:"杰瑞",gender:"男",salary:2200},{name:"舒克",gender:"男",salary:6000},{name:"贝塔",gender:"男",salary:8000},{name:"迪迦",gender:"男",salary:4000}]...