- 博客(1086)
- 资源 (264)
- 收藏
- 关注
原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22 1255
原创 本地存储工具函数封装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 673 1
原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,...
2021-05-18 10:50:37 1773 27
原创 Grid网格布局教程-语法篇
一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后.
2021-03-24 14:51:42 2521
原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API,很容易入手Echarts,从个人刚学习Echarts图表来看,它的难度在于它有自己的一套属性,这和我们平时用的css是不同的,因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:(重点)根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56 2324
原创 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 578 1
原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号:为媒体和个人提供一种新的信息传播方式,主要功能是在微信侧给用户传达资讯;(功能类似报纸杂志,提供新闻信息或娱乐趣事)适用人群:个人、媒体、企业、政府或其他组织。(哪些组织可以注册订阅号)群发次数:订阅号(认证用户、非认证用户)1天内可群发1条消息。服务号服务号:为企业和组织提供更强大的业务服务与用户管理能力,主要偏向服务类交互(功能类似12315,114,银行,
2020-07-06 23:05:31 2117 1
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串,并返回结果。 toLocaleString() 把数组转换为本地数组,并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push, pop concat
2020-06-11 23:02:46 1259 2
原创 Flex弹性布局教程-语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于,依赖属性 +属性 +属性。它对于那些特殊布局非常不方便,比如,就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,给出常见布局的 Flex 写法。网友为本文的所有示例制作了,也可以参考。和。
2020-06-05 13:06:14 1649 2
原创 Vue.js学习笔记--进阶之路
框架,framework,是能够让程序开发人员更好的专注于业务逻辑的开发,而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架,Vue (读音 /vjuː/,类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架,作者是:尤雨溪vue有两大核心数据驱动页面组件化methods,用来存放用户自定义函数vue支持我们自定义一些指令来完成一定的操作。
2020-06-01 22:23:36 1066 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 1757
原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件(ECMA-262),规定了浏览器脚本语言的标准,并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58 718
原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56 427
原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史: 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生:为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言(java<sun> python c ------) 这个时候使用的是java ---...
2020-03-16 20:25:33 1451
原创 前端高频面试题--持续随缘更新
目录1、简述的作用?2、常见的浏览器及其内核有哪些?3、常见的块级标签和行内标签分别有哪些?4、b 和 strong (i 和 em )标签的区别?5、谈谈对语义化的理解?1、简述<!DOCTYPE>的作用?<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义(DTD),告诉浏览器这个文件的类型,让浏览器知道该用哪个规...
2020-02-10 18:50:22 777
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍:chrome谷歌: 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司: 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24 1131 6
原创 Vite+TS-Vue项目中找不到模块“@/xx”或其相应的类型声明-错误提示
找不到模块“@/components/pagination.vue”或其相应的类型声明。但是使用。
2024-03-26 10:52:01 247
原创 如何给本地项目的GIT添加多个上传仓库地址
是一个常见的别名,用于表示主远程仓库。你可以使用其他别名来命名其他的远程仓库,例如。现在,你的本地 Git 仓库已经配置了多个上传仓库地址。命令时,Git 会将代码推送到所有配置的远程仓库。
2024-03-26 10:51:36 13
原创 Vue上实现上下左右无缝滚动、单步滚动-demo
拷贝列表次数,默认拷贝一次,当父级高度大于列表渲染高度的两倍时可以通过该参数控制拷贝列表次数达到无缝滚动效果。singleHeight and singleWidth 是否开启 rem 度量。控制滚动方向,可选值up,down,left,right。通过v-model控制动画滚动与停止,默认开始滚动。开启滚动的数据量,只有列表长度大于等于该值才会滚动。在开启鼠标悬停的情况下是否开启滚轮滚动,默认不开启。无缝滚动列表数据,组件内部使用列表长度。动画效果,可以传入贝塞尔曲线数值。动画循环次数,默认无限循环。
2024-03-25 11:20:27 1241
原创 GIT克隆项目后代码更新了如何同步下来-案例
这样,你就将别人的更新合并到了你的分支中。如果有冲突,你需要手动解决冲突。解决冲突后,提交更新。git 克隆了别人的项目,我自己又创建了一个代码仓库去修改拉下来的项目代码。如果你想在将别人的更新合并到你的分支之前先查看更新的差异,你可以使用。当别人的代码更新后,我如何将他修改的部分和我自己的合并。original_repo_url 克隆的仓库地址。
2024-03-25 11:20:03 11
原创 VSCode创建用户代码片段-案例demo
1为最后光标所在位置。按tab健依次到$2,3,4..............跳转到指定位置到同时选中默认文本,方便修改。快捷提示窗对该代码片段对描述。触发快捷提示的字符串前缀。
2024-03-18 10:36:35 247
原创 Vue项目创建新文件后都会提示仅当 “module” 选项设置为 “es2022”、“esnext”、“system”、“node16” -警告提示
vscode中vue项目创建新文件后都会提示仅当 “module” 选项设置为 “es2022”、“esnext”、“system”、“node16” 或 “nodenext”,且 “target” 选项设置为 “es2017” 或更高版本时,才允许使用顶级 “await” 表达式。是一个较新的 JavaScript 功能,它只在 ES2022 和更高版本的 ECMAScript 模块中可用,以及在 Node.js 版本 16 或更高版本的模块系统中。确保在 VS Code 中打开的项目根目录有。
2024-03-13 16:10:09 553
原创 VSCode提示-所有解构出的成员都未使用。ts-plugin
volar插件关闭volar插件后,就出现了“所有解构出的成员都未使用。ts-plugin(6198)已声明“__VLS_template”,但从未读取其值。ts-plugin(6133) ”这个报错。
2024-03-13 16:09:43 561
原创 html+css+JavaScript实现左右滑动区域添加自定义按钮实现移动
选项可以使滚动动作更平滑,但这并不是在所有浏览器中都支持的。如果需要支持更多浏览器,可能需要使用polyfill或者自定义JavaScript动画来实现平滑滚动效果。要在一个左右可以滑动的容器中添加两个固定位置的按钮(左边一个、右边一个),你可以使用。,以便让按钮相对于该容器定位。这样,按钮就会随着容器一起滚动,但始终保持在容器的两侧。需要为按钮添加JavaScript来处理滚动动作。来定位按钮,同时为这个滑动容器设置。
2024-03-11 13:28:34 383
原创 egg中使用Sequelize操作数据库(事务)ORM-使用
需要查询这样的情况:查询test记录并且同时关联test1和test2,当test1和test2中任意一个关联中有记录时test中的记录需要被查出,若均无记录则test记录不查出。对于这个问题使用include[i].where进行过滤明显就不行了,那么该如何进行问题的解决呢,我们将会使用到’$'来进行查询。以上条件为,查找test1Data的test1为xxx或者test2Data.test2为yyy的test记录,这里的 作 用 就 是 不 对 的作用就是不对的作用就是不对…一个菜单里有多个权限。
2024-02-26 10:26:54 402
原创 nodejs项目中使用uuid生成唯一标识-案例
方法功能备注uuid.NILuuid.v1()uuid.v3()uuid.v4()uuid.v5()
2024-02-26 10:26:25 491
原创 项目中使用Echarts图表treemap制作
,用rgba(r,g,b,a) 把透明度设置在0.3~1 之间,根据数值大小自己设置。遍历数据加 itemStyle: { // 这里配置每个块的颜色。涨跌幅 负的是绿的,正的是红的然后根据颜色深浅表现出来程度。
2024-02-21 14:15:32 512
原创 Vue中使用element-UI的el-date-picker-修改弹出窗样式
因为el的时间选择器弹出窗是挂载在body中的,并不是在元素下面挂载,所以需要使用提供的popper-class去选择修改样式。
2024-02-18 09:34:52 526
原创 Docker进阶学习笔记-持续更新中
docker的理念回顾将应用和环境打包成一个镜像!数据﹖如果数据都在容器中,那么我们容器删除,数据就会丢失!需求︰数据可以持久化MySQL,容器删了,删库跑路!需求:MySQL数据可以存储在本地!容器之间可以有一个数据共享的技术!Docker容器中产生的数据,同步到本地!这就是卷技术!目录的挂载,将我们容器内的目录,挂载到Linux上面!容器的持久化和同步操作!容器间也是可以数据共享的!
2024-02-05 07:00:00 60
原创 Vue中使用elementUI的DatePicker-IOS移动端会有表单t聚焦时页面放大效果-解决办法
可以像 width=600 这样设为确切的像素数,或者设为 device-width 特殊值,代表缩放为 100% 时以 CSS 像素计量的屏幕宽度。相应的也有 height 及 device-height 属性,可能对包含基于视口高度调整大小及位置的元素的页面有用。是可以看到 Web 内容的窗口区域,通常与渲染出的页面的大小不同,这种情况下,浏览器会提供滚动条以滚动访问所有内容。属性控制页面最初加载时的缩放等级,即当页面第一次 load 的时候缩放比例。属性控制允许用户缩放到的最小比例。
2024-01-29 10:23:20 501
原创 web中监听页面的显示和隐藏状态-visibilitychange
事件来检测页面的显示和隐藏状态。这个事件会在用户切换到其他标签页、最小化浏览器窗口或切换到其他应用程序时触发。通过监听这个事件,你可以执行一些相应的操作,例如暂停动画、减少定时器的频率等,以提高性能和用户体验。事件在大多数现代浏览器中都有良好的支持,但在一些较旧的浏览器中可能不支持。因此,在使用之前,最好检查浏览器的兼容性。例子中,当页面被隐藏时(用户切换到其他标签页或最小化浏览器窗口),,并触发相应的操作。以下是一个简单的示例,演示如何使用。在Web开发中,可以使用。,同样会触发相应的操作。
2024-01-29 10:22:50 435
原创 VsCode提高生产力的插件推荐-持续更新中
Importcost可以在代码中显示导入的估计大小。编写项目时,很重要的一点就是不要导入过大的软件包,以免损害用户体验。避免导入过大软件包的方法之一就是随时跟踪软件包的大小。功能:增强了git功能,支持在VSCode查看作者、修改时间等等。功能:常用于读源码进行标记行,跳转(代码标记快速跳转)功能:项目管理插件,当开发多个项目时,可以快速跳转。功能:当引入路径为图片时,可以预览当前图片。功能:代码美化,自动格式化成规范格式。功能:在浏览器打开当前文件。
2024-01-22 10:32:58 1391
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关注的人