- 博客(20)
- 收藏
- 关注
原创 原始值和引用值赋值,及深拷贝和浅拷贝
一.原始值和引用值赋值Js有一个规定,不允许直接访问内存位置,所以不能直接操作对象所在的内存空间。在操作对象时,实际上操作的是对该对象的雨引用而非实际对象本身。
2022-07-22 16:26:21
139
原创 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
178
原创 图片懒加载
一.图片懒加载的原因像一些图片非常多的网站,例如淘宝,京东等。会造成服务器的压力,为提高新能及用户体验感,懒加载是一个非常不错的选择。二.图片懒加载的原理是通过<img /> 标签里面的src发请求的,所以我们可以通过h5新增的自定义属性,把图片给自定义属性,等图片到可视区域的时候,把图片给src属性。三.图片懒加载的实现html部分 <div class="box"> <!-- src里面是一张伪加载图片, data-src里面存的是一个真图
2022-03-01 10:50:10
220
原创 401错误(token失效问题)
401是token失效问题。在src/utils/request.js文件下1.在响应拦截的错误里面清除存储在vuex里面的用户信息,2.路由跳转至登录页面
2022-02-28 15:06:19
4103
原创 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
129
原创 react中的函数组件
Hooks只能在函数组件中使用-----为函数组件提供状态和生命周期-----解决了类函数自身携带的问题,例如:同一业务的状态和业务逻辑被拆分到不同位置,-----组件的状态逻辑复用问题-----类组件不利于代码压缩和优化,也不利于TS的类型推导Hooks渐进策略Hooks和之前class的写法可以共存,没必要为了写Hooks而写HooksuseState()基本使用(1)作用:为函数组件提供状态和修改状态的方法useState()可以是任意状态const [l
2021-12-10 20:44:12
747
原创 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
342
原创 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
342
原创 前端常见面试题(持续更新)
一.闭包内部函数访问外部函数的变量,就形成了闭包闭包的作用:变量私有化如果不进行使用,则会被释放掉的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
216
原创 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
413
原创 闭包及其作用
闭包:一个函数有权访问另外一个函数作用域变量的函数写法:function inner() { var i = 10 function outer() { i++ console.log(i) } return outer}闭包的作用:延伸了变量的作用范围
2021-10-13 21:31:37
71
原创 MySQL数据库
数据库的基本概念数据库(database)是用来组织、存储和管理数据的仓库为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作 常见的数据库以及分类 MySQL 数据库(目前使用最广泛、流行度最高的开源免费数据库;Community + Enterprise) Oracle 数据库(收费) SQL Server 数据库(收费) Mongodb 数据库 (Community + E.
2021-10-13 21:21:44
81
原创 express框架
一.什么是express 官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架, 通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的 Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法 Express的基本使用 安装 在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用 np.
2021-10-10 20:53:11
78
原创 ajax详细用法
什么是ajaxAjax的全称是Asynchronous JavaScript And XML(异步 JavaScript 和 xml)通俗的理解:在网页中利用XMLHttpRequest 对象和服务器进行数据交互的方式,就是 AjaxAjax能让我们轻松实现网页与服务器之间的数据交互通俗的理解:说白了,从单机版,变成了网络版同步和异步的区别:同步:当前用户发送请求后,浏览器什么都不做,等请求完成响应客户端后,用户才可以使用页面。异步:当前用户发出请求后,浏览器可...
2021-10-08 18:47:34
540
原创 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
741
原创 什么是模块化
1.什么是模块化模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整体系统来说,模块是可组合,分解和更换的单元。通俗理解就是: 一个js文件中可以引入另一个js文件的数据。2.模块化的好处 提高了代码的复用性 提高了代码的可维护性 可以实现按需加载 3.模块化的规范commonJs规定:1.每个模块内部,module变量代表当前模块2.module变量是一个对象,它的exports是对外的接口3.加载某个模块,其实是加
2021-10-06 20:22:53
3790
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人