用户M
获得徽章 1
#青训营笔记创作活动#
2月10日 打卡day10
开源前端低代码项目
1.Appsmith：用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面。
2.LowCodeEngine： 基于低代码引擎便可以快速定制符合自己业务需求的低代码平台，还提供了许多基础组件。
3.tefact： 无代码编辑器，使用图形化界面生成 网站、H5和表单，无需任何代码即可生成应用程序。
4.fast-poster： 通用海报生成器。
2月10日 打卡day10
开源前端低代码项目
1.Appsmith：用于构建管理面板、内部工具和仪表板等，允许拖放 UI 组件来构建页面。
2.LowCodeEngine： 基于低代码引擎便可以快速定制符合自己业务需求的低代码平台，还提供了许多基础组件。
3.tefact： 无代码编辑器，使用图形化界面生成 网站、H5和表单，无需任何代码即可生成应用程序。
4.fast-poster： 通用海报生成器。
展开
评论
点赞
#青训营笔记创作活动#
2月9日 打卡day9
1. position: sticky——用于实现滚动时标题吸顶
2. :empty 选择器——通过伪元素为空容器提供“无数据”提示
3. gap——用于在Grid 布局、Flex 布局以及多列布局，多个元素等距排布
4. background-clip: text——用来做带背景的文字效果
2月9日 打卡day9
1. position: sticky——用于实现滚动时标题吸顶
2. :empty 选择器——通过伪元素为空容器提供“无数据”提示
3. gap——用于在Grid 布局、Flex 布局以及多列布局，多个元素等距排布
4. background-clip: text——用来做带背景的文字效果
展开
评论
点赞
#青训营笔记创作活动#
2月8日 打卡day8
淡入（出）效果：更改opacity属性，从某个方位淡入（出）通过transform更改XY达成。
弹跳效果：百分比决定地面时刻，再在令几个百分比时刻通过transform减少Y的值，达成挑起来的效果。
总结：通过opacity改变不透明度，transform改变图片位置（上下，翻转等），%决定某个时刻图片的状态。
2月8日 打卡day8
淡入（出）效果：更改opacity属性，从某个方位淡入（出）通过transform更改XY达成。
弹跳效果：百分比决定地面时刻，再在令几个百分比时刻通过transform减少Y的值，达成挑起来的效果。
总结：通过opacity改变不透明度，transform改变图片位置（上下，翻转等），%决定某个时刻图片的状态。
展开
评论
点赞
#青训营笔记创作活动#
2月7日 打卡day7
AST是指抽象语法树，AST是源代码的抽象语法结构的树状表现形式，简单点就是将源代码转变成一个树状结构，内容以字典样式展现。
2月7日 打卡day7
AST是指抽象语法树，AST是源代码的抽象语法结构的树状表现形式，简单点就是将源代码转变成一个树状结构，内容以字典样式展现。
评论
点赞
#青训营笔记创作活动#
2月6日 打卡day6
git有四个工作区域：工作区（本地仓库全部代码），暂存区（本地仓库git add区域代码），本地仓库（本地仓库git commit后区域代码），远程仓库（托管代码的服务器）。
一些命令及作用：git init 在目录中创建新的git仓库；git branch 用于管理分支；git push 将本地分支推送到远程仓库；git pull 把远程仓库拉取代码并合并到本地分支；git fetch 用于从远程仓库获取代码。
2月6日 打卡day6
git有四个工作区域：工作区（本地仓库全部代码），暂存区（本地仓库git add区域代码），本地仓库（本地仓库git commit后区域代码），远程仓库（托管代码的服务器）。
一些命令及作用：git init 在目录中创建新的git仓库；git branch 用于管理分支；git push 将本地分支推送到远程仓库；git pull 把远程仓库拉取代码并合并到本地分支；git fetch 用于从远程仓库获取代码。
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day5
高性能树状结构:扁平树状，只有一个包含父节点id和子节点id的对象，进行更改时只需要更改当前节点或者创建新节点即可。
2月5日 打卡day5
高性能树状结构:扁平树状，只有一个包含父节点id和子节点id的对象，进行更改时只需要更改当前节点或者创建新节点即可。
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day4
减少if-else的小技巧
1.短路运算
2.三元运算符
3.switch case（但写起来十分麻烦）
4.对象配置/策略模式
2月4日 打卡day4
减少if-else的小技巧
1.短路运算
2.三元运算符
3.switch case（但写起来十分麻烦）
4.对象配置/策略模式
展开
评论
点赞
#青训营笔记创作活动#
2月3日 打卡day3
许多图片是直接导出来，体积十分庞大，需要耗费许多加载时间需要对图片进行压缩。可以通过tinypng这个工具实现，自动压缩的思路是1.找出所有图片资源2.均分任务到每个进程3.把原图上传到tinypng4.再从中下载压缩好的图片5.覆盖掉原有的图片收起
2月3日 打卡day3
许多图片是直接导出来，体积十分庞大，需要耗费许多加载时间需要对图片进行压缩。可以通过tinypng这个工具实现，自动压缩的思路是1.找出所有图片资源2.均分任务到每个进程3.把原图上传到tinypng4.再从中下载压缩好的图片5.覆盖掉原有的图片收起
展开
评论
点赞
#青训营笔记创作活动#
2月2日 打卡day2
元素拖拽最简单的是通过html5的drag和drop。
可以通过鼠标的三个事件重新设计一个
clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量，可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，mousemove判断应该执行的具体方法收起
2月2日 打卡day2
元素拖拽最简单的是通过html5的drag和drop。
可以通过鼠标的三个事件重新设计一个
clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量，可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，mousemove判断应该执行的具体方法收起
展开
评论
点赞