- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue 路由懒加载
路由懒加载 { path: '/about', name: 'About', component: () => import(/* webpackChunkName: "about" */ '../views/About.vue') }只有跳转到about时才会向服务器请求about.vue对应的独立的about.js文件，如果不用懒加载about对应的js会一起封装在app.js中，在第一次请求首页时就被获取。注：import里面的注释并不是不生效的，它决定改了生
2021-12-21 09:19:26
98
原创 apply，call，bind三者的区别
apply，call，bind三者的区别三者都可以改变函数的this对象指向。三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window。三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bind可以分为多次传入。bind 是返回绑定this之后的函数，便于稍后调用；apply 、call 则是立即执行 。...
2021-12-15 16:20:33
365
原创 Vue中＜keep-alive＞组件的使用
注意：我们知道 keep-alive 之后页面模板第一次初始化解析变成HTML片段后，再次进入就不在重新解析而是读取内存中的数据，即，只有当数据变化时，才使用VirtualDOM进行diff更新。所以，有需要的话，应该activated中留一份数据获取的代码，或者不要created部分，直接将created中的代码转移到activated中。< keep-alive > 是个抽象组件，它自身不会渲染一个DOM元素，也不会出现在组件的父组件链中。2 不会在函数式组件中正常工作，因为它们没有缓存实例。
2021-12-08 16:46:58
852
原创 MySQL的基本操作
// 1. 导入 mysql 模块const mysql = require('mysql')// 2. 建立与 MySQL 数据库的连接关系const db = mysql.createPool({ host: '127.0.0.1', // 数据库的 IP 地址 user: 'root', // 登录数据库的账号 password: 'admin123', // 登录数据库的密码 database: 'my_db_01', // 指定要操作哪个数据库})// 测试 mysql
2021-12-07 15:33:04
87
原创 初识Node.js
//01.使用readFile方法读取文件的内容// 1. 导入 fs 模块，来操作文件const fs = require('fs')// 2. 调用 fs.readFile() 方法读取文件// 参数1：读取文件的存放路径// 参数2：读取文件时候采用的编码格式，一般默认指定 utf8// 参数3：回调函数，拿到读取失败和成功的结果 err dataStrfs.readFile('./files/11.txt', 'utf8', function(err, data
2021-12-07 15:24:21
325
1原创 react-router-dom基础
/* react-router-dom 的基本使用： 1 安装： yarn add react-router-dom*/// 2 导入组件：import { BrowserRouter as Router, Route, Link } from 'react-router-dom'const First = () => <p>页面一的内容</p>// 3 使用Router组件包裹整个应用const App = () => ( <Rou
2021-12-07 13:52:11
460
原创 React基础
1.1 什么是 ReactReact 是一个用于构建用户界面的 JavaScript 库。用户界面：HTML页面（前端）React 主要用来写HTML页面，或构建Web应用如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了完整的 M 和 C 的功能。React 起源于 Facebook 的内部项目，后又用来架设 Instagram 的网站，并于 2013 年 5 月开源1.2 React 的特点 声明式 基于组件 学习一次，随处使用
2021-12-07 11:47:51
411
原创 前端路由（Vue-Router）
1. 后端路由 概念：根据不同的用户 URL 请求，返回不同的内容 本质：URL 请求地址与服务器资源之间的对应关系2 路由2. SPA（Single Page Application） 后端渲染（存在性能问题） Ajax前端渲染（前端渲染提高性能，但是不支持浏览器的前进后退操作） SPA（Single Page Application）单页面应用程序：整个网站只有一个页面，内容的变化通过Ajax局部更新实现、同时支持浏览器地址栏的前进和后退操作 SPA实现原理之一：基于URL
2021-12-06 17:51:36
112
原创 Promise
1.2.所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程。promise 提供了简洁的API 使得异步操作更加容易。1.1JavaScript的执行环境是「单线程」1.3.异步模式可以一起执行多个任务。1.4.JS中常见的异步调用。主要解决异步深层嵌套的问题。
2021-12-06 17:32:08
52
原创 Vue的组件化开发
组件注册<body> <div id="app"> <button-counter></button-counter> <button-counter></button-counter> <button-counter></button-counter> </div> <script type="text/javascript" src="js/vue..
2021-12-06 17:24:14
178
原创 Vue的常用特性（表单，属性）
1.获取单选框中的值<body> <div id="app"> <form action="http://itcast.cn"> <div> <span>姓名：</span> <span> <input type="text" v-model='uname'> </span> </div&g
2021-12-06 17:06:15
386
原创 Vue的的指令及语法
**Vue **1.概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架2.指令（1）v-cloak：防止页面加载时出现闪烁问题背后的原理：先通过样式隐藏内容，然后在内存中进行值的替换，替换好之后再显示最终的结果<head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2021-12-06 09:03:44
103
原创 二次封装ElementUI分页，上传图片
elementUi + Vue 后台页面1.标准页面<template> <div> <!-- 搜索区域 --> <el-form ref="searchForm" :inline="true" :model="searchParams" size="small" :label-position="labelposition" label-width="150px"
2021-09-27 16:28:35
275
原创 HTML基础介绍
一、网页与网站1.网站由网页够成2.网页内容包括：文字、图片、连接等元素3.网页是使用 html 超文本标记语言写的4.文件后缀名是 .html二、浏览器与浏览器内核1.常见浏览器：谷歌、火狐、IE、Safari2.浏览器与对应使用的内核三、web标准1.W3C 万维网联盟2.标准的够成内容：（1）结构：结构用于对网页元素进行整理和分类，现阶段主要学的是HTML（2）表现：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS（3）行为：行为是指网页模型的定义及交互的
2021-09-15 14:57:27
72
原创 JavaScript的ES6
什么是 ES6 ?ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。let1.使用let关键字声明的变量具有块级作用域2.使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。3.使用let关键字声明的变量没有变量提升4.防止循环变量变成全局变量5.使用let关键字声明的变量具有暂时性死区特性const1.声明常量，常量就是值（内存地址）不能变化的量2.具有块级作用域3.声明常量时必须赋值4.常
2021-09-15 11:01:50
260
原创 JavaScript字符串常用的方法总结
// 1、toLowerCase(): 把字符串转为小写，返回新的字符串。 var str="HELLO WORLD"; var str1=str.toLowerCase(); console.log(str); //HELLO WORLD原字符改变 console.log(str1); //hello world返回值不变 // 2、toUpperCase(): 把字符串转为大写，返回新的字符串。 var str="hello world"; ..
2021-09-14 17:14:45
57
原创 JavaScript数组常用的方法
JavaScript数组常用的方法// push 数组末尾添加元素,会改变原数组 var arr = ['aaaaa', 'bbbbbb', 'ccccc'] var newArr = arr.push('ddddd') console.log(arr);//['aaaaa', 'bbbbbb', 'ccccc', 'ddddd'] console.log(newArr);//返回数组的长度4 // // unshift 数组开始位置增加元素，会改变原数组
2021-09-13 16:15:10
95
原创 工作中遇到的问题及相关的解决办法
1.vuex中的数据最好保存在localStorage这不是本人的代码，是在网上某位大神copy的注：1.当我们把Vuex的数据保存在内存中，按F5刷新键时，Vuex中的数据会完全消失。2.当我们把数据保存在localStorage中时，相关的数据就不会丢失。当然，如果数据量不大，想保证数据的安全，可以保存在sessionStorage中。 created() { if (localStorage.getItem('store')) { this.$store.replace
2021-08-25 18:32:23
163
原创 JavaScript的深拷贝和节流防抖
深拷贝 function deepClone(newObj, oldObj) { for(var k in oldObj) { var item = oldObj[k]; // 判断属于数组 if(item instanceof Array) { newObj[k] = []; deepClo
2021-03-25 14:49:31
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人