2020-0709-[景水]Vue事件修饰符按键修饰符生命周期

2020-0520-JSON字符串转成对象和ajax请求

讲解了使用正则表达式对字符串进行操作的多种方法。涉及匹配、布尔返回值、替换和拆分等功能。提到了如何根据正则表达式匹配字符串的不同函数（match, test, replace, split）以及每个函数返回的数据类型。介绍了正则表达式中字符集、量词、定位符的使用及如何通过模式修正符实现不同的匹配要求。特别说明了如何利用括号捕获匹配内容。适合想要掌握字符串处理和提高正则表达式使用技巧的开发者和程序员。

读文档学 Next.js丨2024开年系列丨项目说明丨先决条件

本视频教程深入介绍了Next.js框架，一个基于React的工具，用于构建全栈Web应用。Next.js提供简化的配置，支持服务端渲染（SSR），有利于SEO。除了前端UI构建，它也覆盖了后端服务如API处理和数据库交互。视频展示如何通过创建包含登录、财务管理系统等功能的Demo项目，来学习Next.js的核心特性，如样式优化、图片和字体处理、动态路由、数据获取与处理等。课程还包含如何将项目部署到服务器上，在此过程中介绍了必备的工具和技术，如Node.js、GitHub等。适合有JavaScript和React基础知识的开发者，旨在通过具体示例项目指导用户掌握全栈开发的实战能力。

2020-0723-[景水]-css背景定位-1909

视频讲解了如何在HTML和CSS中设置和操作背景属性，包括定义尺寸和边框样式，应用背景颜色和图片，并探讨了背景的重复和位置设置方式。讲解中提到了使用Visual Studio Code进行编辑，如利用快捷键创建文件、保存更改。视频内容围绕CSS背景属性展开，深入讲解了background-color、background-image、background-repeat、background-position及多背景设置等技术要点，以及它们的简写形式。适合对前端开发、特别是样式设计感兴趣的开发者或设计师。

14 超级数据查看器 背景和颜色设置

本视频主要介绍了如何通过超级数据查看器应用对用户界面的背景和顶栏颜色进行个性化定制。详细演示了选择预设背景色、自定义背景色、导入背景图片和设置顶栏颜色的步骤。同时，强调了颜色和图片选择时的考虑因素，如浅颜色背景与文本的清晰度对比，以及对设置的持久化存储。这些定制功能旨在提高界面的美观性，并适应不同用户的偏好。此外，视频还提及了应用的可在安卓设备上安装使用，并告知了下载途径。内容适用于希望自定义其安卓应用界面用户、UI设计爱好者、安卓应用开发者以及对界面美化感兴趣的技术人员。

19 超级数据查看器 分栏讲解

本视频聚焦超级数据查看器的分栏查询功能，重点介绍了该功能如何协助用户同时检索和对比两个不同的数据表格。通过使用分栏查询，用户能够在单个界面中分别操作两个并列的栏目，实现省级行政区数据、成语词典以及古诗的快速查找与对比。左右分栏各配有搜索按钮和弹出菜单，便于用户筛选和查看详绀信息。该功能特别适用于需要进行数据比对的场景，提高了数据检索效率。视频内容面向需要高效数据检索、对比和展示数据的专业人员，如数据库管理员、数据分析师以及信息管理人员。

16 超级数据查看器 条目样式

本次内容介绍超级数据查看器中的条目样式功能，教授用户如何自定义列表外观，包括字号、颜色及布局等。通过详细操作指导，用户能轻松修改样式，优化数据展示。该功能适用于希望提升数据可读性与视觉美感的用户，且无需深入记忆各样式细节。视频还演示了样式切换方法，包括快速跳转到首末样式的技巧。此功能对常用列表操作者尤其有用，能够强化数据展示的层次感和视觉效果。

一分钟教你做出水波纹涟漪效果

通过 CSS 技术制作页面动态效果，如本例中的水波纹效果，展示了使用 DIV 元素及类选择器构建页面基础结构的方法。介绍了如何通过设置相对定位和绝对定位使元素居中显示，以及如何定义动画关键帧和应用 transition 属性来实现动画效果。演示了调整 opacity 属性来控制透明度，完成水波纹由中心向外扩散消散的视觉效果，并介绍了设置动画延时以实现连续动态效果。内容适合前端开发者、UI设计师、网页设计爱好者、动画效果制作人员、CSS学习者。

两分钟带你做出按钮的光晕效果

视频介绍了如何使用HTML和CSS结合JavaScript实现一个酷炫的按钮光晕效果。首先，通过在HTML中添加按钮并设置文本，接下来在CSS中通过相对与绝对定位配合transform属性，让光晕背景圆形居中。文字通过轻微定位覆盖在光晕之上。通过设置宽度和高度并与transition属性搭配，实现动态的过渡效果，使得光晕在鼠标悬停时平滑展现。JavaScript用于计算鼠标相对按钮的位置，并动态更新背景的位置，让光晕在鼠标周围移动。此技术适合前端开发者、UI/UX设计师、网站制作爱好者、JavaScript学习者以及对CSS动画感兴趣的人群。