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