波er客-CSDN博客

原创 ES6的class类

一、实例成员和静态成员<script type="text/javascript"> 类 class Star { // 实例成员 uname = '阿飞'; age = 22; // 静态成员 // 静态属性 static language = '汉语'; static sink = '黄皮肤'; // 静态方法 static sing () { console.log('唱歌'); };

2021-11-04 22:38:31 397

构造函数和实例对象和原型对象之间的关系图示：构造函数可以实例化对象构造函数中有一个属性叫prototype,是构造函数的原型对象构造函数的原型对象(prototype)中有一个constructor 构造器，这个构造器指向的就是自己所在的原型对象所在的构造函数实例对象的原型对象(__proto__) 指向的是该构造函数的原型对象(prototype)构造函数的原型对象(prototype)中的方法是可以被实例对象直接访问代码演示：<script> ...

2021-11-02 23:11:31 378

原创继承（构造函数和ES6的class类）

一、构造函数原型继承<script>// 专门创建一个公共的构造函数，放公共的特征function Person() { this.head = 1; this.legs = 2; this.eyes = 2; this.say = function() { console.log('say方法'); } this.eat = function() { console.log(

2021-11-01 23:17:11 491

原创数组去重方法

一、利用ES6 Set去重（ES6中最常用）function unique (arr) { return Array.from(new Set(arr))}var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];console.log(unique(arr)) 结果：[1, "true"

2021-10-29 17:57:06 193

原创 Vuex的使用

1. 配置项配置项含义注意 state 单一状态树类似data mutations 数据管家(同步) 唯一修改state地方 actions 异步请求要改state需要提交给mutations getters vuex计算属性类似computed modules 模块拆分 2. 图示关系3. 语法及使用1.1 state语法（数据源）定义/*const stor...

2021-10-12 22:33:37 171

原创 Vue--路由

1. 什么是路由？路由是什么呢? 路由是一种映射关系 Vue中的路由是什么? 路径和组件的映射关系 2. 为何用--路由？2.1 目标了解为何要学习和使用路由2.2 讲解目标: 在一个页面里, 切换业务场景具体使用示例: 网易云音乐网易云音乐单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点：整体不刷新页面，用户体验更好数据传递容易, 开发效率高.

2021-10-05 17:00:00 231

原创 Vue--插槽

1. 组件-插槽1.1 目标用于实现组件的内容分发, 通过 slot 标签, 可以接收到写在组件标签内的内容1.2 讲解vue提供组件插槽能力, 允许开发者在封装组件时，把不确定的部分定义为插槽插槽例子:需求: 以前折叠面板案例, 想要实现不同内容显示, 我们把折叠面板里的Pannel组件, 添加组件插槽方式语法口诀: 组件内用<slot></slot>占位使用组件时<Pannel></Pannel>夹着.

2021-10-05 12:00:00 246

原创 Vue-生命周期&axios

1. vue生命周期1.1 概念一组件从创建到销毁的整个过程就是生命周期1.2 小结Vue的生命周期是什么? 从Vue实例, 创建到销毁的过程 2. vue-钩子函数2.1 目标Vue 框架内置函数，随着组件的生命周期阶段，自动执行2.2 讲解作用: 特定的时间点，执行特定的操作场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据分类: 4大阶段8个方法初始化挂载...

2021-10-04 10:00:00 411

原创 Vue--组件通信

1. 组件_概念1.1 目标组件是可复用的 Vue 实例, 封装标签, 样式和JS代码1.2 讲解组件化：封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护一个页面，可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的结构样式和行为(html, css和js)1.3 小结组件是什么? 可复用的vue实例, 封装标签, 样式, JS 什么时候封装组件? 遇到重复标签, 可复用..

2021-10-03 13:22:37 230

原创 Vue--计算属性--侦听器

1. v-for更新检测1.1 问题哪些数组方法会导致v-for更新页面? 有的数组方法不导致v-for更新页面, 如何处理? 1.2 答案哪些数组方法会导致v-for更新页面? 可以改变原数组的方法有的数组方法不导致v-for更新页面, 如何处理? 拿返回的新数组, 直接替换旧数组 this.$set()方法更新某个值这些方法会触发数组改变, v-for会监测到并更新页面 push() ..

2021-10-03 12:09:44 216

原创 Vue面试题

1、什么是webpack（必会） webpack是一个javascript的静态模块打包工具 webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子最后输出由多个模块组合成的文件，webpack专注构建模块化项目 2、webpack的优点是什么？（必会）专注于处理模块化的项目，能做到开箱即用，一步到位通过plugin扩展，完整好用又不失灵活通过loaders扩展, 可以让webpack把所有类型的文件都解析打包

2021-09-24 20:54:05 248

原创 Vue--常用指令总结

1. Vue语法--插值表达式1.1 目标学习插值表达式, 在DOM中插入内容1.2 学习又叫: 声明式渲染/文本插值/大胡子语法语法: {{ 表达式 }}例子：<template> <div> <h1>{{ msg }}</h1> <h2>{{ obj.name }}</h2> <h3>{{ obj.age > 18 ? '成年' : '未成年' }}&l

2021-09-24 20:45:28 493

原创 Vue--脚手架

1. 脚手架介绍1.1 目标webpack自己配置环境繁琐官方提供脚手架, 快速搭建项目基础结构1.2 概念脚手架是为了保证各施工过程顺利进行而搭设的工作平台在代码里的体现, 就是一套固定标准的, 文件夹+文件+webpack配置1.3 好处开箱即用 0配置webpack babel支持 css, less支持开发服务器支持 1.4 小结1.用Vue开发项目，需要自己配置webpack？答案：Vue官方提供了脚..

2021-09-23 20:32:08 423

原创 vue基础--webpack

1. webpack-概念1.1 目标为何学webpack什么是webpack1.2 场景开发完项目, 可以用node+webpack来分析, 翻译, 压缩, 打包, ==加快浏览器打开速度==1.3 概念webpack官网现代 javascript 应用程序的静态模块打包器 (module bundler) 静态: 文件资源模块: node环境, 引入文件, 遵守模块化语法除了合并代码, 还可以翻译和压...

2021-09-22 20:11:22 535

原创跨域问题--jsonp&cors

1. 跨域访问接口-整体说明跨域问题是我们前端开发中经常会遇到的问题，也是面试中的高频题。通过这一节的学习，我们就能解决这类问题啦。主要内容：素材准备错误原因分析用JSONP来解决用CORS来解决 2. 跨域-素材准备及错误展示2.1 目录结构|-public|-------index.html|-server.js2.2 前端页面public/index.html <!DOCTYPE html>&lt...

2021-09-18 21:49:50 256

原创 Node实操--写一个真正的端口

1. 目标基于nodejs 用express + mysql 包写接口，实现学生数据添加和查询。 2. 要求2.1 接口1 添加学生数据 url: localhost:3000/api/student method: post 参数格式：普通键值对 name: 字符串 age: 数值测试：postman来测试...

2021-09-16 19:58:46 443

原创 Node.js--(express框架)

1. 基本介绍Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架 web 开发: 对不同的请求能够显示页面；提供接口服务；框架是一个半成品，用来快速解决一类问题；框架：bootstrap, lay-ui, express, vue; 库就是工具集，通过调用api来完成具体的功能。库：zepto.js , jQuery, day.js, , react ，underscore, lodash, art-template, axios, ec

2021-09-14 21:26:45 284

原创数组的方法总结

1. arr.pop() 删除数组的最后一项并返回删除的那个元素2. arr.shift() 删除数组的第一项并返回删除的那个元素3. arr.push() 往数组最后追加元素，并返回新数组的长度4. arr.unshift() 往数组的最前面追加，并返回新数组的长度5. arr.concat() 将数组连接成一个新数组6. arr.reverse() 翻转数组顺序7. arr.join('') 用于把数组的每个元素拼接成为字符串8. arr.indexOf：查找在数组中首次出现的索引位置，...

2021-09-14 19:56:25 204

ShuaideryiP的博客

原创 ES6的class类

原创构造函数、实例对象、原型对象、原型链

原创继承（构造函数和ES6的class类）

原创数组去重方法

原创 Vuex的使用

原创 Vue--路由

原创 Vue--插槽

原创 Vue-生命周期&axios

原创 Vue--组件通信

原创 Vue--计算属性--侦听器

原创 Vue面试题

原创 Vue--常用指令总结

原创 Vue--脚手架

原创 vue基础--webpack

原创跨域问题--jsonp&cors

原创 Node实操--写一个真正的端口

原创 Node.js--(express框架)

原创数组的方法总结

原创 Node.js（服务器）作业练习

原创静态资源服务器

原创 Node.js（服务器）

原创全局安装nodemon包

原创 i5ting_doc的安装和使用

原创 Node.js（模块化和包）

原创 Node.js 基本介绍

空空如也

空空如也