huangguanhang-CSDN博客

原创 Vue CLI

一,vue 脚手架就是为了方便我们创建vue项目好处就是提高了我们的开发效率，替我们省略了很多步骤1.1首先需要下载Vue ClI(使用脚手架之前，系统中必须由Node,Git,Webpack)里面ClI 版本2.x和4.x(需要Node.js v8.9 或更高版本推荐 v10以上)两个版本的下载指令2.x: npm i vue-cli -g (-g 全局下载)4.x : npm i @vue/cli@4 -g (@4精确下载4版本)二，创建vue项目2.1 利用图形化vu

2022-05-25 20:48:30 104

原创 NodeJS核心模块

一文件模块-FS1.1读取文件let fs = require("fs");fs.readFile("demo.txt","utf-8",(err, data) => { console.log(err,data)});console.log("读取结束");1.2写入内容，分为同步和异步（当我们写入的时候，如果文件不存在，就会重新创建一个新文件）同步写入let fs = require("fs");fs.writeFileSync("demo.txt"

2022-05-23 18:41:06 156

原创 MySQL数据库连接池以及MySQL的连接

一，在没有mysql数据库连接池之前，后端每一次操作数据库都需要创建一个新的connection对象，建立连接，操作，销毁，效率低，性能低，数据库的压力比较大router.get("/api",(req, res) => { let config = { host:"localhost", user:"root", password:"root", database:"web2106" } let pool = mysql.createPool

2022-05-22 19:27:00 823

原创 Vue Rooter

一,Vue Rooter和我们node中的路由类似，它是根据不同的路径，执行不同的组件（没有用路由之前的都是普通组件）首先我们需要移入vue rooter文件 <script src="../vue-router-3.4.9.js"></script>引入文件之后我们需要1.1创建组件<template id="register"> <div> <h2>这是注册组件</h2> &l

2022-05-21 22:25:36 494

原创 Vue组件

一，组件就是由HTML,CSS,Javascript构成的，把页面中的某一块功能界面封装起来，提高了界面效果代码的复用性1.1组建的注册<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.min.js"></script>&

2022-05-18 19:34:13 142

原创 Vue进阶

一computed高级我们都知道computed是计算属性，它和methods的区别在于methods方法里面的函数每次调用都会执行一次，而computed里面的函数第一次会执行，但是在执行第二次的时候会进行判断如果数据相同就会从缓存中获取数据（我们执行的computed中的函数实际上就是get函数）注意 1 如果数据没有发生改变那么从缓存中获取速度更快2 get 函数必须要有return set不需要代码如下<!DOCTYPE html><html l..

2022-05-16 18:00:36 55

原创 vue根据导航栏切换内容以及v-model的简单描述

<div id="module_343178" class="m-floor j-floorflag" data-moduleindex="1" data-moduletype="10001" data-moduleid="343178" _pi="1" style="margin-top: 0px; background-color: rgb(246, 246, 246); display: none;">  <!--Regular if4

2022-05-12 21:23:01 465

原创 Vue事件修饰符以及修改属性

一事件修饰符1，修饰符1.1 prevent: 阻止默认事件（常用）1.2 stop：阻止事件冒泡（常用）1.3 once 事件只触发一次（常用）1.4 self 只有触发自身才会执行（常用）1.5 capture 使用事件的捕获模式1.6 passive 事件的默认行为立即执行，无需等待2用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"

2022-05-11 20:21:18 630

原创 Vue的数据渲染

一插值表达式1插值表达式就是vue实现数据渲染到页面的方式，不需要进行Dom操作直接将数据展示在页面2插值表达式就是 {{}} 里面可以执行代码但是我们要注意使用插值表达式渲染数据的时候会出现插值闪烁的现象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插值闪烁</title> <script sr

2022-05-10 18:24:11 4731

原创初识VUE

1，vue是一个渐进式的js的框架，渐进式就是一个个功能特性用到了那个就用那个别的功能特性可以先不用，而框架则是为了提高我们的开发效率，节省一些繁琐的代码，其中还有约束要求我们的技术栈和项目架构是一样的2,vue是基于mvvm开发的，而mvvm的模型如下2没有数据双向绑定之前我们写的代码都可以称之为是真实的DOM，对于我们的系统性能有很大的影响，但是在vm中我们使用了虚拟DOM可以大大提高我们的性能3vue的入门程序。首先需要去官网下载vue,js前往官网3.1引入vue.js &

2022-05-09 18:32:22 298

原创 promise解决回调地狱问题

关于什么是回调地狱我上一篇文章已经非常清晰的解释说明了，现在我们来说一说如何解决这个问题一：首先我们要了解promise，我们可以理解为这是一个对象，里面执行的是异步任务，但是可以以同步表达出来其中有三种状态，1，未执行的时候是初始状态 2resolve成功状态 3， reject 失败状态二：promise的核心是then对于同一个promise对象可以有很多then，then就是promise的回调函数，返回一个成功的resolve的回调和reject的回调//以webstorm为例

2022-05-08 19:28:58 231

原创浅谈回调地狱

首先我们要了解回调函数回调函数：当一个函数作为参数被传入到另外一个参数中，而这个函数只有满足一定条件才会执行函数的功能。一：回调地狱的产生当我们为了在异步函数中为了代码的顺序执行而·不断嵌套去调用回调函数时就会出现回调地狱11...

2022-05-07 18:05:37 210

原创 WebPack

互联网经过这么多年的发展，页面由一开始的红黄蓝绿到现在的多元化，页面变得越来越复杂，自然而然的产生了诸多问题，比如说前端代码的模块化和工程化，应运而生的React,Vue库使得大型的网页开发不在局限于jquery的DOM操作，让前端开发有了更多的体验一，什么是WebPack首先要了解什么是模块化：模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。前端的模块化一般都是Nodejs里面的NPM包。本质上webpack是一个现代的js应用程序的静态打包器

2022-05-06 21:17:02 126 1

huangguanhang的博客