2020-0708-[景水]Vue-渲染练习

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优化前端开发流程。

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

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

15-ps图片的修复去水印等处理(前端需要会点ps系列)

本视频关注点在于常规的Photoshop图片处理技巧，涵盖了快捷键使用（如裁剪、缩放、变形等）、素材网站的使用和选取高质量图片的技巧，以及对英文水平的要求，反映出图像处理不仅需要软件技能，还需辅以语言能力。特别着重于如何使用修复类工具（如污点修复画笔工具和修复画笔工具）以及图章工具进行高效的抠图和水印去除，强调在图层上操作以保护原始素材。内容适合有基础的图像处理人员，设计师，前端工程师以及需要去除素材水印的互联网行业工作人员。

05-ps文档中文字、颜色的取值(前端需要会点ps系列)

本视频主要介绍如何在PS软件中获取文档参数，如测量尺寸和提取颜色等。讲解了利用属性面板查询图片的宽高尺寸，通过图层窗口调整图层缩略图大小来清晰显示层内容，以及如何查看文本大小和颜色等信息。视频还涉及了如何解决图层看起来为空的问题，通过调整缩略图显示方式和透明度属性。对于文字编辑，展示了通过字符面板和工具选项栏来修改文本属性，并利用吸管工具获取颜色值。此外，讨论了矢量图层和普通图层的区别，指导如何根据需求挑选合适的颜色获取方式。内容适合对PS操作有初步了解，希望提高文档操作效率和设计精度的用户。

19-系统文本的排版技巧(前端需要会点ps系列)

视频教程涉及了排版设计中的多种文本类型（点文本、段落文本、路径文本）及其功能和应用场景。讲解了如何选择合适的文本大小标准（例如十六像素为网页标准文本大小）以及文本的渲染模式（如Windows LCD模式适用于网页文本渲染）。视频还介绍了文本对齐（左中右对齐、两端对齐）、色彩的RGB设置以及设置行高和段落间距的重要性。关于点文本，强调其适用于

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

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

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

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