- 博客(1009)
- 资源 (264)
- 收藏
- 关注
RSS订阅
原创 Lodash一个一致性、模块化、高性能的JavaScript实用工具库
Lodash通过降低array、number、objects、string等等的使用难度从而让JavaScript变得更简单。遍历array、object和string对值进行操作和检测创建符合功能的函数futil-js是一套用来补足lodash的实用工具集。
2022-07-25 22:27:22
908
原创 本地存储工具函数封装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
565
1
原创 Vue项目中如何快速上手Vuex状态管理--使用心得-值得珍藏
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的store 模式就足够您所需了。但是，如果您需要构建一个中大型单页应用，...
2021-05-18 10:50:37
1700
27
原创 Grid网格布局教程-语法篇
一、概述网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后.
2021-03-24 14:51:42
1139
原创 使用Echarts柱形图属性解读大全
Echarts官网在这个官网中有详细教程以及API，很容易入手Echarts，从个人刚学习Echarts图表来看，它的难度在于它有自己的一套属性，这和我们平时用的css是不同的，因而我们需要什么效果就得去遵守它的属性对柱形图各部分分析:（重点）根据柱形每个部分的专业名称去寻找官网中的配置项手册对应的属性<!DOCTYPE html><html><head> <title>echarts</title><
2020-12-01 14:01:56
2112
原创 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
504
1
原创 小程序学习笔记--进阶之路
微信公众平台宣传、自媒体性的的事情。提升自身或企业的影响力。也有一些个人和组织进行卖产品公众号分类订阅号订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事）适用人群：个人、媒体、企业、政府或其他组织。（哪些组织可以注册订阅号）群发次数：订阅号（认证用户、非认证用户）1天内可群发1条消息。服务号服务号：为企业和组织提供更强大的业务服务与用户管理能力，主要偏向服务类交互（功能类似12315，114，银行，
2020-07-06 23:05:31
1923
1
原创 ES5-ES6中数组方法使用详解
Array 对象属性constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。 toString() 把数组转换为字符串，并返回结果。 toLocaleString() 把数组转换为本地数组，并返回结果。 valueOf() 返回数组对象的原始值修改原数组 不修改原数组 push， pop concat
2020-06-11 23:02:46
1066
2
原创 Flex弹性布局教程-语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于，依赖属性 +属性 +属性。它对于那些特殊布局非常不方便，比如，就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，给出常见布局的 Flex 写法。网友为本文的所有示例制作了，也可以参考。和。
2020-06-05 13:06:14
1547
2
原创 Vue.js学习笔记--进阶之路
vue框架介绍框架，framework，是能够让程序开发人员更好的专注于业务逻辑的开发，而无需关心底层功能的实现。vue是一个渐进式 JavaScript 框架，Vue (读音 /vjuː/，类似于 **view**) 是一套用于构建用户界面的**渐进式框架**。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。国人自己的开发的框架，作者是：尤雨溪vue有两大核心：数据驱动页面、组件化vue框架学习内容vue、vue-cli脚手架、vue-router路由、ui库、样
2020-06-01 22:23:36
925
原创 Node.js学习笔记--进阶之路
简介Node 是一个软件, 可以脱离浏览器, 独立执行JS文件Node实现了ECMAScript标准, 所以语言跟JavaScript基本一致 因为想成为全栈开发(前后端都可以的大拿) PHP等语言是阻塞的, 性能不如nodeJS node是事件驱动, 非阻塞的 Node中是大量的, 事件和回调函数 单线程（主线程单线程，后台I/O线程池） 跨平台 (Node软件可以安装在window系统/linux系统/mac系统/等等)安装Node...
2020-05-10 19:06:59
1601
原创 JS进阶学习之ES5-ES6
ES5补充拓展20200429ECMA介绍ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准ECMA 发布 262 号标准文件（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScriptECMAScript5简介ECMAScript5, 就是ECMAScript的第五代标准, 也加ES5, 或者叫ESMAScrip...
2020-04-29 22:51:58
651
原创 CSS/jQuery基本选择器手册
CSS基本选择器选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #firstname 选择 id="firstname" 的所有元素。 1 * * 选择所有元素。 2 element p 选择所有 <p> 元素...
2020-04-26 09:11:56
371
原创 JavaScript学习笔记--进阶之路
了解js特性&事件使用202003161、JavaScript简介历史： 第一个浏览器 就是文本和图片网景公司 增强用户的使用体验 急需一门语言 实现用户和网页之间的交互诞生：为了实现用户和网页的交互而出现1、开发一门新语言2、使用已经成熟的语言（java<sun> python c ------） 这个时候使用的是java ---...
2020-03-16 20:25:33
1240
原创 前端高频面试题--持续随缘更新
目录1、简述的作用？2、常见的浏览器及其内核有哪些？3、常见的块级标签和行内标签分别有哪些？4、b 和 strong （i 和 em ）标签的区别？5、谈谈对语义化的理解？1、简述<!DOCTYPE>的作用？<!DOCTYPE>帮助浏览器正确地显示网页声明叫做文件类型定义（DTD），告诉浏览器这个文件的类型，让浏览器知道该用哪个规...
2020-02-10 18:50:22
706
原创 大前端学习笔记--持续随缘更新
目录0210--前端知识&HTML常用标签0210--前端知识&HTML常用标签1、浏览器及内核介绍：chrome谷歌： 特点——简洁、快速、安全 内核——webkit,Blink 费用——收费Firefox火狐——Mozilla公司： 特点——非盈利、Gecko项目开源 内核——GeckoSafari苹果——苹果...
2020-02-10 13:55:24
1000
6
原创 纯HTML个人简历模板代码
<html><body background=http://p1.so.qhmsg.com/t01ed5a885549b6bf3b.jpg><table border="1" align="center" cellpadding="10" width="800"><tr> <th colspan="7" bgcolor="B...
2019-08-23 16:37:02
145581
55
原创 css选择最后两个元素、奇数个，偶数个
要选择最后两个元素，可以使用。要选择奇数个元素，可以使用。要选择偶数个元素，可以使用。表示最后几个元素的个数。
2023-09-19 13:59:34
8
原创 如何理解JavaScript定时器的4种写法-附带面试题讲解
在JavaScript里，我们已经会使用一些原生提供的方法来实现需要延时执行的操作代码，比如很多在线时钟的制作，图片轮播的实现，还有一些广告弹窗，但凡可以自动执行的东西，都是可以和定时器有关的。今天就来和大家分享一下，关于我们在JavaScript里经常会使用到的定时器方法在JavaScript里，我们要学习四个定时器的使用方法，setTiemout、setInterval、setImmediate、requestAnimationFrame，一起来看看吧！什么是定时器JavaScript.
2023-09-18 17:14:08
76
原创 Vue项目中使用element-plus UI库-并对下拉搜索框样式修改-el-select代码封装
Vue项目中使用element-plus UI库-并对下拉搜索框样式修改-el-select代码封装。
2023-09-18 11:12:50
92
原创 Vue项目中使用element-plus的el-table组件-组件使用-样式修改
Vue项目中使用element-plus的el-table组件-组件使用-样式修改。
2023-09-18 07:57:38
73
原创 vue如何实现多页面应用网页
为每个页面创建一个 Vue 实例，这样每个页面都可以拥有自己独立的 Vue 实例，它们之间不会相互影响。总之，使用 Vue 实现多页面应用的关键是要将每个页面视为一个独立的实例，并且使用路由管理页面之间的导航。你可以使用不同的路由来实现每个页面的页面切换和导航。总的来说，实现多页面应用的核心是配置多个入口文件，为每个页面指定唯一的容器元素，以及在 HTML 模板文件中引入对应的 bundle 文件。如果你需要在多个页面上使用相同的组件和逻辑，可以将它们提取到单独的文件中，并在多个页面中导入它们。
2023-09-15 10:37:07
242
原创 Vue项目中实现拖拽排序效果-demo
draggable属性是 HTML5 新增的可拖拽属性HTML 中，除了图像、链接和选择的文本默认可拖拽外，其他元素默认是不可拖拽的。如果想让其他元素变成可拖拽的，首先需要把draggable属性设置为。
2023-09-14 19:11:40
41
原创 Vue中使用Google的reCAPTCHA v3人机校验-demo
Google 提供了 reCAPTCHA（v3 和 v2）和 reCAPTCHA Enterprise，帮助您保护网站免受欺诈活动、垃圾内容和滥用行为的侵扰「所有的頁面都會有 reCaptcha 的追蹤功能」不需做任何事，v3會針對使用者行為，判定安全性分數，1.0 代表操作自然很像真人，0.0 意味極有可能是機器人，如安全性太低，網站才會要求人機驗證。如使用 v3，右下角會出現 reCAPTCHA 的圖示，可用 css 隱藏。
2023-09-11 20:26:49
148
原创 html实现邮件模版布局-flex布局&table布局-demo
邮件模版布局flex - 布局简单方便 兼容性差table - 优点 就是兼容性好，其他没有优点。
2023-09-11 10:47:15
641
原创 Vue中启动提示polyfill缺少-webpack v5版本导致
因为我们的项目使用webpack v5，其中polyfill Node核心模块被删除。所以，我们安装它是为了在项目中访问这些模块。
2023-09-05 14:06:57
587
原创 Vue项目中使用el-form校验用户输入字段是否符合条件验证-demo
方法进行表单校验，如果校验通过，则执行提交逻辑；如果校验不通过，则会自动显示相应的错误提示信息。使用正则表达式来校验密码是否包含至少一个大写字母、一个数字、一个特殊字符。在上述示例中，我们将每个密码条件分别定义为单独的校验规则。组件创建了一个表单，其中的密码输入框使用了。方法进行表单校验，依次触发每个校验规则。方法用于校验是否包含至少一个大写字母，在校验方法中，如果条件不满足，我们调用。方法用于校验是否包含至少一个数字，最后，在提交表单时，通过调用。最后，在提交表单时，通过调用。中定义了验证规则，包括。
2023-09-04 09:53:16
54
原创 Vue中使用qrcode实现渲染生成二维码中间添加自定义logo-demo
对象来加载logo图像，并在二维码中间绘制logo。最后，将生成的二维码转换为数据URL，并将其赋值给。元素，用于容纳生成的二维码。事件处理程序中，我们创建一个。方法将二维码生成到新的。我们首先创建一个新的。
2023-08-31 21:34:43
324
原创 学习JavaScript必须知道的10个难点，你都知道吗？
立即执行函数立即执行函数，即Immediately Invoked Function Expression (IIFE)，正如它的名字，就是创建函数的同时立即执行。它没有绑定任何事件，也无需等待任何异步操作：(function() { // 代码// ...})();function(){…}是一个匿名函数，包围它的一对括号将其转换为一个表达式，紧跟其后的一对括号调用了这个函数。立即执行函数也可以理解为立即调用一个匿名函数。立即执行函数最常见的应用场景就是：将var变量的作用域限制于你们函数
2023-08-28 07:49:58
28
原创 Vue中使用element-plus中的el-dialog定义弹窗-内部样式修改-v-model实现-demo
el-dialog.no-code-dialog 添加自己定义的类名用于区分其他组件。
2023-08-24 17:40:06
1329
原创 我的创作纪念日
在RedHat上安装部署Apache+MySQL+PHP环境》也许是立志成为一名专业 IT 作者、也许是记录一段刚实践的经验。可能虽然日常忙碌但还在坚持创作、可能初心还在但博客已良久未更新。记得 2019 年 08 月 23 日吗？在这段时间里，相信已经获得了更大的成长。在这平凡的一天，赋予了它不平凡的意义。但创作这份心情，任何时刻你打开都新鲜。但在那一刻，已在创作这趟旅程中出发。今天，是我成为创作者的第1460天。
2023-08-22 14:58:21
31
原创 vue3实现容器内容滚动到底，触底加载新数据
在Vue3中，可以使用ref和onMounted钩子函数获取容器元素并监听滚动事件，判断内容是否滚动到了底部，从而触发加载新数据。在上面的示例中，使用ref获取了容器元素，items使用ref定义了列表数据，loading表示是否正在加载新数据，page表示当前页码数。函数是滚动事件的处理函数，首先获取容器元素，然后通过判断scrollTop和是否等于来判断内容是否滚动到了底部，如果是则触发loadMore加载新数据。loadMore函数首先判断是否正在加载数据，如果是则直接返回，否则设置loading。
2023-08-21 07:58:43
348
原创 vue3中使用el-table-column sortable对数据进行排序-如何将用户的选择回显到table上显示状态
请注意，代码中的排序逻辑是示例代码，您需要根据自己的需求和数据结构进行相应的实现，并更新。当通过其他设置改变了排序条件后，显示表格需要对应改变筛选状态。在上面的示例中，我们将名为"name"的列设置为可排序，并使用。属性将表格列设置为可排序，并绑定一个变量来保存排序的状态。的响应式变量，用于保存当前排序的列。属性绑定一个变量来保存当前排序的列，方法来处理排序的逻辑。的值来对数据进行相应的排序操作。上面的代码中，我们使用。
2023-08-16 18:27:30
100
原创 Vue3自定义简单的Swiper滑动组件-触控板滑动&鼠标滑动&左右箭头滑动-demo
代码实现了一个基本的滑动功能，通过鼠标按下、鼠标松开和鼠标移动事件来监听滑动操作。onMountedmousedowntruemouseupfalsemousemovetruewalkscrollLeft通过这些事件监听，我们可以实现鼠标滑动时滚动容器的滚动效果。另外，该代码还包括了点击左右箭头按钮时的滑动功能。在onPageLeft方法中，通过修改滚动容器的scrollLeft属性，实现向左滑动一个容器宽度的距离；在方法中，通过修改滚动容器的scrollLeft属性，实现向右滑动一个容器宽度的距离。
2023-08-07 09:57:51
1721
原创 Vue3实现6位验证码输入框,用户可以连续输入和删除
函数中，我们首先判断是否按下的是 backspace 键，如果是，我们会阻止默认行为，然后检查当前输入框是否为空字符串。如果不为空，我们会将其置为空字符串，然后检查当前输入框的索引是否大于0。设置为当前输入框的索引减一，并将光标移动到前一个输入框。以下是一个简单的 Vue3 组件来实现6位验证码输入框的功能，其中用户可以连续输入和删除。设置为当前输入框的索引，以确保用户可以通过 tab 键和鼠标点击等操作来移动光标。设置为当前输入框的索引加一，并将光标移到下一个输入框。这个组件中，我们使用了。
2023-08-02 14:37:50
437
2
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
Linux系统下Oracle11g静默安装完整详解版.docx
2019-08-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人