编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

131浏览

0评论

JavaScript实现组件化和模块化方法详解

目录组件化和模块化模块化组件化Vue中的组件化组件化和模块化为什么会有组件化和模块化？当我们的项目复杂度不断上升，项目维护成本逐渐提高之后，对于旧项目的维护就变得格外困...

2023-05-17 21:18:24

138浏览

0评论

细说JS数组遍历的一些细节及实现

目录1. 数组空位问题 1.1 空位判断 1.2 刚列举了数组的一些操作会对空位进行跳过，但其实，它们在处理上也还是存在一些差异的2. 是否修改原数组 3. 附一下数组遍历的几种...

2023-05-17 21:18:22

146浏览

0评论

JavaScript中常见的几种获取元素的方式

1.根据id获取元素document.getElementById("id属性的值");返回值是一个元素对象案例：点击按钮弹框<body><input type="button" value="弹框" id="btn"><script> //根据id...

2023-05-17 21:18:20

140浏览

0评论

JavaScript中的location、history、navigator对象实例介绍

1.location//地址栏上#及后面的内容console.log(window.location.hash);//主机名及端口号console.log(window.location.host);//主机名console.log(window.location.hostnam...

2023-05-17 21:18:16

137浏览

0评论

JavaScript使用Promise封装Axios进行高效开发

目录一、为什么要使用promise封装二、如何封装以及使用三、拓展一、为什么要使用promise封装原生的axios书写是这样的：axios({ url: 接口地址, method:请求方法, data:携...

2023-05-17 21:18:14

147浏览

0评论

JS实现"上次操作未完成禁止新操作"逻辑特事特办方案

目录场景1.初步解决方案：特事特办2. 基于约定回调的条件式回调函数3. 基于 Promise 的条件式回调函数4. React hook 版场景相信很多人都遇到过类似的场景：某一个按钮是用来发...

2023-05-17 21:18:11

146浏览

0评论

JavaScript中内置函数Map()的使用

目录Map()的定义和基础使用Map()的高级特性易于迭代所有元素易于检测元素是否存在易于删除元素具有可扩展的属性和方法Map()的使用场景缓存数据带键的循环翻译文本结论JavaS...

2023-05-17 21:18:09

143浏览

0评论

JavaScript中的预解析你了解吗

JS的预解析是指在代码执行之前，JavaScript引擎会先对代码进行一次扫描，将变量声明和函数声明提升到当前作用域的顶部，以便在代码执行时能够正确地访问这些变量和函数。这个过程...

2023-05-17 21:18:07

156浏览

0评论

JS树形结构根据id获取父级节点元素的示例代码

目录封装函数调用函数封装函数// 传入 id、树形结构数据export function getParentTree(id, tree) { let arr = [] //要返回的数组 for (let i = 0; i < tree.length; i++...

2023-05-17 21:18:06

340浏览

0评论

深入浅出JavaScript前端中的设计模式

目录关于设计模式七种常见的设计模式单例模式工厂模式适配器模式装饰器模式策略模式观察者模式发布-订阅模式关于设计模式软件设计模式，又称设计模式，是一套被反复使用、多数...

2023-05-17 21:18:02

158浏览

0评论

TypeScript接口和类型的区别小结

目录接口（interface）类型（type）interface vs type结论TypeScript 是由 Microsoft 开发的一种开源的编程语言。它是 JavaScript 的超集，添加了静态类型和其他功能，使代码更为健壮且...

2023-05-17 21:17:59

139浏览

0评论

JavaScript中的构造函数和实例对象之间的关系(构造器)

1.自定义构造函数function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; this.eat=function () { console.log("吃"); };}2...

2023-05-17 21:17:57

168浏览

0评论

网页加载速度优化技巧的方案详解

目录引言部分图片采用雪碧图部分图片采用svg部分图片转 base64 编码压缩 html、css、js 等静态资源CDNGzip引言由于最近工作需求，需要极大优化用户的加载速度。下面我就从网...

2023-05-17 21:17:55

349浏览

0评论

JS中的常见数组遍历案例详解(forEach, map, filter, sort, reduce, every)

目录1. forEach2. map3. filter4. sort5. reduce6. every在ES6的语法中，数组新添了好几种新的和遍历有关的方法。虽然这些函数本质上都是语法糖，理论上说，离开他们一样可以写码...

2023-05-17 21:17:47

456浏览

0评论

TS如何从目录中提取所有指定扩展名的文件

目录TS如何从目录中提取所有指定扩展名的文件“.ts”是一种高清视频封装格式文件，全称为MPEG2-TS，TS表示TransportStream；MPEG2-TS格式的特点就是从视频流的任一片段...

2023-05-17 21:17:45

148浏览

0评论

vue2中使用axios及axios拦截器的配置教程

目录一、vue2项目中如何实现异步请求1、axios：是一个基于Promise的网络请求库。2、vue中的使用方法3、axios中不同请求方式向服务器提交数据的格式：二、axios拦截器的配置1、a...

2023-05-17 21:17:43

267浏览

0评论

Vue.js结合SortableJS实现树形数据拖拽

目录需求实现避坑(树形结构导致下标错乱)避坑(树形结构导致拖拽父级子级数据不跟随父级移动)避坑(刷新表格导致抖动)平级数据拖拽小结需求表格实现行拖拽,要求只支持同级拖...

2023-05-17 21:17:36

177浏览

0评论

Vue插槽具体用法及实例分析

目录单个插槽具名插槽作用域插槽Vue的插槽（Slot）是一种可以让父组件向子组件传递内容的机制。插槽可以让开发者将组件的结构和内容分离开来，从而实现更好的可维护性和复用性。...

2023-05-17 21:17:24

152浏览

0评论

Vue中的侦听器及使用场景

目录基本示例深层侦听器即时回调的侦听器回调的触发时机this.$watch()停止侦听器基本示例计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在...

2023-05-17 21:17:20

154浏览

0评论

Vue中常见的几种传参方式小结

目录前言父子组件之间传参兄弟组件之间传参provide/inject传参总结前言Vue组件传参方也是面试最常考的内容，犹记得当初刚出来实习的时候，遇到一个需求，大概就是一个tabs下面有...

2023-05-17 21:17:19

367浏览

0评论

详解Vue的组件注册

引言一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。全局注册我们可以使用 Vue...

2023-05-17 21:17:17

398浏览

0评论

浅谈Vue DIFF

目录不带 key 的操作带 key 的操作简单 DIFFVue是如何找到需要进行移动的元素Vue是如何移动元素的Vue是如何进行新增元素的Vue 是如何删除多余的旧元素的双指针 DIFF快速 DI...

2023-05-17 21:17:15

379浏览

0评论

el-date-picker日期范围限制的实现

目录前言实现思路具体实现组件模板定义定义props属性 type设置默认属性值定义核心计算属性pickerOptions处理手动输入的情况使用效果完整代码实现前言最近遇到一个需求：需要...

2023-05-17 21:17:07

143浏览

0评论

Vue3+axios+Mock.js实现登录功能的示例代码

目录前言一、Vue3 + Element Plus + Mock.js + axios实现登录功能1.登录页面配置路由、编写表单内容2.编写表单校验规则3.登录触发表单预验证4.Mock.js模拟登录请求5.Vue3引...

2023-05-17 21:17:02

412浏览

0评论

Vue首屏白屏问题的原因和解决方法讲解

目录一.路由模式错误(路由重复或者没有配置路由)二.dist中文件引用路径错误(vue项目打包的路径问题)三.浏览器不支持es6四.加载文件资源过大vue首屏白屏原因大概有以下几点：...

2023-05-17 21:16:54

166浏览

0评论

Vue3 Watch踩坑实战之watch监听无效

目录ref 与 reactivewatch总结ref 与 reactiveref函数和reactive函数都是用来定义响应式数据但是reactive更适合定义引用类型、ref适合定义基本数据类型（可接收基本数据类型...

2023-05-17 21:16:53

188浏览

0评论

vue执行配置选项npm run serve的本质图文详解

目录一、启动开发服务器、调用“工具链”、编译、并运行当前工程二、npm run serve内部原理分析三、vue编译运行过程总结一、启动开发服务器、调用“工具链&...

2023-05-17 21:16:45

162浏览

0评论

详解Vue如何实现字母验证码

目录1. 确定需求2. 设计组件结构3. 实现功能3.1 生成随机字母验证码3.2 刷新验证码3.3 提交验证码4. 效果演示5. 总结1. 确定需求在实现字母验证码之前，我们需要明确需求并准...

2023-05-17 21:16:40

242浏览

0评论

el-form-renderer使用教程

目录前言起步使用update-form && getFormValue表单项动态显示或隐藏(hidden)表单数据联动(on)输入/输出格式化(inputFormat/outputFormat)set-optionsel-form-renderer 实...

2023-05-17 21:16:38

400浏览

0评论

深入探讨Vue 3中的组合式函数编程方式

目录什么是组合式函数鼠标跟踪器示例异步状态示例约定和最佳实践命名输入参数返回值副作用使用限制通过抽取组合式函数改善代码结构选项式API中使用组合...

2023-05-17 21:16:32

140浏览

0评论

Vue中的组件注册方法及注意事项

目录Vue组件的基本概念Vue组件的注册全局注册局部注册如何使用Vue组件组件之间嵌套Vue组件的基本概念Vue组件是一种可复用的Vue实例，用于封装可重用的HTML元素、JavaScript代...

2023-05-17 21:16:30

240浏览

0评论

element-ui中el-cascader动态加载和默认值详解

刚解决了这个问题，趁热赶快拿出来凉凉，明天早上起来估计会忘下拉框的选择和默认值对于我来说一直都是个让人头疼的事，倒不是有多么难，而是很繁琐。要保证有值，还要有显示的文字。...

2023-05-17 21:16:25

188浏览

0评论

element-ui中表格设置正确的排序及设置默认排序

本文主要解决两个问题，第一个，在element-ui中，直接设置参数排序，达不到预期效果，预期是按照数字的大小进行排序；第二个，想对表格中某个字段设置默认的排序方式现象：
直接设置在 el-t...

2023-05-17 21:16:24

185浏览

0评论

教你使用vue-autofit 一行代码搞定自适应可视化大屏

目录可视化大屏适配/自适应现状三大常用方式解决留白问题常用分辨率计算补齐白边所需的px最终效果亲手打造集成工具：vue-autofit可视化大屏适配/自适应现状可视化大屏的适配...

2023-05-17 21:16:18

147浏览

0评论

VueRouter 原理解读之初始化流程

目录1.1 核心概念官方介绍使用与阅读源码的必要性1.2 基本使用路由配置与项目引入路由组件使用跳转 api 调用2.1 createRouter 初始化入口分析大致流程Router 对象的定义：创...

2023-05-17 21:15:41

186浏览

0评论

深入了解Vue3中props的原理与使用

目录前言介绍原理前提创建组件实例对象初始化Props操作创建proxy对象去获取Propsprops作为参数传入setup将proxy挂载到render上总结前言props指父组件往子组件中传入参数，我...

2023-05-17 21:15:37

144浏览

0评论

VUE项目启动没有问题但代码中script标签有蓝色波浪线标注

目录项目场景：问题描述原因分析：解决方案：总结项目场景：VUE 中项目启动没有问题，代码中 script 标签有蓝色波浪线标注：并且有相关的提示信息Virtual script not found, may missi...

2023-05-17 21:15:35

177浏览

0评论

Vue3中watch无法监听的解决办法

下面的代码在对ref实例赋值完之后。既：test.value = { name: 1 }，会发现不执行watch里面的回调函数了，这是为什么呢？<!DOCTYPE html><html lang="en"><head> <meta charset="UT...

2023-05-17 21:15:33

133浏览

0评论

vue3响应式对象的api超全实例详解

目录Ⅰ. ref、reactive ( 递归监听 )Ⅱ. isRef、isReactive ( 判断 )Ⅲ. toRef 和 toRefs ( 解构 )Ⅳ. toRaw 、 markRaw ( 解除代理)Ⅴ. unref ( 拷贝 )Ⅵ. shallowRef 、s...

2023-05-17 21:15:31

147浏览

0评论

Vue使用vm.$set()解决对象新增属性不能响应的问题

在Vue.js中，当你向一个已经创建的对象添加新属性时，Vue无法检测到该变化并自动更新视图。这是因为Vue在初始化时对数据进行了响应式转换，只有在这个过程中存在的属性才...

2023-05-17 21:15:29

443浏览

0评论

如何使用VUE+faceApi.js实现摄像头拍摄人脸识别

目录需求：实现步骤：第一步：下载引入必要包下载依赖下载model将项目中的model放入VUE中的public文件加下第二步：先把HTML写上去第三步可以开始代码了首先引入下载好的face-api....

2023-05-17 21:15:27

168浏览

0评论

一文详解Vue-组件自定义事件(绑定和解绑)

目录组件自定义事件(绑定)1 编写案例2 props实现3 自定义事件实现方式14 自定义事件实现方式25 只能触发一次事件6 多个参数传递组件自定义事件(解绑)1 解绑一个事件2 解绑...

2023-05-17 21:15:24

147浏览

0评论

Vue组件设计之多列表拖拽交换排序功能实现

目录1. 安装所需依赖2. 组件设计实现3. 组件使用示例在前端开发中，拖拽排序是一种提升用户体验非常好的方式，常见的场景有单列表拖拽排序，多列表拖拽交换排序，比如以下这种效果：...

2023-05-17 21:15:07

163浏览

0评论

vue3+ts实现树形组件(菜单组件)

目录前言全局注册组件组件的实现树形组件的基本结构：完善组件(添加点击事件，过渡效果)✌️✌️添加过渡总结：前言之前在使用element-plus的使用，使用el-menu组件，并且使用了递归思想...

2023-05-17 21:15:01

137浏览

0评论

深入解析Vue的自定义指令

目录介绍指令钩子钩子参数简化形式对象字面量在组件上使用介绍除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外，Vue 还允许你注册自定义的指令 (Cus...

2023-05-17 21:14:37

145浏览

0评论

浅谈一下Vue技术栈之生命周期

目录1、什么是生命周期2、分析生命周期2.1 生命周期钩子函数2.2 生命周期钩子函数的作用2.3 生命周期钩子函数图例2.4 生命周期钩子函数的应用3、生命周期总结1、什么是生命...

2023-05-17 21:14:35

158浏览

0评论

vue3+Typescript实现路由标签页和面包屑功能

目录在vue中实现路由标签页和面包屑需求分析最终效果实现步骤第一步：创建路由标签组件和面包屑第二步：创建路由标签数组第三步：监听路由变化并自动添加新标签第四步：处理关闭标...

2023-05-17 21:14:29

154浏览

0评论

详解Vue中双向绑定原理及简单实现

目录监听器订阅器双向绑定构造函数编译器（1）Compile类（2）node2Fragment函数（3）compile函数总结效果完整代码代码缺陷监听器vue实现双向绑定时，首先要实现目标data的监听（通过 Object...

2023-05-17 21:14:26

172浏览

0评论

Vue中computed属性和watch,methods的区别

目录computedwatchmethods归纳三者不同点1、methods2、computed3、watch在Vue中，computed、watch和methods是处理响应式数据的三种方式。它们的主要区别在于计算方式、响应方...

2023-05-17 21:14:19

157浏览

0评论

超详细图解如何运行vue项目

目录一、查看node.js版本二、运行别人的项目的前提准备三、运行vue的三种方法总结...

2023-05-17 21:14:17

首页 «146 147148149 150 »尾页

热门文章