Serendipity

1. 创建仓库创建一个以自己的用户名命名的仓库，并添加一个README.md的自述文件 2. 编辑文本现在，我们在自述文件当中进行操作，将相关的链接以适当格式写入文件，就可以引入图标，本文中提到的图标和样式只是我的主页上使用的，大家可以通过浏览GitHub上大佬的仓库来找到自己喜欢的图标。 （1） 信息统计样式 代码如下： 1<div align="center"> <img src="https://metrics.lecoq.io/username?template=classic&config.timezone=Asia%2FShanghai"> </div> 将上述代码中的username替换为你自己的GitHub用户名，复制到文件中即可 （2）GitHub统计卡片GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes 这是统计卡片在GitHub上官方 ...

1. 返回当前日期的星期一和星期日的日期12345678910111213141516171819202122232425262728var now = new Date();var nowTime = now.getTime();var day = now.getDay();var oneDayTime = 24*60*60*1000;//显示周一var MondayTime = nowTime - (day-1)*oneDayTime;//显示周日var SundayTime = nowTime + (7-day)*oneDayTime;//初始化日期时间var monday = new Data(MondayTime);var sunday = new Date(SundayTime);function add0(m){return m<10?'0'+m:m }function format(shijianchuo){ //shijianchuo是整数，否则要parseInt转换 var time = new Date(sh ...

从2023年1月26日开始，正式开始项目实战，选定项目：请假系统 在选定了项目之后，开始思考完成项目的流程，包括从任务分配到具体怎样实现功能，从搭建页面到对接完成等等各方面进行了思考，发现项目实践和平时学习技术还是有着很大的差别。 1. 分析需求请假系统已经给出了具体的功能和要求，首先要对这些信息进行划分，制作思维导图可以更好、更细节的呈现出来 功能描述.mm.xmind 这是我制作的思维导图，里面将不同页面需要实现的功能进行了分类，并且将需要注意的问题和实现的难点做了批注(虽然做了分析，但在实际操作时还是有更多之前没有考虑到的问题出现) 2. 补足技术在进行项目实战时，还没有完全掌握前后端对接方面的问题，又怕实际项目中和练习情况不同，于是查找了相关项目实现对接的代码，再结合讲解和学习文档，补足了对接技术 3. 搭框架设计的小伙伴们给出了大致设计草图之后，分工完成页面的制作，从页面大小到布局定位，都要自己考量，也要保证如果改动不用做“大手术”，首先用HTML和CSS基本搭建静态页面，在用JS实现点击，跳转等页面功能的完善，这是在项目正式着手之后，最简单的一步 4. 搜索相关的“零 ...

面试经验来自学长的分享，这里是相关的源分享和笔记链接 学长的面试经历 学长的面试总结 原版笔记 为什么要尽早写简历 总结自己的能力 分析自己每个阶段的学习成果，规划学习路线 基本信息 博客地址 github地址（修饰）刷贡献 技术栈（掌握技能） 掌握的技能+特别熟悉的部分 告诉hr和面试官：凭什么招你 不要给自己挖坑，不要写自己不熟悉的技术 科研经历有就写，但是最好不写人文科目不要凑 创业经历（不是加分项，即使有也不要写）==实习经历==找工作，实习，实践类研究生 1. 线上实习最好从大二就开始–>干了什么 实习经历有没有亮点 假如经历没有亮点，可以把别人的产出看懂写成自己的（但不要挑太知名的，尽可能找小众且技术栈的）从github上找开源项目 如果公司有文档的话，一定要认真看 一定不要专注于自己当前的活 假如没有实习经历，除非技术和视野比较广，而且面的是中厂以下，可以包装学校的实习 项目经历你在这个项目中用了什么技术，干了什么事情，达到了什么成果 1. 应用型项目：往独特的方向写，不要把基本功能当成技术点写 ...

响应式系统与React ｜ 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第6天 一、本堂课重点内容： 前端应用开发历程 移动原生应用开发 结合Electron的桌面应用开发 响应式编程与转换式 React 设计与实现 - 组件化、状态归属问题及生命周期 React的实现 React状态管理库-核心思想、推荐、状态机等 二、详细知识点介绍：前置知识 HTML、CSS、JS基础 基础的数据结构/算法知识 会使用浏览器提供的DOM API来修改DOM。更新UI React的设计思路 状态更新 UI不会自动更新。需要手动调用DOM进行更新 欠缺基本的代码层面的封装和隔离，代码层面没有组件化 UI之间的数据依赖关系，需要手动维护，如果依赖链路长。则会遇到“Callback Hell” 响应式与转换式 响应式系统 事件->执行既定的回调->状态变更 响应式编程 状态更新 UI自动更新 前端代码组件化、可复用、可封装 状态之间的互相依赖关系，只需声明即可 组件化 组件是组件的组合/原子组件 组件内拥有状态。外部不可见 父组件可将状态传入组件内部 ...

HTTP使用指南 ｜ 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第5天 一、本堂课重点内容： HTTP 协议的基本定义、主要特征、发展历程、报文结构 动态资源、登录的场景分析 HTTP协议实战：浏览器、Node，协议拓展：通信方式 网路优化手段 二、详细知识点介绍：初识HTTPTCP协议的特点是：面向连接、点对点(一对一)、可靠交付、面向字节流、拥塞控制四个方面 HTTP概念 Hyper Text Transfer Protocol(超文本传输协议) 应用层协议。基于TCP协议 请求响应 简单可扩展 无状态(没有记忆能力，每个要求都是独立的) 协议分析-报文 GET 请求一个指定资源的表示形式.使用GT的请求应该只被用于获取数据 POST 用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用 PUT 用请求有效载荷替换目标资源的所有当前表示 DELETE 删除指定的资源 HEAD 请求一个与GET请求的响应相同的响应，但没有响应体 CONNECT 建立一个到由目标资源标识的服务器的隧道 OPTIONS 用于描述目标资源的通信选项 ...

TypeScript入门 ｜ 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第4天 一、本堂课重点内容： TypeScript 历史、定义解析、工程应用 TypeScript 优势解读、练习工具 联合交叉类型 类型保护与类型守卫 Merge 函数类型实现 函数返回值类型 二、详细知识点介绍：1. 发展历史2. TypeScript和JavaScript都是弱类型语言 但是JavaScript是动态类型，而TypeScript是静态类型 TypeScript的优势： 可读性增强：基于语法解析TSDoc.ide增强 可维护性增强：在编译阶段暴露大部分错误 多人合作的大型项目中，获得更好的稳定性和开发效率 包含于兼容所以js特性，支持共存 支持渐进式引入与升级 编辑器：Visual Studio Code 3. 基本语法1. 基础数据类型12345678910/*字符串*/const q: string 'string';/*数字*/const w: number = 1;/*布尔值*/const e: boolean true;/*nul1*/co ...

跟着月影学 JavaScript ｜ 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第3天 一、本堂课重点内容： JavaScript好代码的准则、编程范式 HTML/CSS/JS各司其责 组件的定义解析及特征、组件封装的基本方法 用原生JS实现轮播图 过程抽象函数、高阶函数使用模式 写代码关注事项 二、详细知识点介绍：1. 写好JS的一些原则 各司其责：让HTMLCSS和JavaScript职能分离 组件封装：好的UI组件具备正确性、扩展性、复用性 过程抽象：应用函数式编程思想 总结： HTML/CSS/S各司其责 应当避免不必要的由JS直接操作样式 可以用class来表示状态 纯展示类交互寻求零]S方案 2. 组件封装组件是指Wb页面上抽出来一个个包含模版(HTML)、功能(JS)和样式(CSS)的单元。 原则： 封装性、正确性、扩展性、复用性 结构设计：HTML 轮播图是一个典型的列表结构我们可以使用无序列表元素来实现 效果展现：CSS 使用CSS绝对定位将图片重叠在同一个位置 轮播图切换的状态使用修饰符 轮播图的切换 ...