获得徽章 9
- #青训营笔记创作活动#
1月15日 打卡day1
今日学习的文章，其主要内容是在进行元素拖拽这一步骤时，通过原生JS实现一个富有动感的自定义拖拽效果。
文章首先向我们说明了该功能的实现原理：我们需要知道鼠标的三个事件，mousedown,mousemove,mouseup。
其次设置了该功能实现的基础界面：涉及到的知识点有两栏布局界面，CSS效果，用滤镜调明暗度，使用伪类激活等。
接着就是实现该功能的具体步骤：实现元素抓取，拖拽放大，放置，边界判断，以及进行性能优化和体验优化。
这个功能大大提升了用户的体验感，使用效果美观且符合用户的要求，能让用户有一种眼前一亮的感觉。这种创新性的功能实现，非常值得我学习，看完后很受用。
同时作为前端的初学者，我也大概了解了实现一个功能的具体步骤：从实现原理出发，再搭建框架（设置基础界面），最后一些具体的步骤实现；我也对前端三件套中的JS有了初步的了解，JS负责页面交互的动态效果，而这篇文章，正是对JS这一知识点的实操，我想，在我正式学习JS的时候，会想到这篇文章，从而有一些更深的体会。展开赞过
评论1 - 8月8日打卡，今日学习《现代 Web 开发困局》：本文梳理了当下 Web 开发的 "困局"，提出了我们该通过何种方式，能够走出这些困局，解放生产力，能够让我们以更为清晰的意识进行Web开发，非常有用，推荐阅读！2点赞
- 7月29日打卡，今日学习《设计模式这样学也太简单了吧！》：本文对设计模式的本质进行了深度解析。总结了10大设计原则和23种设计模式及相关速记方式。并对设计模式一一分析了应用场景和解决方案。讲解得非常全面且细致，推荐！评论点赞
- 7月26日打卡，今日学习《干货!各种常见布局实现+知名网站实例分析》：本文总结了各种常见的布局实现，并对每个方法进行了优缺点分析。对水平、垂直、水平垂直居中，两列布局、三列布局、多列布局、全屏布局等各种布局分析的非常详细，并写出了相应的原理。很多都是非常干的干货，极力推荐！赞过 评论1
- 7月25日打卡，今日学习《前端优秀实践不完全指南》：本文从前端的页面展示、交互细节、可访问性三个大方面入手，罗列了一些在实际的开发过程中一些可能有用但是容易被忽视的点，这些点大大提升了用户良好的体验，很多点都对本次青训营我要做的项目有借鉴作用，非常非常推荐！！赞过 评论1
- 7月24日打卡，今日学习《稍微整理了几个经常在H5移动端开发遇到的东西》：本文提供了一些在H5移动端开发时遇到问题的解决方法或优化手段，比如弹出数字键盘，调用系统的某些功能，打开原生应用等等，为我以后进行此类内容的开发提供了很多便利，也让我这个小白更多了解到前端开发会遇到的一些情况。赞过 评论1
- 7月23日打卡，今日学习《前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配》：本文从一些常见的移动端开发问题出发，我了解了前端里移动端开发的兼容适配和性能优化，知道了什么是响应式设计，以及响应式界面的基本规则，移动端屏幕适配方案等等，非常受用。赞过 评论1