- 博客(21)
- 收藏
- 关注
RSS订阅原创 原始值和引用值赋值，及深拷贝和浅拷贝
一.原始值和引用值赋值Js有一个规定，不允许直接访问内存位置，所以不能直接操作对象所在的内存空间。在操作对象时，实际上操作的是对该对象的雨引用而非实际对象本身。
2022-07-22 16:26:21
208
原创 Vuex的使用
1.src/store/index.js2.下载 import Vuex from 'vuex'3.注册import Vue from 'vue'Vue.use(Vuex)4.实例化const store = new Vuex.store({state:{//共享数据}, getters, mutations: {//同步}, actions: {//异步}, modules: {}})5.暴露出去export default store;...
2022-07-07 10:48:43
259
原创 图片懒加载
一.图片懒加载的原因像一些图片非常多的网站，例如淘宝，京东等。会造成服务器的压力，为提高新能及用户体验感，懒加载是一个非常不错的选择。二.图片懒加载的原理是通过<img /> 标签里面的src发请求的，所以我们可以通过h5新增的自定义属性，把图片给自定义属性，等图片到可视区域的时候，把图片给src属性。三.图片懒加载的实现html部分 <div class="box"> <!-- src里面是一张伪加载图片， data-src里面存的是一个真图
2022-03-01 10:50:10
300
原创 401错误（token失效问题）
401是token失效问题。在src/utils/request.js文件下1.在响应拦截的错误里面清除存储在vuex里面的用户信息，2.路由跳转至登录页面
2022-02-28 15:06:19
5792
原创 JS基础（JS数据类型）
1.number 数据类型NAN （Not a number）数值类型特殊值,表示运算后的错误结果；特点:d.【 NaN - 非数值】 (Not a number) ： 代表 算数运算后的错误结果 ;d1. 当 算数运算符 运算 一个 不是 数值的 数据时，无法计算结果，所以 返回 NaN;d2. 任何值 与 NaN 运算结果 都是 NaN;d3. NaN 与任何值都不相等 ，包括它自己;d4. 使用 isNaN(x) 来 检测 x 是不是 一个 NaN 如果
2022-02-23 15:06:25
196
原创 react中的函数组件
Hooks只能在函数组件中使用-----为函数组件提供状态和生命周期-----解决了类函数自身携带的问题,例如:同一业务的状态和业务逻辑被拆分到不同位置,-----组件的状态逻辑复用问题-----类组件不利于代码压缩和优化,也不利于TS的类型推导Hooks渐进策略Hooks和之前class的写法可以共存,没必要为了写Hooks而写HooksuseState()基本使用(1)作用:为函数组件提供状态和修改状态的方法useState()可以是任意状态const [l
2021-12-10 20:44:12
861
原创 vue的学习与使用
vue是什么---基于js渐进式框架脚手架 vue提供的全局包----创建脚手架项目安装包yarn global add @vue/cli优点:开箱即用,0配置webpack创建项目vue create 项目名 //不能为中文,特殊字符,大写字母template里只能有一个根标签js独立作用域互不影响style配合scoped属性,保证样式只对当前template生效vue设计模式MVVM 数据 视图不需要操作dom ,提高开发效率,数据驱动视图
2021-12-09 08:34:44
416
原创 react(持续更新中)
react特点声明式组件化一次学习,随处使用create-react-app命令安装npx 是npm@5.2版本新添加的命令,简化npm工具,保证使用的是最新的react项目npx create-react-app 文件名cd 文件名npm startpublic/html文件<div id="root"></div>src/index.js//导入react核心包import React from 'react'//导入
2021-12-06 21:28:38
405
原创 前端常见面试题(持续更新)
一.闭包内部函数访问外部函数的变量,就形成了闭包闭包的作用:变量私有化如果不进行使用,则会被释放掉的function fn() { let num = 10function inner() { console.log(num)}}fn()//没有对内部进行引用,这是会被直接销毁释放掉的闭包的正确使用,returnfunction fn() { let count = 10 function inner() { count++ c
2021-12-05 21:21:39
346
原创 webpack介绍及使用
webpack的概念:webpack是一个现代js应用程序的静态模块打包器。理解webpack的四个核心概念:入口(entry):webpack以哪个文件为入口,来作为构建内部依赖图的开始。 输出(output)：会创建一个文件夹,默认值是./dist,告诉webpack在什么地方输出创建的bundles 1.output.filename //出口文件名称 2.output.path //路径loader:让webpack可以处理那些非js的文件...
2021-10-17 20:33:28
487
原创 闭包及其作用
闭包:一个函数有权访问另外一个函数作用域变量的函数写法:function inner() { var i = 10 function outer() { i++ console.log(i) } return outer}闭包的作用:延伸了变量的作用范围
2021-10-13 21:31:37
129
原创 MySQL数据库
数据库的基本概念数据库（database）是用来组织、存储和管理数据的仓库为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行新增、查询、更新、删除等操作 常见的数据库以及分类 MySQL 数据库（目前使用最广泛、流行度最高的开源免费数据库；Community + Enterprise） Oracle 数据库（收费） SQL Server 数据库（收费） Mongodb 数据库 (Community + E.
2021-10-13 21:21:44
139
原创 express框架
一.什么是express 官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架， 通俗的理解：Express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建 Web 服务器的 Express 的本质：就是一个 npm 上的第三方包，提供了快速创建 Web 服务器的便捷方法 Express的基本使用 安装 在项目所处的目录中，运行如下的终端命令，即可将 express 安装到项目中使用 np.
2021-10-10 20:53:11
145
原创 ajax详细用法
什么是ajaxAjax的全称是Asynchronous JavaScript And XML（异步 JavaScript 和 xml）通俗的理解:在网页中利用XMLHttpRequest 对象和服务器进行数据交互的方式，就是 AjaxAjax能让我们轻松实现网页与服务器之间的数据交互通俗的理解:说白了，从单机版，变成了网络版同步和异步的区别:同步：当前用户发送请求后,浏览器什么都不做,等请求完成响应客户端后,用户才可以使用页面。异步：当前用户发出请求后，浏览器可...
2021-10-08 18:47:34
640
原创 node.js中的包,三分钟带你创建一个包
包分为项目包和全局包1.全局包一般以命令的方式存在2.项目包一般是用require引用的(1).开发依赖包,安装细节:npm i xxx-D(开发期间),记录到devDependencies节点中的包；(2).核心依赖包,安装细节:npm i xxx(开发期间和上线后),记录到dependencies节点中的包。判断标准，看文档。node.js中如何创建一个包1.首先新建一个文件夹1.在文件夹中新建一个.js的文件;2.在文件夹中新建一个.md的说明;3.通...
2021-10-07 21:11:41
880
原创 什么是模块化
1.什么是模块化模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整体系统来说，模块是可组合，分解和更换的单元。通俗理解就是： 一个js文件中可以引入另一个js文件的数据。2.模块化的好处 提高了代码的复用性 提高了代码的可维护性 可以实现按需加载 3.模块化的规范commonJs规定:1.每个模块内部,module变量代表当前模块2.module变量是一个对象,它的exports是对外的接口3.加载某个模块,其实是加
2021-10-06 20:22:53
4107
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人