m0_57262819的博客

原创 解决树形结构数据递归的问题

原创 vue中通过v-for和计算属性能筛选出新的数组

vue结合计算属性对原数组进行渲染

原创 ES6中set()和map()数据结构

set和map数据结构的用法 有添加 删除 查找等功能

原创 vue自定义指令

vue自定义指令

原创 解决跨域问题

前端解决跨域问题

原创 vue中hash和history两种模式实现原理

路由模式

原创 Vue学习中的注意点(易忽略点)

vue基础回顾

原创 手写rem函数封装

rem原理

原创 vue虚拟dom diff算法

高频面试题

原创 闭包 递归

超详细的闭包和递归的讲解

原创 vue3项目中实现 购物车数据更新效果

vue3中购物车

原创 intersectionObserve 交叉观察

图片懒加载的原理

原创 关于ajax的一些理解

ajax的一些理解

原创 vue3中组件传值的方法

vue3组件传值

原创 vue2中数据双向绑定的原理

vue数据双向绑定的原理

原创 防抖和节流

防抖和节流的理解

原创 ES6数组的迭代方法

ES6数组的迭代

原创 js高级展开运算符等

展开运算符

原创 vue中的插槽

vue里面插槽的理解

原创 vue全局注册自定义图片属性

vue项里面,注册全局的图片自定义属性

原创 svg标签的使用

svg的用法和注意事项

原创 promise静态方法

静态方法:将一个方法挂载导函数上,这个方法可以称之为静态方法**静态成员和实例成员**静态成员: 函数自己的成员实例成员: 实例对象的成员就是将 方法挂载到函数上 就可以使用 静态方法两种代码效果一样 ,静态方法更加简化...

原创 vue懒加载

懒加载出现是因为 ,整个项目里面 子组件过多,如果在起始页面就已经全部加载完成 就会很慢 影响用户体验 于是懒加载机制就出现了路由 懒加载 的主要原理就是原本的 Vue 模块是全部导入在一起的打包文件，运行后用户查看相关模块显示的内容时会将整个打包的文件引入而后在其中查找对应的模块然后才将其呈现给用户。第一步:声明一个变量 ,可以理解为是路由里面的组件, 函数要有变量来接收可以把子组件想象成 一个引入文件 在路由里面 点击这个路径const

原创 Vue项目里面 表单的正则验证和表单验证(两种验证方式)

{validator: 函数名 ,trigger: 'blur'}这个和之前的函数定义不一样 ,但是data里面也可以定义函数const samePwd = 一个函数其实很值钱没什么区别

原创 JS中全局变量和局部变量的生命周期

如图；在函数体外面声明的变量 就是全局变量函数体内部的b就是局部变量两者之间的区别：1.全局变量是在页面加载的时候，就开始生成 在页面关闭时就销毁也就是说 在全局代码执行完毕之后2.局部变量 只有在函数体内部 才会生效 当函数调用的时候就要生成 执行完毕之后就销毁函数体内部的变量 每次函数调用就会创建一个新的...

原创 v-model修饰符

● 语法: v-model=“data数据变量”● 双向数据绑定○ 数据变化 -> 视图自动同步○ 视图变化 -> 数据自动同步<template> <div> <!-- v-model:是实现vuejs变量和表单标签value属性, 双向绑定的指令 --> <!-- 绑定输入 --> <div> <span>用户名:</span>

原创 node.js基本介绍

node 空格 某个js文件 # 调用 node 程序，运行某个js文件clear 或者 cls # 清空界面ls/dir # 查看列表(list)cd 目录名 # 进入到目录中去cd .. # 返回上一级目录cd \ # 直接回到根目录 Ctrl+C

原创 vue基础总结 (全局组件和全局指令 v-model语法糖 )

**全局组件:如何让组件,设置为全局的组件:在入口文件里面引入这个组件Vue.compoent("组件名", 组件名)**全局指令**在一个简单的命令,重复使用的情况下比如输入框的自动聚焦Vue.durective( "'focus'" ,{ inserted(el){ el.focus()}} )使用自定义属性 > 定义事件类型 > inserted (el

原创 Vuex理解

Vuex的作用作用就是一个数据仓库**基本的配置****state基本使用(数据)**组件访问数据的方式可以再多个组件访问数据方式一:方拾二:**mapState原理****Mutation 变异(修改state里面的数据)**这样做的结果 数据追踪很困难 特别是大型项目mutation这样做的目的是让调试工具 知道每一次修改是哪个修改的具体使用1-在组件里面声明点击事件 调用函数methods在methods.

原创 vue-router路由

**1-路由是什么**生活中设备和ip的映射关系node接口和服务的映射关系vue路径和组件的映射关系2—为什么需要路由实现单页面应用 spa (所有业务一个页面)要用到前端路由实现业务场景切换好处: 页面不刷新 用户体验好数据传输容易,开发效率高缺点: 首次加载比较慢 不利于SEO**如何在vue里使用路由**vue-router简介配置路由1-下包2-引入文件import VueRouter from "vue-rout

原创 动态组件_插槽

**组件进阶 - 动态组件**需求: 完成一个注册功能页面, 2个按钮切换, 额外封装两个组件：一个填写注册信息, 一个填写用户简介信息目标: 多个组件使用同一个挂载点，并可以动态切换，这就是动态组件根组件├── App.vue└── components ├── UserName.vue # 用户名和密码输入框 └── UserInfo.vue # 人生格言和自我介绍框<component :is="comName"></component>

原创 async-await语法

async,await 是es7中新增的语法，用来进一步改进异步代码的写法，是promise升级版asyncasync函数返回一个 Promise 对象。async函数内部return语句返回的值是Promise 对象的值function f1 () { return 1}async function f2 () { return 1}async function f3 () {}const r1 = f1()const r2 = f2()const r3 = f3()con

原创 vue-cli 脚手架介绍

**vuecli是什么**vue-cli是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目。● 基于webpack● 开箱即用,零配置脚手架是为了保证各施工过程顺利进行而搭设的工作平台● 脚手架工程就是一套固定的文件夹+文件+配置的工程, 我们在此基础上开发业务● 在开发过程中，脚手架工具是有用的，开发完成（项目上线生产环境），它就没有用了好处和能力● 统一的项目结构(文件夹+文件+配置代码)● 开发过程中的webpack各系列支持○ babel

原创 Vue钩子函数以及父组件的8个钩子和子组件的8个钩子的先后执行的顺序

**vue组件生命周期**一个组件从 创建 到 销毁 的整个过程就是生命周期生命周期函数(钩子函数)vue 框架内置函数，随着组件的生命周期，自动 按次序 执行作用：特定的时间点，执行某些特定的操作场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据四个阶段:● 初始化 => 创建组件 => beforeCreate created● 挂载 =&gt

原创 webpack保姆级教程

● 理解webpack的作用a. 打包。把多个文件打成个数更小的文件。b. 支持模块化c. 优化: 代码压缩,加密● 掌握webpack的基本使用： 配置webpack.config.js○ 基本使用■ 入口■ 出口○ loader■ 一切皆模块。不同文件用不同的loader来加载○ plugin■ 扩展功能○ devServer**webpack基本介绍**webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)现代 ja

原创 掌握这些git 常用命令,扫平天下二流高手(★ ω ★)

**基础操作:**1. git init 项目初始化;2. git add . 所有文件添加到暂存区;3. 4. git commit -m "XXXX" 暂存区文件添加到本地仓库;5. git status -s 查看所有文件状态;6. git log/reflog 查看提交日历; 7. git reset --hard ID 版本切换;8. git --version 版本检测**分支操作

原创 promise的一些理解

**Promise-整体说明**它是一个ES6提出一个新语法，用来优化异步代码的写法。● 在前端领域是我们必须要会的一个内容● 后续的课程中也会多次使用**promise：承诺**● 生活中，它是用来表述 对将来要发生的事情的肯定。 例如 ： 高中生说，老师，我会考上一所好大学的；销售员说，老板，我一定会签下大单的；程序员说，老妈，我过年一定会带个女朋友回来的。● 在ES6中，它是新增的构造器（Array, Object, Promise），用来优化实现异步操作。在没有它之前，javas

原创 _es6的模块化

**让nodejs支持ES6模块化**node.js 中默认支持 CommonJS 模块化规范，如果想基于 node.js 体验与学习 ES6 的模块化语法，需要按照如下两个步骤进行配置● 确保安装了 v13.0.0 或更高版本的 node.js● 在 package.json 的根节点中添加 “type”: "module"节点**es6模块化的内容**默认导入导出默认导出的语法： export default 默认导出的成员默认导入的语法： import 接收名称 from '模

原创 三分钟教你如何用Apifox写一个借口文档

下载官网: https://www.apifox.cn/根据电脑类型下载版本新建项目**补充项目的信息****设置接口基地址**这里要注意在默认服务器后面要加上端口号协议版本+域名+端口号(自己加上)创建接口**测试接口-普通键值对****生成发布线上的接口文档**...

原创 Express基本介绍

**Express是什么**Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。● 框架：是一个半成品，用来快速解决一类问题；库就是工具集，使用非常灵活） （框架有：bootstrap, lay-ui, express, vue, react ; 库：zepto.js , jQuery, day.js, underscore, lodash, art-template, axios, echart…)● web 开发: 对不同的请求能够显示页面；提供接口服务；