- 博客(1176)
- 资源 (264)
- 收藏
- 关注
RSS订阅
原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22
1393
原创 本地存储工具函数封装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
768
1
原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，...
2021-05-18 10:50:37
1854
27
原创 Grid网格布局教程-语法篇
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后.
2021-03-24 14:51:42
3985
原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:（重点）根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56
2468
原创 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
633
1
原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事）适用人群：个人、媒体、企业、政府或其他组织。（哪些组织可以注册订阅号）群发次数：订阅号（认证用户、非认证用户）1天内可群发1条消息。服务号服务号：为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似12315，114，银行，
2020-07-06 23:05:31
2243
1
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串，并返回结果。 toLocaleString() 把数组转换为本地数组，并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push， pop concat
2020-06-11 23:02:46
1331
2
原创 Flex弹性布局教程-语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友为本文的所有示例制作了，也可以参考。和。
2020-06-05 13:06:14
1777
2
原创 Vue.js学习笔记--进阶之路
框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心数据驱动页面组件化methods，用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
2020-06-01 22:23:36
1218
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
1968
原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58
779
原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56
467
原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史： 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生：为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言（java<sun> python c ------） 这个时候使用的是java ---...
2020-03-16 20:25:33
1599
原创 前端高频面试题--持续随缘更新
目录1、简述的作用？2、常见的浏览器及其内核有哪些？3、常见的块级标签和行内标签分别有哪些？4、b 和 strong （i 和 em ）标签的区别？5、谈谈对语义化的理解？1、简述<!DOCTYPE>的作用？<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义（DTD），告诉浏览器这个文件的类型，让浏览器知道该用哪个规...
2020-02-10 18:50:22
837
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍：chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24
1265
6
原创 vue3 router路由如何在页面中使用和如何取query, params
需要注意的是，useRoute只能在页面组件中使用，而不能在其他组件中使用。useRouter和useRoute都是Next.js中的React Hooks，用于访问当前页面的路由信息。而useRoute可以在页面组件中获取当前路由的元数据信息，例如路由的名称、文件路径等。useRouter可以在页面组件中获取路由信息，并提供了一些方法来修改路由。
2025-01-13 11:19:46
162
原创 vue中实现当值不为null或0的时候将他们对应的key添加到exchanges中，当为null或0时从exchanges中-demo
这个方法会根据 okxInvest、binanceInvest 和 bitGetInvest 的值来更新 exchanges 数组，如果值不为 null 或 0，则将对应的 key 添加到数组中，否则就从数组中去除对应的 key。在 Vue 中，可以使用 computed 属性来实现这个功能。无论使用哪种方法，代码都会在okxInvest、binanceInvest、bitGetInvest三个属性的值发生变化的时候自动更新exchanges数组，加入或删除对应的key。的计算属性来处理交易所列表的更新。
2025-01-06 09:41:21
301
原创 js实现上面数组向数组中添加新对象前判断对象中的exchange和mixSymbol是否存在相同的，如果存在更新数据否则添加新对象
可以使用JavaScript的Array.find()方法来判断数组中是否存在相同的exchange和mixSymbol，如果存在则更新数据，否则添加新对象。js实现上面数组向数组中添加新对象前判断对象中的exchange和mixSymbol是否存在相同的，如果存在更新数据否则添加新对象。数组中的每一个元素，返回一个布尔值表示是否找到了与。属性相同的元素进行更新，最后将更新后的数组赋值给。首先，定义了一个新的数据对象。如果找到了相同元素，就使用。如果没找到相同元素，就使用。，和一个已有的数据数组。
2025-01-02 09:09:06
198
原创 url encode 编码转换
编码：使用对字符串进行编码。解码：使用对编码后的字符串进行解码。是用于编码 URI 组件的 JavaScript 函数。它会将字符串中的某些字符替换为一个或多个由百分号（%）后跟两位十六进制数字表示的字符，以确保字符串可以在 URI 中安全传输。要将编码过的字符串转换回来，可以使用函数。这个函数会将这些百分号编码的字符还原为原来的字符。');所以，如果你有一个被编码过的字符串，你可以使用来解码它。
2024-12-30 09:04:16
237
原创 white-space使用技巧-国际化使用
（空白字符）指的是那些不可见的字符，它们用于分隔代码中的元素，使代码更易读。元素内的文本不会换行，会一直在同一行显示。在代码编辑和格式化中，
2024-12-23 09:10:45
280
原创 Vue3中页面滑到最下面，然后跳转新页面后新页面的位置还是在之前浏览的位置
/ 在新页面中获取历史记录中的滚动位置并设置为页面的滚动位置 mounted() { const state = history.state || {};// 在新页面中获取传递过来的滚动位置并设置为页面的滚动位置 mounted() { const scrollPosition = this.$route.query.scrollPosition;savedPosition参数保存了当前页面的滚动位置，如果存在此位置，则跳转到新页面时就会保留该位置，否则将滚动到页面的顶部。方法来实现滚动位置的控制。
2024-12-16 14:35:54
408
原创 nodejs实现WebSocket在vue中使用
在需要使用 WebSocket 的 Vue 组件中，可以创建一个 WebSocket 实例，然后在需要时发送消息，或者在组件销毁时关闭连接。在上面的代码中，我们导入了socket.io-client库，并创建了一个socket对象，连接到本地的WebSocket服务器。在上面的代码中，我们监听了WebSocket的message事件，并将接收到的数据存储在组件的message属性中。在这个例子中，我们在组件中创建了一个 WebSocket 实例，并在组件销毁前关闭了连接。当收到消息时，组件会更新。
2024-12-09 09:19:59
960
原创 vue路由这样写path: ‘/futures/:symbol?/:instType?‘代表什么意思，如何使用
这里使用的是Vue.js的路由，path: '/futures/:symbol?例如，如果访问的URL是/futures/BTC-USD-SWAP/quarter，那么路由就会匹配成功，同时参数symbol为BTC-USD-SWAP，参数instType为quarter。在上面的代码中，通过访问$route.params来获取路由参数，并将它们保存在组件的data中。这样就可以在组件中使用路由参数了。在上面的代码中，定义了一个名为Futures的路由，它的path为/futures/:symbol?
2024-12-02 09:04:28
191
原创 JavaScript将数组[[XXXX,XXXX],[XXXX],XXXX]处理成一维数组
JavaScript将数组[[XXXX,XXXX],[XXXX],XXXX]处理成一维数组。
2024-11-26 09:05:06
113
原创 element-plus如何修改内部样式而不影响vue其他组件的样式
修饰符，以限制样式仅作用于当前组件中的元素。这样就可以在不影响全局样式的情况下，修改。是一个深度选择器，可以选择组件内的所有元素，而不仅仅是当前组件的根元素。以上两种方法都可以达到修改。可以在组件的样式中使用。组件的样式而不影响其他。
2024-11-18 09:40:03
949
原创 js实现将数组对象中的chartProfitRate7d中的每一项 返回数组[[dateStr，totalProfitRate],...]
可以使用map方法遍历数组对象，然后再遍历chartProfitRate7d数组，将每一项的dateStr和totalProfitRate组成一个数组，并push到result数组中，最后返回result。
2024-11-18 09:39:43
195
原创 axios如何给某一个请求设置请求头信息
对象需要在引入 axios 后立即设置，否则可能会被部分请求重写。在使用 axios 发起请求时，可以通过设置。请求设置了三个请求头信息，分别是。对象来添加请求头信息。以上代码将分别为所有请求添加。
2024-11-11 09:04:18
1230
原创 js实现方法通过用户传如BarSelect值从profitChartNodes的hasRights为true时，从nodes对象中datestr值key变name，再从nodedatas中取出对应的值
js实现方法通过用户传如BarSelect值从profitChartNodes的hasRights为true时，从nodes对象中datestr值key变name，再从nodedatas中取出对应的barselect值，将对象放入上层对象中合并totalProfit的key改为value存储[{},{}]该代码首先判断hasRights是否为true，然后遍历nodes数组，对于每个节点，创建一个新的对象，将dateStr值存储为name属性，将对应的值转换为数值存储为value。
2024-11-11 09:03:34
276
原创 Vue中Vuex调用其他store中方法为什么要加{ root: true }-dispatch(‘app/showLoading‘, {}, { root: true })
在使用Vuex时，如果需要在一个模块中调用另一个模块的action或mutation时，需要加上{ root: true }来告诉Vuex从根模块中进行查找。store中直接使用其他store的方法 dispatch('app/showLoading');需要注意的是，只有在跨越模块的调用时才需要使用。，在同一个模块中调用其他方法不需要加上。，则Vuex会从当前模块中查找。模块，而不是从根模块开始查找。的模块中调用另一个名为。表示从根模块开始查找。
2024-11-05 09:18:48
83
原创 CSS自动吸附scroll-snap-type和scroll-snap-align-demo
CSS的scroll-snap-type和scroll-snap-align参数可以实现滚动吸附效果，让滚动操作更加流畅自然。下面是关于这两个参数的详细说明以及使用教程。
2024-10-28 09:09:51
205
原创 axios图片上传elementui图片上传组件如何使用
首先需要安装axios和element-ui依赖：npm install axios element-ui --save。注意：上传文件时需要设置Content-Type为multipart/form-data。
2024-10-24 08:00:00
295
原创 js实现数组中数据有则删除无则添加-[‘12123‘,‘432233‘...]
可以使用Array.prototype.includes()方法来判断数组中是否存在指定元素，然后使用Array.prototype.splice()方法来删除或添加元素。方法来判断数组中是否存在某个元素，如果存在则使用。方法删除该元素，如果不存在则使用。
2024-10-22 15:38:55
376
原创 Vue3基于Element-plus的Select组建进行二次封装-demo
Vue3基于Element-plus的Select组件进行二次封装可以提高开发效率，使组件的使用更加简便。在组件中使用template标签，包裹Element-plus的Select组件，并使用v-model绑定选中的值。创建一个组件文件，比如Select.vue，引入Element-plus的Select组件。在父组件中使用该组件，通过v-model绑定选中的值，并通过props属性传入选项。在需要使用该组件的父组件中，引入组件并传入props属性。最后，在父组件中处理选中值的变化。
2024-10-22 15:37:28
487
原创 Vue中app.config.globalProperties&Vue.prototype和getCurrentInstance的使用
在Vue 3中，我们可以使用 app.config.globalProperties 来定义全局的属性和方法。这个属性和Vue 2中的 Vue.prototype 类似，但是在某些方面有所不同。以下是Vue3中 app.config.globalProperties 和Vue2中的 Vue.prototype 的对比：1、异步行为不同Vue 3中是异步创建组件实例并挂载DOM，所以在 app.config.globalProperties 定义的方法中使用异步方法会更加安全。
2024-10-21 15:09:18
517
原创 vue2和vue3中依赖注入provide 和 inject是如何使用的具体案例
在Vue3中，provide和inject实现起来更加简单，只需要在setup函数中使用即可，而不需要在组件声明中使用。同时，Vue3也支持provide和inject的类型声明，在开发时更加方便。
2024-10-21 15:07:51
382
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关注的人