- 博客(1143)
- 资源 (264)
- 收藏
- 关注
RSS订阅
原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22
1352
原创 本地存储工具函数封装Cookie、localStorage、sessionStorage-值得收藏
工具函数封装localStorage 存储// 数据存储到本地缓存const localSet = (key, value, day) => { let d = new Date(); let time = 0; day = (typeof (day) === 'undefined' || !day) ? 1 : day;// 时间,默认存储1天 time = d.setHours(d.getHours() + (24 * day));// 毫秒 ...
2021-10-21 17:33:42
748
1
原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，...
2021-05-18 10:50:37
1823
27
原创 Grid网格布局教程-语法篇
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后.
2021-03-24 14:51:42
3765
原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:（重点）根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56
2422
原创 React学习笔记--进阶之路
react框架 *react是facebook内部的一个javascript类库，用于构建用户界面的 JavaScript 库react官网：https://react.docschina.org/react不是一个完整的MVC框架，最多可以认为是MVC中的V（View）react引入了虚拟DOM机制react引入了组件化思想react使用facebook专门为其开发的一套语法糖--jsx使用注意事项-jsx语法注意事项 jsx语法* 标签内容内属性 例如*
2020-08-12 16:47:19
612
1
原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事）适用人群：个人、媒体、企业、政府或其他组织。（哪些组织可以注册订阅号）群发次数：订阅号（认证用户、非认证用户）1天内可群发1条消息。服务号服务号：为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似12315，114，银行，
2020-07-06 23:05:31
2189
1
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串，并返回结果。 toLocaleString() 把数组转换为本地数组，并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push， pop concat
2020-06-11 23:02:46
1313
2
原创 Flex弹性布局教程-语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友为本文的所有示例制作了，也可以参考。和。
2020-06-05 13:06:14
1742
2
原创 Vue.js学习笔记--进阶之路
框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心数据驱动页面组件化methods，用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
2020-06-01 22:23:36
1161
1
原创 Node.js学习笔记--进阶之路
简介Node 是一个软件, 可以脱离浏览器, 独立执行JS文件Node实现了ECMAScript标准, 所以语言跟JavaScript基本一致 因为想成为全栈开发(前后端都可以的大拿) PHP等语言是阻塞的, 性能不如nodeJS node是事件驱动, 非阻塞的 Node中是大量的, 事件和回调函数 单线程（主线程单线程，后台I/O线程池） 跨平台 (Node软件可以安装在window系统/linux系统/mac系统/等等)安装Node...
2020-05-10 19:06:59
1862
原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58
750
原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56
455
原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史： 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生：为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言（java<sun> python c ------） 这个时候使用的是java ---...
2020-03-16 20:25:33
1527
原创 前端高频面试题--持续随缘更新
目录1、简述的作用？2、常见的浏览器及其内核有哪些？3、常见的块级标签和行内标签分别有哪些？4、b 和 strong （i 和 em ）标签的区别？5、谈谈对语义化的理解？1、简述<!DOCTYPE>的作用？<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义（DTD），告诉浏览器这个文件的类型，让浏览器知道该用哪个规...
2020-02-10 18:50:22
812
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍：chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24
1194
6
原创 Vue3中在Vuex中使用路由跳转页面报错-Cannot read properties of undefined (reading ‘push‘)
useRoute, useRouter必须写到setup中,强行在函数中使用这两会报undefined,导致无法获取路由数据和路由方法。
2024-09-09 09:00:41
148
原创 Vue/cli不同环境下打包后js文件没有添加hash值-会导致缓存问题-解决
值，所以在配置不同环境对应命令的时候，把NODE_ENV='production'加上。包文件判断是根据NODE_ENV='production'，这时会对应打包加上。process.env.VUE_APP_ENV 会读取不到值。全局的环境变量需要以VUE_APP_ 开头。
2024-09-09 09:00:29
199
原创 Vue3中接入WalletConnect登录方式-@particle-network/connec-demo
是一个用于连接粒子网络（Particle Network）的JavaScript库。以上是一个简单的使用示例，具体的实现细节和逻辑会根据你的应用程序需求而有所不同。你可以使用npm或者yarn等包管理器进行安装。库的官方文档和示例代码来了解更多信息和实现细节。首先，在你的项目中安装。
2024-09-02 09:50:14
167
原创 vue路由Router设置父路由默认选中第一个子路由，切换子路由让父路由激活高亮效果不会消失
这样，当进入父路由时，默认会重定向到第一个子路由，并将其激活状态设置为父路由的激活状态。当切换子路由时，父路由的激活状态会保持不变，并继续使用子路由的激活类名来保持子路由的激活状态。为了保持父路由高亮不消失，我们使用了全局的导航守卫。同时，为了让子路由切换时父路由仍然激活高亮效果，需要在父路由的。属性来保持组件状态，以达到在不同路由之间切换时保持组件状态的目的。这样，在切换子路由时，父路由的高亮状态将保持不变。，并在该路由的子路由中设置了默认选中的子路由。在父路由的组件的样式中添加。在父路由的组件中使用。
2024-09-02 09:49:47
759
原创 Vue中使用el-table自定义序号翻页后又从1开始没有连续
中，自定义序号列在翻页后会重新从 1 开始是因为每页的数据是重新渲染的，没有保留之前的序号。如果您希望在翻页后保持连续的序号，可以使用 。通过这种方式，无论翻页还是其他操作，序号都会保持连续。注意，如果您使用了筛选、排序等功能，可能需要对序号进行相应的调整。 来获取每一行数据的索引，并结合当前页码和每页显示的数据条数来计算连续的序号。 是从外部传入的当前页码和每页显示的数据条数，您可以根据实际情况进行设置。 属性来获取全局的行索引。在这个示例中，我们使用了 。
2024-08-26 09:17:27
384
原创 阿里云对象存储OSS的前端直传-demo
在项目里有时候会碰到比如上传文件相关的，一般都是后端提供个接口，然后我们上传的时候后端再传到阿里OSS或者其他服务商的对象存储，然后把最终的url拿到存起来或者返回给前端，这种方式其实在上传图片的频率不高的业务场景中可能并无大碍，但是如果你的项目是相册类的，资源提供类的，总之就是有很频繁的上传文件的场景，可能服务器的带宽就有点扛不住了，那么有没有更好的解决方案呢？此时服务端的工作已经完结了，可以提供前端一个接口，通过鉴权之后，返回给前端这么几个参数，接下来，让我们把舞台交给我们的前端~
2024-08-26 09:17:12
1101
原创 Vue中使用Ant Design Vue-Modal对话框关闭弹窗时如何正确销毁子元素或者数据重置-destroyOnClose
设置这个属性是会销毁a-modal内的子元素，如果直接将页面结构内容写在弹窗里，弹窗加载直接就运行了，里面没有生命周期，可以采用弹窗结构（组件）和页面结构（组件）分离开然后设置destroyOnClose属性就能生效。如果一定要写在弹窗内，可以使用watch监听弹窗属性的变化，去动态改变内部的值。
2024-08-19 10:39:35
531
原创 vscode中使用官方推荐的编程字体Cascadia Code字体
>和===有特殊效果很多字体都支持使用连字，Cascadia Code 、Jetbrains Mono 、Fira Code 等。
2024-08-19 10:39:18
376
原创 Vue3中使用Vuex在组件中如何使用getters
在组件中使用 Vuex 数据：在组件中可以通过访问 state 中的数据，通过调用 mutations 中的方法，通过调用 actions 中的方法，通过访问 getters 中的数据。Vue 3 中，要获取 Vuex 的 getters 数据，您可以使用对象来访问 getters 中定义的数据。这个示例中，我们使用useStore函数来获取 Vuex 的 store 实例，然后使用computed函数创建计算属性。通过和，我们可以访问 Vuex 中 getters 定义的getCount和。
2024-08-12 09:31:25
380
原创 VsCode更新后(版本1.92.0)git栏目多了git提交的线-开启和关闭
VsCode更新后(版本1.92.0)git栏目多了git提交的线-开启和关闭。
2024-08-12 09:31:07
690
原创 文件流方式下载大文件，页面会卡，可以开新线程去执行下载
但是，在Web Workers中进行HTTP请求并不会直接解冔主线程卡顿的问题，因为文件下载操作（特别是大文件）通常会受限于网络IO，并且文件数据最终需要在主线程中被处理以实现下载。这种方式允许你在数据块到达时就处理它们，减少内存的使用，并且提高处理大文件的性能。这样，主线程只负责触发下载和处理用户界面交互，而文件的数据处理是逐块进行的，这有利于保持页面的响应性。: 如果后端支持，你可以实现流式下载，边下载边处理文件，而不是等待整个文件下载完成。当所有的数据块都被读取完时，流会被关闭。
2024-07-29 09:02:23
199
原创 Vue项目移动端h5页面在IOS上点击input输入文本框页面会自动放大的问题
需要给 ios 和安卓 app 开发 h5 页面，在安卓上测试没有问题，但是 ios上点击输入框会导致页面缩放失败。
2024-07-29 09:02:00
367
原创 Vue-Request 帮你方便快捷的管理项目的请求接口
在以往的业务项目中，我们经常会被 loading 状态的管理、请求的节流防抖、接口数据的缓存、分页等重复的功能实现所困扰。每次开启一个新项目都需要重新实现一遍，这是一项重复的工作，还需要确保团队的一致性。VueRequest 的目的是为开发人员提供一种方便、快速的方式来管理 API 状态。通过简单的配置，可以省去那些繁琐的任务，专注于业务核心的开发。是一个异步的请求函数，换句话说，你可以使用。当请求完成后，则将会根据请求结果来设定。来获取数据，然后返回一个。
2024-07-22 09:00:00
599
原创 Nuxt.js中下载后端返回的文件流格式的文件进行文件下载
如果你的 Nuxt.js 项目已经安装并配置了这个模块，你可以直接使用它来发送请求并下载文件。发送 GET 请求到你的后端 API 端点以获取文件流。然后，使用 JavaScript 创建一个临时的。是你希望保存的文件名和扩展名。在 Nuxt.js 中，你可以使用全局的。确保你的 Nuxt.js 应用已包含。对象来处理 HTTP 请求，这是由。响应头中提取，如果后端设置了的话。方法会在点击按钮时触发。在你的组件或页面中，使用。是你的 API 端点，而。元素来模拟文件下载。
2024-07-15 09:56:06
237
原创 vue-virtual-scroller-展示大量数据列表-虚拟列表展示优化
是一个 Vue 组件库，用于高效地渲染大量数据项，通过虚拟滚动来提升性能。它适用于长列表、网格、表格等场景。
2024-07-08 09:33:30
780
原创 vue-lazyload-项目图片懒加载-默认图片和加载失败图片展示
是一个 Vue 组件库，用于高效地渲染大量数据项，通过虚拟滚动来提升性能。它适用于长列表、网格、表格等场景。
2024-07-08 09:33:09
386
SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端
2024-07-25
JackieDYH自定义板块html代码
2023-10-11
vscode-settings.json
2023-09-08
vscode-配置文件.code-profile
2023-09-08
Vue2.x和Vue3.x面试常问知识点-面试题-JackieDYH - CSDN博客.pdf
2023-09-07
两句css代码实现全屏滚动效果.zip
2023-04-03
微信小程序video标签如何在其他视频播放时让另一个视频暂停播放-demo
2023-03-29
Vue海报二维码组合图片生成和下载-qrcodejs2-html2canvas
2022-05-08
js时间对象实现倒计时效果(可设置倒计时开始时间)
2020-03-30
C语言复习资料.docx
2020-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人