编程开发 - 教程之家

92浏览

0评论

webpack图片转为base64的实现示例

下载url-loader yarn add -D url-loadermodule: { rules: [ { test: /\.(jpeg|jpg|png|svg|gif)$/, use: { loader: 'url-loader', // 默认...

2022-01-09 20:05:47

79浏览

0评论

TypeScript 映射类型详情

目录1.映射类型（Mapped Types）2.映射修饰符（Mapping Modifiers）3.通过 as 实现键名重新映射（Key Remapping via as）4.深入探索（Further Exploration）前言:TypeScript 的官方文档早已...

2022-01-09 20:05:46

97浏览

0评论

Vue3+Vite+TS实现二次封装element-plus业务组件sfasga

目录1.结构字符串2.返回tuple元组3.访问Dict字典4.运用库5.在列表中切片/步进6.用 ranges1.结构字符串你会经常需求打印字符串。要是有很多变量，防止下面这样：name = "Raymond...

2022-01-09 20:05:45

87浏览

0评论

深入了解JavaScript中正则表达式的使用

目录一、什么是正则表达式1、正则表达式特点2、正则表达式的使用二、正则表达式中的特殊字符1、正则表达式的组成2、边界符3、字符类4、量词符5、括号总结6、预定义类三、S...

2022-01-09 20:05:43

85浏览

0评论

React脚手架搭建的学习

一、前端工程的复杂化如果我们只是开发几个小的demo程序，那么永远不需要考虑一些复杂的问题：比如目录结构如何组织划分；比如如何管理文件之间的相互依赖；比如如何管理第三方模块...

2022-01-09 20:05:41

90浏览

0评论

前端Vue单元测试入门教程

目录一、为什么需要单元测试二、如何写单元测试三、测试工具四、Jest入门安装
简单示例
Jest Cli
使用配置文件
使用 Babel
vue-cli 中使用 Jest
常见示例
判断值相等检查类...

2022-01-09 20:05:30

97浏览

0评论

vue3时间戳转换（不使用过滤器）

vue2转换时间戳的时候一般使用过滤器的方式，到vue3之后，vue3移除了过滤器，就不能再用了，官方是推荐使用方法或者计算属性的方式。下面写了一个Time.ts的文件，可以针对时间戳进...

2022-01-09 20:05:29

90浏览

0评论

实现瀑布流布局的三种方式

前言今天逛闲鱼的时候观察到每一行的高度不是相同的，经了解才知道原来这是一种瀑布流布局，感觉挺有意思，于是决定研究一下，在网上也找了一些方案，实现瀑布流大概有3种方式。一、J...

2022-01-09 20:05:28

93浏览

0评论

利用vue3仿苹果系统侧边消息提示效果实例

目录动效预览其他UI库开始组件目录结构toasts.vue大概的DOM结构index.js注册组件 & 定义全局变量instance.js手动挂载实例完整代码总结动效预览最近在做毕业设计, 想给毕设...

2022-01-09 20:05:22

87浏览

0评论

深入了解vue2与vue3的生命周期对比

目录周期对比用法总结周期对比 vue2 vue3 beforeCreate setup...

2022-01-09 20:05:20

81浏览

0评论

Vue获取表单数据的方法

目录需求获取数据并提交模板过滤器过滤器的使用场景总结需求使用Vue收集如下用户数据：
获取数据并提交代码实现：将value的值与变量属性进行绑定
v-model.trim = ‘username' ;...

2022-01-09 20:05:19

74浏览

0评论

vue之数据代理详解

目录一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理二、上面的数据代理还是有以下缺陷的总结解决跨域的方式有多种，例如jsonp、cors但这两种都需...

2022-01-09 20:05:18

122浏览

0评论

vue3中vuex与pinia的踩坑笔记记录

目录介绍安装使用简单对比写法差异与共同点Vuex 和 Pinia 的优缺点何时使用Pinia，何时使用Vuex总结介绍Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的...

2022-01-09 20:05:16

82浏览

0评论

基于el-table封装的可拖拽行列、选择列组件的实现

效果需要环境vue
elementUI
拖拽插件Sortable.js 需配置属性示例
<HTable :columns="columns" :data="list" :setColumn="true" tableKey="CategoriesList" style="w...

2022-01-09 20:05:07

78浏览

0评论

ES6的Promise用法详解

目录什么是Promisereject的用法catch的用法all的用法race的用法什么是PromisePromise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方...

2022-01-09 20:05:06

142浏览

0评论

利用vue3+threejs仿iView官网大波浪特效实例

目录前言一、效果图二、代码三、背景图片素材总结前言Threejs可以理解为是一个web端三维引擎（渲染模型，数据可视化），如果有接触过UnralEngine 4(虚幻四)等游戏引擎的，应该很容易...

2022-01-09 20:05:05

460浏览

0评论

vue-cli使用stimulsoft.reports.js的详细教程

vue-cli使用stimulsoft.reports.js（保姆级教程）第一部分：数据源准备以下是JSON数据的教程

json数据结构{ "数据源名":[ // ...数据列表 ]}自己的测试JSON数据{ "data":...

2022-01-09 20:05:02

118浏览

0评论

JS生成唯一id方式之UUID和NanoID

目录一、为什么 NanoID 正在取代 UUID二、js如何生成三、NanoID的方式前言：
唯一id有了更好的方式，那就是NanoID，今天这篇文章记录一下NanoID 正在取代 UUID？及js 生成uuid及Nan...

2022-01-09 20:05:00

85浏览

0评论

React插槽使用方法

目录需求核心思想React实现插槽的两种方式需求
我们自己写了个组件，引用组件时想要在组件中写入内容，并且写入的内容可以被组件识别、控制，用过Vue的同学肯定会立刻想到slot插...

2022-01-09 20:04:58

91浏览

0评论

JavaScript高级之闭包详解

目录1. 闭包的概念知识点的补充：2. 闭包的作用：3. 闭包示例3.1 点击li，输出当前li的索引号总结1. 闭包的概念来看一般函数的执行和启发： function stop() { v...

2022-01-09 20:04:57

85浏览

0评论

JavaScript通过极大极小值算法实现AI井字棋游戏

话不多说直接上运行截图：黑棋是玩家的位置，红色方是电脑。电脑会根据当前棋盘的情况选择一个对自己有利却对玩家不利的情况。算法可以实现电脑胜利，或者电脑和玩家平局。代码如...

2022-01-09 20:04:56

71浏览

0评论

通过JavaScript实现动态圣诞树详解

目录一、只使用 CSS 制作的动画圣诞树二、只使用 CSS 制作的螺旋圣诞树三、使用HTML+CSS+JS制作的圣诞树四、只使用 CSS 的流星圣诞树五、水晶球里的圣诞树六、圣诞贺卡一、...

2022-01-09 20:04:45

95浏览

0评论

vue使用pdf.js预览pdf文件的方法

我们在页面进行pdf预览的时候，由于有些文件不能够进行打印和下载，这时候我们使用window自带的pdf就很难满足客户的需求，因此需要另外的办法来支持我们进行特殊条件的pdf文件预...

2022-01-09 20:04:43

77浏览

0评论

JavaScript函数封装随机颜色验证码(完整代码)

数字或者字母或者数字字母混合的n位验证码带随机的颜色。下面是完整的代码，需要的自取哈！function verify(a = 6,b = "num"){ //定义三个随机验证码验证码库 var num ="01...

2022-01-09 20:04:40

91浏览

0评论

vue中4个自定义指令讲解及实例用法

四个实用的vue自定义指令1、v-drag需求：鼠标拖动元素思路：元素偏移量 = 鼠标滑动后的坐标 - 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left。
将可视区...

2022-01-09 20:04:39

83浏览

0评论

vue3基于script setup语法$refs的使用

目录一、vue2语法二、vue3使用1. 组件设置ref值
2. 组件实例获取
3. 子组件内设置对外公开的变量
一、vue2语法
vue2语法在组件上设置ref属性后，在代码里可以通过 this.$refs...

2022-01-09 20:04:37

115浏览

0评论

vue工程师必会封装的埋点指令思路知识总结

目录前言指令基础知识钩子函数钩子函数参数正文用法与思路实现加点通用性总结前言最近项目中需要做埋点功能，梳理下产品的埋点文档，发现点击埋点的场景比较多。因为使用的是阿...

2022-01-09 20:04:36

227浏览

0评论

React事件绑定详解

目录类组件事件绑定函数组件事件绑定总结 React事件绑定和原生DOM事件绑定相似语法:on+事件名={事件处理程序} 例如:onClick={()=>{}} 注意:React事件采用驼峰命...

2022-01-09 20:04:35

96浏览

0评论

JavaScript数据在不同页面的传递（URL参数获取）

网页中，我们常常遇到这种情况，当我们在某个页面输入信息的时候，会跳转到另一个页面，并且会将我们输入的信息传递到另一个页面中，怎样操作呢？
今天，我们就来实战一下...

2022-01-09 20:04:34

83浏览

0评论

利用momentJs做一个倒计时组件(实例代码)

今天抽空给大家介绍下vue和moment做的一个倒计时，具体内容如下所示：展示样式：<template> <div class="table-right flex-a-center"> <div class="time-text">...

2022-01-09 20:04:33

86浏览

0评论

javascript七大数据类型详解

目录前言:详细介绍：练习:总结前言:各大语言都会有基本类型如python,java,c系列等,基本类型的存在是不可或缺的，它就好似我们生活中算数中的整数，汉字中的中文，它就是来表示这些...

2022-01-09 20:04:32

87浏览

0评论

详解JavaScript实现哈希表

目录一、哈希表原理二、哈希表的概念三、哈希化冲突问题1、链地址法2、开放地址法四、哈希函数的实现五、封装哈希表六、哈希表操作1、插入&修改操作2、获取操作3、删除操作...

2022-01-09 20:04:28

107浏览

0评论

HTML中用JS实现旋转的圣诞树

<!DOCTYPE HEML PUBLIC><html> <head> <meta charset="utf-8"> <title> From ZXW-NUDT </title> <style> body{text-align:center}...

2022-01-09 20:04:27

160浏览

0评论

uniapp调用百度语音实现录音转文字功能

经历三天时间各种遇到困难之后终于实现了这个功能，参照网上了许多文章才找到一个能正常实现的方法，网上能找到的例子都不起作用，相信很多人困惑在这，为了避免别人出现这种情况...

2022-01-09 20:04:26

86浏览

0评论

学习JavaScript一定要知道的3个小技巧

目录一、神奇的扩展运算符1.拷贝数组
2.合并数组
3.展开对象
二、进行空检查的最佳方法1.可选链操作符
2.空值合并运算符
三、使用 .map()、.reduce() 和 .filter()前言：通常...

2022-01-09 20:04:25

90浏览

0评论

JS利用 clip-path 实现动态区域裁剪功能

背景今天逛 CodePen，看到了这样一个非常有意思的效果：CodePen Demo -- Material Design Menu By Bennett Feely这个效果还是有一些值得探讨学习的点，下面我们一起来看看。如何...

2022-01-09 20:04:23

79浏览

0评论

JS实现简单的下雪特效示例详解

目录前言主要实现代码HTML代码JS代码前言很多南方的小伙伴可能没怎么见过或者从来没见过下雪，今天我给大家带来一个小Demo，模拟了下雪场景，首先让我们看一下运行效果可以点击看...

2022-01-09 20:04:08

104浏览

0评论

localStorage过期时间设置的几种方法

目录问题描述1. 初级解法2. 中级解法3. 高级解法4. 骨灰级解法聊到 localStorage 想必熟悉前端的朋友都不会陌生, 我们可以使用它提供的 getItem, setItem, removeItem, cle...

2022-01-09 20:04:07

88浏览

0评论

JS循环中正确使用async、await的姿势分享

目录概览(循环方式 - 常用)声明遍历的数组和异步方法for 循环中使用map 中使用forEach 中使用filter 中使用附使用小结总结概览(循环方式 - 常用) for map forEach...

2022-01-09 20:04:06

99浏览

0评论

JSONP跨域模拟百度搜索

目录一、什么是JSONP二、JSONP跨域请求三、模拟百度搜索四、JSONP缺点一、什么是JSONP
JSONP是JSON with padding（填充式JSON或参数式JSON）的简写，是应用JSON的一种新方法，在后...

2022-01-09 20:04:02

124浏览

0评论

JS日期控件My97DatePicker基本用法

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 1、下载My97DatePicker组件包下载地址：https://www.jb51.net/jiaoben/18012.html2、在页面中引入该组件js...

2022-01-09 20:04:00

111浏览

0评论

JavaScript实现模态框拖拽效果

在这里做一个模态框拖曳的案例，在这里要实现的功能有：1.点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层。2.点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层。...

2022-01-09 20:03:58

95浏览

0评论

JS一维数组转化为三维数组的实现示例

今天在CSDN上问答区看到一个提问的小伙伴，是想要将一维数组转化为三位数组的需求，正好不是很忙，乐于助人的我立马给这位同学安排上，当然也没有顾及那么多去看资料什么的，就直接按...

2022-01-09 20:03:57

337浏览

0评论

JavaScript动画函数封装详解

目录一、动画函数原理二、动画函数简单封装三、动画函数给不同元素记录不同定时器四、缓动效果原理五、动画函数在多个目标值之间移动六、动画函数添加回调函数一、动画函...

2022-01-09 20:03:51

138浏览

0评论

vue3.0安装Element ui及矢量图使用方式

在此只关注v3的安装及使用，如果想了解v2可移步到其官网：https://element.eleme.io/#/zh-CN/component/installation v3官网：https://element-plus.org/zh-CN/guide/inst...

2022-01-09 20:03:49

149浏览

0评论

详解angular中使用echarts地图

目录echart的初始化app-base-chart组件htmlcss使用app-base-chart组件总结在angular中使用echart的时候，只需要在对应的组件生命周期中调用echart的api就可以了echart的初始...

2022-01-09 20:03:48

102浏览

0评论

Vue+ElementUI 实现分页功能-mysql数据

目录1.问题2.解决2.1分页组件2.2获取数据库数据的函数：getData():
2.3页面加载完成，需要请求第一页的数据3.分析4.结果1.问题
当数据库中数据比较多时，就要每次只查询一部分来...

2022-01-09 20:03:45

115浏览

0评论

javascript Blob对象实现文件下载

目录说明一、Blob对象二、前端三、后端总结说明最近遇到一个需求，文件下载，但需要鉴权，这就意味着不能用后台返回下载链接的方式进行下载，因为一旦被别人拿到这条链接，就可以不需...

2022-01-09 20:03:43

82浏览

0评论

vue实际运用之vuex持久化详解

目录vuex持久化总结vuex持久化vuex：刷新浏览器，vuex中的state会重新变为初始状态解决办法：使用vuex-persistedstate插件（实际就是自动存在本地存储中）安装 npm i -S vuex-pe...

2022-01-09 20:03:42

117浏览

0评论

Vue顶部tags浏览历史的实现

目录废话实现的功能正文重点废话demo预览实现的功能默认有首页，不能关闭点击路由菜单，判断有无存在，没有就添加，有就定位到上面点击跳转，点击X可关闭关闭当前页，自动跳到下一个tag...

2022-01-09 20:03:40

热门文章