72浏览

0评论

Vue生命周期中的八个钩子函数相机

目录1、beforeCreate和created函数2、beforeMount和mounted函数3、beforeUpdate和updated函数4、beforeDestroy和destroyed函数总结1、beforeCreate和created函数beforeCrea...

• 2022-01-09

64浏览

0评论

vue3组件通信的方式总结及实例用法

vue3组件通信方式为以下几种 props $emit $expose / ref $attrs v-model provide / inject Vuex mitt
props<child :msg2="msg2" /><script se...

• 2022-01-09

64浏览

0评论

深入了解javascript原型和原型链

目录一、什么是原型二、prototype三、__proto__四、constructor五、实例与原型六、原型的原型七、原型链一、什么是原型原型：每一个javascript对象(除null外)创建的时候，都会...

• 2022-01-09

72浏览

0评论

echarts如何实现带百分比的横向柱状图

目录实例代码效果图代码解析总结实例代码var data = [220, 182, 191, 234, 290, 120, 65, 444];var barWidth = 20;var maxNum = 0;for (var i = 0; i < data.length; i++)...

• 2022-01-09

86浏览

0评论

webpack图片转为base64的实现示例

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

• 2022-01-09

75浏览

0评论

TypeScript 映射类型详情

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

• 2022-01-09

92浏览

0评论

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

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

• 2022-01-09

79浏览

0评论

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

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

• 2022-01-09

77浏览

0评论

React脚手架搭建的学习

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

• 2022-01-09

83浏览

0评论

前端Vue单元测试入门教程

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

• 2022-01-09

89浏览

0评论

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

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

• 2022-01-09

83浏览

0评论

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

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

• 2022-01-09

87浏览

0评论

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

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

• 2022-01-09

79浏览

0评论

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

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

• 2022-01-09

75浏览

0评论

Vue获取表单数据的方法

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

• 2022-01-09

70浏览

0评论

vue之数据代理详解

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

• 2022-01-09

114浏览

0评论

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

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

• 2022-01-09

78浏览

0评论

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

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

• 2022-01-09

72浏览

0评论

ES6的Promise用法详解

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

• 2022-01-09

132浏览

0评论

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

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

• 2022-01-09

456浏览

0评论

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

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




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

• 2022-01-09

113浏览

0评论

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

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

• 2022-01-09

75浏览

0评论

React插槽使用方法

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

• 2022-01-09

86浏览

0评论

JavaScript高级之闭包详解

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

• 2022-01-09

78浏览

0评论

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

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

• 2022-01-09

65浏览

0评论

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

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

• 2022-01-09

91浏览

0评论

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

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

• 2022-01-09

71浏览

0评论

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

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

• 2022-01-09

86浏览

0评论

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

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

• 2022-01-09

77浏览

0评论

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

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

• 2022-01-09

109浏览

0评论

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

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

• 2022-01-09

221浏览

0评论

React事件绑定详解

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

• 2022-01-09

89浏览

0评论

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

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

• 2022-01-09

73浏览

0评论

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

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

• 2022-01-09

81浏览

0评论

javascript七大数据类型详解

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

• 2022-01-09

81浏览

0评论

详解JavaScript实现哈希表

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

• 2022-01-09

100浏览

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

156浏览

0评论

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

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

• 2022-01-09

78浏览

0评论

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

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

• 2022-01-09

84浏览

0评论

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

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

• 2022-01-09

74浏览

0评论

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

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

• 2022-01-09

98浏览

0评论

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

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

• 2022-01-09

82浏览

0评论

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

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

• 2022-01-09

93浏览

0评论

JSONP跨域模拟百度搜索

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

• 2022-01-09

116浏览

0评论

JS日期控件My97DatePicker基本用法

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

• 2022-01-09

107浏览

0评论

JavaScript实现模态框拖拽效果

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

• 2022-01-09

87浏览

0评论

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

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

• 2022-01-09

331浏览

0评论

JavaScript动画函数封装详解

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

• 2022-01-09

133浏览

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

140浏览

0评论

详解angular中使用echarts地图

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

• 2022-01-09