202浏览

0评论

Vue分别运用class绑定和style绑定通过点击实现样式切换

目录Vue官方文档class绑定style绑定Vue官方文档https://cn.vuejs.org/v2/guide...<div v-bind:class="[activeClass, errorClass]"></div>可以简写成<div :class="[activeCl...

• 2023-07-25

334浏览

0评论

JSON的语法与规则详解

目录JSON 语法规则JSON 名称/值对JSON 值JSON 数字JSON 对象JSON 数组JSON 布尔值JSON nullJSON 使用JavaScript 语法JSON 文件JSON 语法规则JSON 语法是 JavaScript 对象表...

• 2023-07-25

85浏览

0评论

js中find、findIndex、indexOf的用法和区别

目录一、find方法二、findIndex方法三、indexof方法四、三者区别：五、实际使用一、find方法find方法是ES6引入的一种数组方法，可以用来查找数组中符合条件的元素。语法是：array...

• 2023-07-25

71浏览

0评论

React18的useEffect执行两次如何应对

目录一、执行两次的useEffect。二、React18 useEffect 新特性如何应对1.首先先了解一下 React 中 useEffect 执行的时机2.怎么样才能让 Effect 执行一次？。###3.具体的解决方...

• 2023-07-25

88浏览

0评论

el-table 动态合并不定项多级表头的方法

我们的需求是根据不同的厂配不同的多级表头,每个表头有需要合并的项,并且不确定如图所示对表格进行循环操作,此处不赘述,最下方有全部代码表头是单独写在js方便后期更改,然...

• 2023-07-25

77浏览

0评论

window属性onbeforeunload语法教程示例

目录onbeforeunload属性onbeforeunload属性语法onbeforeunload属性示例笔记规范浏览器兼容性onbeforeunload属性WindowEventHandlers.onbeforeunload事件处理程序属性包含在...

• 2023-07-25

290浏览

0评论

JS算法题解数组删除重复项方法示例

目录题目删除排序数组中的重复项答案解法1.解法2.题目删除排序数组中的重复项给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长...

• 2023-07-25

204浏览

0评论

关于JSON的定义以及如何使用

目录JSON 是什么？ JSON - 转换为 JavaScript 对象在线实例与 XML 相同之处与 XML 不同之处为什么使用 JSON？使用 XML使用 JSONJSON 是什么？JSON，全称是 JavaScript Object Notat...

• 2023-07-25

100浏览

0评论

javascript中sort() 方法使用详解

语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母顺序对数组中的元...

• 2023-07-12

194浏览

0评论

vue2+elementUI实现下拉树形多选框效果实例

目录效果如图所示：1.新建el-select-tree.vue组件2.页面引入组件使用总结效果如图所示：1.新建el-select-tree.vue组件<!-- * 下拉树形选择--><template> <el-select ref="se...

• 2023-07-10

134浏览

0评论

本地存储localStorage设置过期时间示例详解

目录思考实现思路代码实现代码测试思考在我们使用cookie的时候是可以设置有效期的，但是localStorage本身是没有该机制的，只能人为的手动删除，否则会一直存放在浏览器当中，可不可...

• 2023-07-10

117浏览

0评论

JS前端重新部署通知用户刷新网页

目录1.目标场景2.思考解决方案3.代码实现4.测试1.目标场景有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去...

• 2023-07-10

111浏览

0评论

JS实现简单的操作杆旋转示例详解

目录一、实现效果二、组成部分目标三、代码实现1、操作控制2、dom对象操作类3、用法总结与思考一、实现效果JS 简单的操作杆旋转实现首先说明一下，请直接忽略背景图，这里主要...

• 2023-07-10

139浏览

0评论

JS图形编辑器场景坐标视口坐标的相互转换

目录图形编辑器坐标系视口坐标转换为场景坐标场景坐标转换为视口坐标图形编辑器坐标系图形编辑器的坐标系有两种。一个是场景（scene）坐标系，一个是 视口（viewport）坐标系。视口就...

• 2023-07-10

188浏览

0评论

JS图形编辑器实现标尺功能示例详解

目录正文实现思路步长选择计算范围绘制顺序正文项目地址：github.com/F-star/suik&hellip;线上体验：blog.fstars.wang/app/suika/标尺指的是画布上边和左边的两个有刻度的尺子，...

• 2023-07-10

159浏览

0评论

JS快速检索碰撞图形之四叉树碰撞检测

目录正文四叉树碰撞检测原理四叉树碰撞检测算法一些权衡松散四叉树其他空间分割思想的算法正文在上篇文章我们讨论了使用 脏矩形渲染，通过重渲染局部的图形来提优化 Canvas...

• 2023-07-10

234浏览

0评论

element弹窗表格的字体模糊bug解决

目录背景问题分析产生的原因所以产生这样的根本原因是什么呢？解决的办法背景有一个BUG，就是在使用element弹窗表格的字体异常的模糊。如下图：这个问题其实已经存在很久了。客户...

• 2023-07-08

409浏览

0评论

element plus的样式修改和扩展实例

目录一、用户故事二、需求分析三、需求实现一、用户故事我们开发了一个业务组件库。业务组件库是需要基于公司内部的一个UI组件库。而公司的UI组件库又出“基于”...

• 2023-07-08

119浏览

0评论

基于chatgpt的微信自动回复功能实现

微信自动回复 基于聊天api的import pyautoguiimport pyperclipimport keyboardimport requestsimport timeprint('程序即将开始，请打开微信!')# 检测是否有新消息def findNew...

• 2023-07-08

116浏览

0评论

让chatgpt将html中的图片转为base64方法示例

目录前言思路实现过程递归读取指定目录下的所有 html 文件路径 htmlPaths获取每个 html 里面的图片 src获取 html 字符串的所有图片 src忽略注释的代码本身是 base64，则忽略...

• 2023-07-08

130浏览

0评论

requestAnimationFrame定时动画屏幕刷新率节流示例浅析

目录前言早期定时动画屏幕刷新率requestAnimationFramecancelAnimationFrame通过 requestAnimationFrame 节流前言很长时间以来，计时器和定时执行都是 JavaScript 动画最先进...

• 2023-07-08

342浏览

0评论

JavaScript数据类型对函数式编程的影响示例解析

目录前言JavaScript中 的数据类型中的可变数据原始类型（基本类型）对象类型（引用类型）JavaScript 为何能会让纯函数变得不纯？如何解决可变数据的影响？数据拷贝使用不可变数据方案总...

• 2023-07-08

243浏览

0评论

不可变数据方案之immer.js原理解析

目录前言了解 immer.jsimmer.js 原理总结前言本篇文章是JavaScript 函数式编程 学习系列第三篇，感兴趣也可以先去看看前两篇内容：一文理解JavaScript中的函数式编程的概念Java...

• 2023-07-08

110浏览

0评论

Flutter刷新组件RefreshIndicator自定义样式demo

目录前言效果图RefreshIndicator初始样式RefreshIndicator样式修改（简单）RefreshIndicator样式修改（复杂）简单的样式修改复杂的样式修改前言RefreshIndicator是Flutter里常见的...

• 2023-07-08

259浏览

0评论

JavaScript深拷贝方法structuredClone使用

目录正文浅拷贝与深拷贝使用 structuredClone 进行深拷贝正文对于深拷贝，最容易也应该是常见的方法是使用 JSON.parse() + JSON.stringify() ，还有一个借助第三方脚本库 lodas...

• 2023-07-08

268浏览

0评论

如何使用Vue实现多语言和国际化？

随着全球化的发展，多语言和国际化越来越成为一个网站或应用的必要功能之一。Vue作为一款流行的前端框架，在这方面也有着灵活的解决方案。本文将介绍如何使用Vue实现多语言和国...

• 2023-06-27

357浏览

0评论

如何使用Vue实现加载动画和进度条效果？

Vue是一种流行的前端框架，可以极大地简化网站或应用程序的开发。其中一个常见的功能是加载动画和进度条效果，使界面更具吸引力和交互性。在本文中，我们将探讨如何使用Vue实现这...

• 2023-06-27

236浏览

0评论

electron创建新窗口模态框并实现主进程传值给子进程

目录正文创建新窗口主进程创建一个路由试试能不能启动启动新窗口传值正文我们在开发的过程中难免会遇到需要创建一个子窗口（子进程），但是在这个子进程中所有值都是初始化的，而我...

• 2023-06-25

146浏览

0评论

JS分层架构低代码跨iframe拖拽示例详解

目录低代码引擎唤起渲染器 iframe拖拽定位1. 绑定拖放事件2. 获取拖拽过程中的 LocationEvent3. 获取离鼠标最近的 Node4. 获取拖拽对象最近的可放置容器5. 计算被拖动的对...

• 2023-06-25

129浏览

0评论

electron渲染进程主进程相互传值示例解析

目录在electron中分为渲染进程和主进程浏览器传值给主进程浏览器环境主进程主进程传值给渲染进程主进程渲染进程注意在electron中分为渲染进程和主进程渲染进程就是浏览器环...

• 2023-06-25

92浏览

0评论

Intersection Observer交叉观察器示例解析

目录前言使用一、利用IntersectionObserver构造函数创建一个观察器实例实例属性：二、观察器实例监听元素相交三、观察器回调函数参数回调参数属性：四、观察器的实例方法五、总...

• 2023-06-25

412浏览

0评论

electron 中 webview的使用示例解析

目录正文获取webview的domwebview 页面webview页面的代码新建public/preload.js文件监听页面对否显示禁止打开新窗口刷新页面上一页下一页正文webview 想必都有所了解，比如：微...

• 2023-06-25

159浏览

0评论

Vue 中如何实现正则表达式的验证及处理？

Vue 是一种流行的前端框架，它提供了丰富的功能和组件来开发现代化的 web 应用程序。其中，正则表达式是一个非常重要的工具，可以用于验证和处理表单输入、字符串匹配等等。在 Vu...

• 2023-06-25

445浏览

0评论

Vue 中实现图片预览功能的技巧以及最佳实践

Vue是一种流行的JavaScript框架，用于构建单页面应用程序(SPA)。在Web应用程序中，图片预览是一个常见的功能，Vue中有许多实现图片预览的方法。本文将详细介绍Vue中实现图片预览...

• 2023-06-25

416浏览

0评论

VUE3快速入门：使用Vue.js指令实现选项卡切换

本文旨在帮助初学者快速入手Vue.js 3，实现简单的选项卡切换效果。Vue.js是一个流行的JavaScript框架，可用于构建可重用的组件、轻松管理应用程序的状态和处理用户界面的交互操...

• 2023-06-15

415浏览

0评论

VUE3基础教程：使用Vue.js过滤器处理表格数据

Vue.js是一个非常受欢迎的JavaScript框架，它可以帮助我们构建高性能、可维护的Web应用程序。在Vue.js中，过滤器是处理数据的一个非常有用的工具，尤其是在处理表格数据时。本文...

• 2023-06-15

111浏览

0评论

Vue3侦听器watch的实现原理是什么

watch 的本质所谓的watch，其本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。实际上，watch 的实现本质就是利用了 effect 和 options.scheduler 选项。...

• 2023-06-08

425浏览

0评论

Vue3中的插件如何使用

一、插件概述1.1 插件简介插件是 Vue.js 中的一个重要组成部分，它可以让 Vue.js 更加灵活和高效。Vue.js插件可以增强Vue.js的功能性，使其更加强大且易于使用。1.2 插件的使用...

• 2023-06-08

124浏览

0评论

vue3怎么实现H5表单验证组件

效果图描述基于vue.js，不依赖其他插件或库实现；基础功能使用保持和 element-ui 一致，内部实现做了一些移动端差异的调整。当前构建平台使用 uni-app 官方脚手架构建，因为当下移...

• 2023-06-08

207浏览

0评论

Vue3 pinia状态管理工具怎么使用

pinia是什么？这个是 vue3 新的状态管理工具，简单来说相当于之前 vuex，它去掉了 Mutations 但是也是支持 vue2 的，尤大推荐。因为其logo像是一个菠萝，所以我们还称呼它为大菠萝。...

• 2023-06-08

408浏览

0评论

Vue3中怎么使用watch监听对象的属性值

Vue3 中使用 watch 侦听对象中的具体属性1.前言<script lang="ts" setup> // 接受父组件传递的数据 const props = defineProps({ test: { type: Stri...

• 2023-06-08

401浏览

0评论

vue3响应式Proxy与Reflect如何使用

理解Proxy与Reflectvue3的响应式离不开Proxy,说到Proxy则离不开Reflect.这两个对象是ES6新增的对象，同时在编程领域，他们也代表着2种设计模式，即代理与反射。ProxyProxy 可以理...

• 2023-06-08

413浏览

0评论

vue3+vite中如何使用vuex

具体步骤：1、安装vuex( vue3建议 4.0+ )pnpm i vuex -S2、main.js中配置import store from &#39;@/store&#39;// hx-app的全局配置const app = createApp(App)app.use(store)...

• 2023-06-08

414浏览

0评论

如何从零开始搭建vue3项目

说明记录一次Vue3的项目搭建过程。文章基于 vue3.2.6 和 vite2.51 版本，使用了ui库 Element plus，vue-router4，Layout布局封装，axios请求封装，别名配置等。开始1. 使用 vscode 开...

• 2023-06-08

372浏览

0评论

Vue3插件中怎么使用Provide和Inject

为什么 Vue3 插件的工作方式与以往不同在 Vue2 中，大多数插件将属性注入到 this 上。例如可以通过 this.$router 访问 Vue 路由器。但是，setup() 方法不再包含对 this 的相同...

• 2023-06-08

129浏览

0评论

Vue3兄弟组件传值之mitt怎么安装使用

比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？ 首先它足够小，仅有200bytes。 其次支持全部事件的监听和批量移除。 它还不依赖 Vue 实例，可以跨框架使用，React 或者 Vue，甚...

• 2023-06-08

84浏览

0评论

vue3中的Proxy为什么一定要用Reflect

用过vue的知道，vue的响应实现用的Proxy，且里面是配合Reflect用的,查看Proxy和Reflect文档最显眼的是Reflect对象的静态方法和Proxy代理方法的命名相同，Reflect可以操作对象使用...

• 2023-06-08

185浏览

0评论

vue3中怎么使用vue-router

一、第一步：安装vue-routernpm install vue-router@4.0.0-beta.13二、第二步：main.js先来对比一下vue2和vue3中main.js的区别：（第一张为vue2，第二张为vue3）可以明显看到，我们在vue2...

• 2023-06-08

395浏览

0评论

怎么使用vue3+Pinia+TypeScript实现封装轮播图组件

为什么封装？ 迎合es6模块化开发思想 注册为全局组件，可以更好地复用，需要用到的地方，直接使用标签即可静态结构 后面再进行更改<script lang="ts" setup name="XtxCarousel">d...

• 2023-06-08

88浏览

0评论

JavaScript Canvas实现兼容IE的兔子发射爆破动图特效

目录前言实现定义兔子的构造函数定义兔子原型的属性和方法定义文字淡出的动画。前言Hello，同学们好！又是一年新春之际，祝福大家兔年快乐！给大家介绍一个有趣的动效（兼容 IE），页面右...

• 2023-05-29