m0_57262819的博客

原创 【二维码】前端根据url，利用base64和canvas 实现二维码功能

前端二维码生成

原创 swiper 滚动轮播图

swpier 轮播图

原创 聊天记录 不同询问记录模块 数据处理

聊天问答功能 不同数据业务逻辑功能的思考

原创 神兽保佑 代码无Bug

神兽保佑

原创 移动端上拉 下拉 初始状态解决方案

引入第三方组件嵌套。

原创 利用计算属性 结合 new date（）写一个当前时间的计时器时间格式为年月日 时分秒

本文介绍了如何在Vue中使用计算属性处理时间格式。通过定义一个DOM元素，在页面生命周期函数触发时调用updateTime函数，该函数将计算属性的返回值赋给data变量。计算属性接收new Date()作为输入值，经过处理后返回格式化的年月日时分秒字符串。文中包含两张配图，分别展示了代码实现细节和时间格式转换效果。

原创 el-tree 实现每一级节点添加 dislabled树形

在做项目的时候 产品需求 最要最后一集叶子节点 其余的点击无效

原创 echarts 实现项目进度 甘特图

【代码】echarts 实现项目进度 甘特图。

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

原创 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