美化GitHub个人主页
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. 应用型项目:往独特的方向写,不要把基本功能当成技术点写 ...
day6
响应式系统与React | 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第6天
一、本堂课重点内容:
前端应用开发历程
移动原生应用开发
结合Electron的桌面应用开发
响应式编程与转换式
React 设计与实现 - 组件化、状态归属问题及生命周期
React的实现
React状态管理库-核心思想、推荐、状态机等
二、详细知识点介绍:前置知识
HTML、CSS、JS基础
基础的数据结构/算法知识
会使用浏览器提供的DOM API来修改DOM。更新UI
React的设计思路
状态更新 UI不会自动更新。需要手动调用DOM进行更新
欠缺基本的代码层面的封装和隔离,代码层面没有组件化
UI之间的数据依赖关系,需要手动维护,如果依赖链路长。则会遇到“Callback Hell”
响应式与转换式
响应式系统
事件->执行既定的回调->状态变更
响应式编程
状态更新 UI自动更新
前端代码组件化、可复用、可封装
状态之间的互相依赖关系,只需声明即可
组件化
组件是组件的组合/原子组件
组件内拥有状态。外部不可见
父组件可将状态传入组件内部 ...
day5
HTTP使用指南 | 青训营笔记这是我参与「第五届青训营 」笔记创作活动的第5天
一、本堂课重点内容:
HTTP 协议的基本定义、主要特征、发展历程、报文结构
动态资源、登录的场景分析
HTTP协议实战:浏览器、Node,协议拓展:通信方式
网路优化手段
二、详细知识点介绍:初识HTTPTCP协议的特点是:面向连接、点对点(一对一)、可靠交付、面向字节流、拥塞控制四个方面
HTTP概念
Hyper Text Transfer Protocol(超文本传输协议)
应用层协议。基于TCP协议
请求响应
简单可扩展
无状态(没有记忆能力,每个要求都是独立的)
协议分析-报文
GET
请求一个指定资源的表示形式.使用GT的请求应该只被用于获取数据
POST
用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用
PUT
用请求有效载荷替换目标资源的所有当前表示
DELETE
删除指定的资源
HEAD
请求一个与GET请求的响应相同的响应,但没有响应体
CONNECT
建立一个到由目标资源标识的服务器的隧道
OPTIONS
用于描述目标资源的通信选项 ...
day4
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 ...
day3
跟着月影学 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绝对定位将图片重叠在同一个位置
轮播图切换的状态使用修饰符
轮播图的切换 ...