- 博客(1192)
- 资源 (264)
- 收藏
- 关注

原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22
1447

原创 本地存储工具函数封装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
793
1

原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,...
2021-05-18 10:50:37
1884
27

原创 Grid网格布局教程-语法篇
一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后.
2021-03-24 14:51:42
4108

原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API,很容易入手Echarts,从个人刚学习Echarts图表来看,它的难度在于它有自己的一套属性,这和我们平时用的css是不同的,因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:(重点)根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56
2503

原创 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
692
1

原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号:为媒体和个人提供一种新的信息传播方式,主要功能是在微信侧给用户传达资讯;(功能类似报纸杂志,提供新闻信息或娱乐趣事)适用人群:个人、媒体、企业、政府或其他组织。(哪些组织可以注册订阅号)群发次数:订阅号(认证用户、非认证用户)1天内可群发1条消息。服务号服务号:为企业和组织提供更强大的业务服务与用户管理能力,主要偏向服务类交互(功能类似12315,114,银行,
2020-07-06 23:05:31
2274
1

原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串,并返回结果。 toLocaleString() 把数组转换为本地数组,并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push, pop concat
2020-06-11 23:02:46
1357
2

原创 Flex弹性布局教程-语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于,依赖属性 +属性 +属性。它对于那些特殊布局非常不方便,比如,就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,给出常见布局的 Flex 写法。网友为本文的所有示例制作了,也可以参考。和。
2020-06-05 13:06:14
1812
2

原创 Vue.js学习笔记--进阶之路
框架,framework,是能够让程序开发人员更好的专注于业务逻辑的开发,而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架,Vue (读音 /vjuː/,类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架,作者是:尤雨溪vue有两大核心数据驱动页面组件化methods,用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
2020-06-01 22:23:36
1268
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
2121

原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件(ECMA-262),规定了浏览器脚本语言的标准,并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58
808

原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56
486

原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史: 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生:为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言(java<sun> python c ------) 这个时候使用的是java ---...
2020-03-16 20:25:33
1683

原创 前端高频面试题--持续随缘更新
目录1、简述的作用?2、常见的浏览器及其内核有哪些?3、常见的块级标签和行内标签分别有哪些?4、b 和 strong (i 和 em )标签的区别?5、谈谈对语义化的理解?1、简述<!DOCTYPE>的作用?<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义(DTD),告诉浏览器这个文件的类型,让浏览器知道该用哪个规...
2020-02-10 18:50:22
866

原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍:chrome谷歌: 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司: 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24
1345
6
原创 solidity智能合约-知识点
Solidity是一种用于编写智能合约的编程语言,广泛应用于以太坊区块链。智能合约通过Solidity创建,能够实现去中心化、安全且不可篡改的价值转移和记录。Solidity支持多种数据类型,如布尔值、字符串、整型、字节数组等,并提供了丰富的函数类型和操作符。智能合约中的函数可以定义为view、pure、payable等,分别用于读取数据、不修改数据、以及处理以太币转账。Solidity还支持映射(mapping)、结构体(struct)、枚举(enum)等高级数据结构,以及继承、函数重载等面向对象特性。通
2025-05-19 09:14:49
509
1
原创 Vue2.x 和 Vue3.x 对比-差异
Vue3相较于Vue2在多个方面进行了优化和提升。首先,Vue3的diff算法通过引入静态标记(patchflag)和静态提升,减少了不必要的节点对比和创建,提高了渲染效率。其次,Vue3采用了Composition API,使得代码组织更加清晰,逻辑更加集中。此外,Vue3支持更先进的组件结构,如允许在template下写多个组件,并引入了自定义渲染API。Vue3还改进了响应式系统,使用Proxy替代了Object.defineProperty,提供了更好的数据绑定支持。生命周期函数也有所变化,初始化加
2025-05-12 09:40:27
983
1
原创 Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?
一、是什么权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发页面加载触发 页面上的按钮点击触发总的来说,所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手,对触发权限的源头进行控制,最终要实现的目标是:路由方面,用户登录后只能看到自己有权访问的导航菜单,也只能访问自己有权访问的路由地址,否则将跳转 4xx 提示页 视图方面,用户只能看到自己有权浏览的内容和有权操作的控件 ..
2025-05-09 23:30:24
750
1
原创 认识和使用Vuex-案例
在组件中使用 this.$store.commit(‘xxx’) 提交 mutation,或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用。,而不是使用Mutation,但是在Action中还是要通过触发Mutation的方式间接变更数据。只有通过Mutation才能变更Store的数据,不能直接在组件中操作Store的数据;Getter可以对Store中已有的数据进行加工处理形成新的数据,类似Vue的计算属性。
2025-04-28 09:20:41
676
1
原创 Vue自定义指令如何书写-案例
bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新componentUpdated:指令所在组件的 VNode 及其子 VNode 全部更新后调用。
2025-04-14 10:21:35
154
1
原创 Vue中使用antd-table组件实现数据选择、禁用、已选择禁用-demo
2、当状态为1时,表示之前已经选择过,显示状态为勾选并禁用状态,禁止取消。selectStatus: "0", // 0未选中 1选中 2不可选。注意:表头上的全选按钮,只能操作状态为0的数据,其他数据不能操作。1、当状态为0时,表示前台页面可以自由选择和取消。3、当状态为2时,表示不可选择,显示为禁用状态。表格根据从后端获取的数据进行状态显示和控制。
2025-04-07 09:44:10
133
原创 我的创作纪念日-2048
提示:你过去写得最好的一段代码是什么?提示:当前创作和你的工作、学习是什么样的关系。提示:可以和大家分享最初成为创作者的初心。提示:在创作的过程中都有哪些收获。提示:职业规划、创作规划等。
2025-04-01 09:38:46
132
原创 Vue中使用antd-table组件时,树形表格展开配置不生效-defaultExpandedRowKeys-默认展开配置不生效
defaultExpandAllRows这个属性仅仅是用来设置默认值的,只在第一次渲染的时候起作用,后续再去改变,无法实现响应式。
2025-03-31 10:56:20
216
原创 Vue中的状态管理器Vuex被Pinia所替代-上手使用指南
在 src/store 下面创建一个user.tsid: 'user', // id必填,且需要唯一return {name: '张三'})你也可以在 strategies 里自定义 key 值,并将存放位置由 sessionStorage 改为 localStorage。persist: {复制代码。
2025-03-24 14:06:38
1026
原创 HTML+JavaScript实现随机点名2.0|随机抽奖效果-demo
HTML+JavaScript实现随机点名2.0|随机抽奖效果-demo。
2025-03-10 09:37:09
372
原创 js中常用的截流防抖函数封装
截流函数(throttle)和防抖函数(debounce)都是用于解决函数触发频率过高的问题,可以提升页面性能,减少不必要的计算,优化用户体验。
2025-03-03 14:34:17
123
原创 Vue项目中动态导入图片提示require is not defined-Vite项目
src="require(@/assets/images/third/${amountNum}.svg)" 提示ReferenceError: require is not definedVue 项目中,特别是使用 Vue 3 和 Vite 构建工具时,require通常不再被使用,而是使用动态导入(dynamic import)来处理模块和资源。你遇到的错误是因为 Vite 不支持require语法。
2025-02-25 11:12:17
372
原创 vue中Img图片资源require导入时数据没有过来的时候报错了-解决方案
4. 未正确导入模块:如果使用了import语句,请确保正确导入了模块。如果没有正确导入模块,将无法找到模块并抛出上述错误。该错误表示在Vue组件或JavaScript文件中找不到名为“undefined-icon.svg”的模块。3. 文件格式错误:检查文件扩展名是否正确,确保文件格式与代码中使用的模块格式相匹配。,导致动态导入图片的路径出现了问题。1. 路径错误:检查文件路径是否正确,确保文件实际上存在于该路径下。2. 文件名错误:确保文件名正确拼写且与文件系统中的实际文件名匹配。
2025-02-14 11:32:55
168
原创 JavaScript 判断对象里是否存在某个key-案例
在JavaScript中,你可以使用多种方法来判断一个对象中是否存在某个特定的键(例如。方法返回一个包含对象自身所有可枚举属性的数组,然后你可以检查该数组中是否包含指定的键。选择哪种方法取决于你的具体需求。如果你只需要检查对象自身的属性,方法仅检查对象自身是否包含指定的属性,不包括原型链上的属性。如果你需要检查包括原型链上的属性,可以使用。:可选链操作符可以简化属性访问,并且在属性不存在时返回。运算符可以检查对象自身及其原型链上是否存在指定的属性。:这种方法可以避免对象自身定义了。
2025-01-20 09:56:32
281
原创 vue3 router路由如何在页面中使用和如何取query, params
需要注意的是,useRoute只能在页面组件中使用,而不能在其他组件中使用。useRouter和useRoute都是Next.js中的React Hooks,用于访问当前页面的路由信息。而useRoute可以在页面组件中获取当前路由的元数据信息,例如路由的名称、文件路径等。useRouter可以在页面组件中获取路由信息,并提供了一些方法来修改路由。
2025-01-13 11:19:46
444
原创 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
342
原创 js实现上面数组向数组中添加新对象前判断对象中的exchange和mixSymbol是否存在相同的,如果存在更新数据否则添加新对象
可以使用JavaScript的Array.find()方法来判断数组中是否存在相同的exchange和mixSymbol,如果存在则更新数据,否则添加新对象。js实现上面数组向数组中添加新对象前判断对象中的exchange和mixSymbol是否存在相同的,如果存在更新数据否则添加新对象。数组中的每一个元素,返回一个布尔值表示是否找到了与。属性相同的元素进行更新,最后将更新后的数组赋值给。首先,定义了一个新的数据对象。如果找到了相同元素,就使用。如果没找到相同元素,就使用。,和一个已有的数据数组。
2025-01-02 09:09:06
231
原创 url encode 编码转换
编码:使用对字符串进行编码。解码:使用对编码后的字符串进行解码。是用于编码 URI 组件的 JavaScript 函数。它会将字符串中的某些字符替换为一个或多个由百分号(%)后跟两位十六进制数字表示的字符,以确保字符串可以在 URI 中安全传输。要将编码过的字符串转换回来,可以使用函数。这个函数会将这些百分号编码的字符还原为原来的字符。');所以,如果你有一个被编码过的字符串,你可以使用来解码它。
2024-12-30 09:04:16
1030
原创 white-space使用技巧-国际化使用
(空白字符)指的是那些不可见的字符,它们用于分隔代码中的元素,使代码更易读。元素内的文本不会换行,会一直在同一行显示。在代码编辑和格式化中,
2024-12-23 09:10:45
474
原创 Vue3中页面滑到最下面,然后跳转新页面后新页面的位置还是在之前浏览的位置
/ 在新页面中获取历史记录中的滚动位置并设置为页面的滚动位置 mounted() { const state = history.state || {};// 在新页面中获取传递过来的滚动位置并设置为页面的滚动位置 mounted() { const scrollPosition = this.$route.query.scrollPosition;savedPosition参数保存了当前页面的滚动位置,如果存在此位置,则跳转到新页面时就会保留该位置,否则将滚动到页面的顶部。方法来实现滚动位置的控制。
2024-12-16 14:35:54
663
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关注的人