获得徽章 2
赞了这篇文章
赞了这篇文章
赞了这篇文章
#青训营笔记创作活动#
2月23日 打卡day37
今日学习: 今天做一个好玩的，访问的页面已关灯。实现效果: 毕竟也可以根据不同的白色光照来改变文字颜色的。而简单的效果则可以使用动画配合实现。
2月23日 打卡day37
今日学习: 今天做一个好玩的，访问的页面已关灯。实现效果: 毕竟也可以根据不同的白色光照来改变文字颜色的。而简单的效果则可以使用动画配合实现。
评论
点赞
#青训营笔记创作活动#
2月22日 打卡day36
今日学习：如何实现几何画板？通过vue3+vite的实用技巧。而几何画板的基本开发思路：元素创建, 编辑, 拖拽, 图层管理 撤销和重做 导入导出。而首先是画板搭建，然后创建并绘制几何图形：1. 定义图形的schema结构 2. 根据鼠标光标的位置计算图形创建的元信息。3. 移动，编辑几何图形。 4. 图层管理，图片导出等方案介绍
2月22日 打卡day36
今日学习：如何实现几何画板？通过vue3+vite的实用技巧。而几何画板的基本开发思路：元素创建, 编辑, 拖拽, 图层管理 撤销和重做 导入导出。而首先是画板搭建，然后创建并绘制几何图形：1. 定义图形的schema结构 2. 根据鼠标光标的位置计算图形创建的元信息。3. 移动，编辑几何图形。 4. 图层管理，图片导出等方案介绍
展开
评论
点赞
#青训营笔记创作活动#
2月21日 打卡day35
今日笔记：前几天学习了羊了个羊，今天学习狗了个狗。实现思路：生成指定个数Block块，存放在Block盒子中。覆盖逻辑：Block的渲染从第一个开始，优先渲染的会被下一次渲染的覆盖掉。当点击上方的Block块时，根据x,y定位 移动到收集盒的位置。
2月21日 打卡day35
今日笔记：前几天学习了羊了个羊，今天学习狗了个狗。实现思路：生成指定个数Block块，存放在Block盒子中。覆盖逻辑：Block的渲染从第一个开始，优先渲染的会被下一次渲染的覆盖掉。当点击上方的Block块时，根据x,y定位 移动到收集盒的位置。
展开
评论
点赞
#青训营笔记创作活动#
2月20日 打卡day34
今日学习：前端工程化基石-AST以及应用。抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。AST是源代码的抽象语法结构的树状表现形式，简单点就是一个深度嵌套对象，这个对象能够描述我们书写代码的所有信息。
2月20日 打卡day34
今日学习：前端工程化基石-AST以及应用。抽象语法树（Abstract Syntax Tree，AST）是源代码语法结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。AST是源代码的抽象语法结构的树状表现形式，简单点就是一个深度嵌套对象，这个对象能够描述我们书写代码的所有信息。
展开
评论
点赞
#青训营笔记创作活动#
2月19日 打卡day33
今日学习：使用纯前端来实现羊了个羊。一共分五步：1. 地图模拟 2. 地图生成 3. 覆盖关系 4. 填充数据 5. 点击交互。地图模拟分单层：每个格子就是一个数字元素。多层：多层格子。 基础生成：设置坐标为[i,j],Math.random() < 0.3 === true 的时候放置卡片。 覆盖关系：我们可以先按一层的大小初始化一个处理遮挡用的二维数组 coverMap，然后在之前生成的游戏地图上，从最后一层往第一层遍历。依次处理完这一层所有卡片，同时遮挡数组更新。 填充数据：保证卡片是3的倍数。
2月19日 打卡day33
今日学习：使用纯前端来实现羊了个羊。一共分五步：1. 地图模拟 2. 地图生成 3. 覆盖关系 4. 填充数据 5. 点击交互。地图模拟分单层：每个格子就是一个数字元素。多层：多层格子。 基础生成：设置坐标为[i,j],Math.random() < 0.3 === true 的时候放置卡片。 覆盖关系：我们可以先按一层的大小初始化一个处理遮挡用的二维数组 coverMap，然后在之前生成的游戏地图上，从最后一层往第一层遍历。依次处理完这一层所有卡片，同时遮挡数组更新。 填充数据：保证卡片是3的倍数。
展开
评论
点赞
#青训营笔记创作活动#
2月18日 打卡day32
今日学习: 今日学习使用fabric.js快速开发一个图片编辑器。fabric.js作为一个强大的canvas库。主要分五部分: 1. 初始化。创建事件发射器并混入。 2. 背景设置。设置画布大小，背景颜色等。 3. 插入元素。插入基本元素。 4. 属性调整。5. 元素对齐。
2月18日 打卡day32
今日学习: 今日学习使用fabric.js快速开发一个图片编辑器。fabric.js作为一个强大的canvas库。主要分五部分: 1. 初始化。创建事件发射器并混入。 2. 背景设置。设置画布大小，背景颜色等。 3. 插入元素。插入基本元素。 4. 属性调整。5. 元素对齐。
展开
评论
点赞
#青训营笔记创作活动#
2月17日 打卡day31
今日学习：今天主要学习新技术WebRTC, 前端必学新技术。主要学习了如何分享屏幕，录制屏幕，通过WebRTC实现拍照。WebRTC是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点的连接。主要用在直播、游戏、视频会议等等。可以通过播放媒体流，可以在摄像头获取到媒体流后自动播放了。
2月17日 打卡day31
今日学习：今天主要学习新技术WebRTC, 前端必学新技术。主要学习了如何分享屏幕，录制屏幕，通过WebRTC实现拍照。WebRTC是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点的连接。主要用在直播、游戏、视频会议等等。可以通过播放媒体流，可以在摄像头获取到媒体流后自动播放了。
展开
评论
点赞
#青训营笔记创作活动#
2月16日 打卡day30
今日学习：今日学习工程化，Monorepo。主要指出什么是Monorepo，以及MultiRepo的弊端，以及Monorepo收益和落地。传统是把多个项目放在一个仓库里，而Monorepo模式则相反，每个项目对应一个单独的仓库来分散管理。
MultiRepo痛点：1. 代码复用。2. 版本管理。当项目多了以后，很容易出现依赖不及时更新的情况。 3. 项目基建。每个项目需要单独配置开发环境。如果是 多 个项目，就需要维护多 份基建的流程。
Monorepo的收益：1. 工作流的一致性 2. 项目基建成本的降低。 3. 团队协作更加容易。
2月16日 打卡day30
今日学习：今日学习工程化，Monorepo。主要指出什么是Monorepo，以及MultiRepo的弊端，以及Monorepo收益和落地。传统是把多个项目放在一个仓库里，而Monorepo模式则相反，每个项目对应一个单独的仓库来分散管理。
MultiRepo痛点：1. 代码复用。2. 版本管理。当项目多了以后，很容易出现依赖不及时更新的情况。 3. 项目基建。每个项目需要单独配置开发环境。如果是 多 个项目，就需要维护多 份基建的流程。
Monorepo的收益：1. 工作流的一致性 2. 项目基建成本的降低。 3. 团队协作更加容易。
展开
评论
点赞