2020-0706-[景水]Vue-类样式-条件渲染-显示隐藏

半小时通透Vue3中的scoped

本视频涉及到Vue框架中的CSS隔离机制，主要通过scope关键字实现样式的组件局部作用域。解决了全局样式冲突问题，确保组件样式独立不受外界影响。讲解了scope在HTML模板上的作用，为元素添加标识属性实现样式隔离，并展示了对生成CSS代码的处理。同时，指出了在组件嵌套场景中，子组件因scope未生效导致的样式失效问题，并提供了使用DEEP指令和独立style标签两种解决方案。视频内容适合前端开发者、Vue开发者、CSS编码者及对组件化开发感兴趣的技术人员。

2020-0701-[景水]Vue01

本次课程围绕VUE技术展开深入解析。VUE是当前流行的JS框架，关键在于它的组件化开发方式和易于上手的特点，使得前端开发更为高效。课程涉及到如何从官方网站获取资源及教程，生产与开发版本的区分，以及如何使用GitHub等开源社区资源。此外，对前端框架react和ANGULAR做了简要比较，强调了VUE的生态系统建设和版本更新。课程还提到现代JS框架的另一关键特点——操作数据而非直接操作DOM，这一转变大幅提升了代码的可维护性和可复用性，同时减少了直接操作DOM的需求。内容适合有志于熟练掌握最新前端技术，特别是对渐进式JS框架感兴趣的前端工程师和学习者。

jQuery基本操作

视频讲解了如何利用jQuery框架进行前端开发，包括页面节点选择、事件处理等常用功能，并讨论了其与原生JavaScript在操作DOM时的区别和优势。提到jQuery的历史与版本更新，强调了其"Write less, do more"的设计原则，即编写更少的代码来实现强大的功能。演示了如何在HTML中引入jQuery，区分了压缩版与非压缩版，并提到了使用CDN来提高页面加载速度，并减轻服务器压力。内容适合前端开发者，无论是初学者还是有经验的开发者，了解或提升使用jQuery优化前端开发流程。

数据库系统分类介绍-51cto风哥

视频内容主要讲述不同类型数据库系统的分类以及它们的特点，包括SQL关系型数据库、NoSQL非关系型数据库、及NewSQL关系型数据库的常见例子。介绍了数据库系统的不同分类方式，如按运行架构分为集中式和分布式，存储方式分为行存储和列存储，业务类型分为OLTP、OLAP和HTAP。关注点放在分布式数据库的特性及其在撑持高并发情景下的优势，同时也讨论了其在事务一致性方面存在的挑战，适合对数据库选择和架构设计有兴趣的技术人员。

PLC编程入门：带你了解西门子PLC家族产品

针对自动化生产线的控制系统设计，视频提到了传统使用中间继电器和时间继电器导致的布线复杂和故障排查困难问题，并介绍了可编程逻辑控制器（PLC）的优势，如体积小、布线少、易于升级和维护。重点突出了PLC在自动化生产中的广泛应用，特别是西门子PLC系列产品，包括S7-200、S7-200 Smart、S7-1200、S7-300、S7-400及S7-1500系列，这些系列均适合不同规模的自动化项目。此外，讨论了TIA软件在控制系统编程中的应用，以及其版本更新快速带来的挑战。内容适宜工控领域的技术人员，电气自动化以及机器人专业的学生，对于学习和应用PLC技术有兴趣的个体。

面试官问，如何渲染十万条数据，该怎么回答？

视频主要介绍了前端开发中如何高效渲染大量数据的问题，提出了三种解决方案：虚拟列表、时间分片和requestAnimationFrame。虚拟列表通过只渲染可视区域数据来减少性能损耗；时间分片通过分批次渲染数据来避免页面卡顿；requestAnimationFrame则确保渲染过程与浏览器刷新频率同步，减少闪屏现象。此外，还介绍了如何使用documentFragment来减少DOM操作，提高渲染性能。

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

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

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

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