Blurry Loading
需求展示一张图片，随着时间的推移模糊度逐渐降低并显示加载进度，图片完全清晰之后进度消失 分析要用到CSS的filter属性，通过JS控制进度显示以及模糊度的改变 实现1234567891011121314151617181920212223<!-- * @Author: CQJ * @Date: 2022-06-17 12:23:33 * @LastEditors: CQJ * @Last
Hidden Search Widget
需求实现一个搜索框，正常状态下只显示一个搜索按钮图标，点击之后显示整个搜索框并自动获得焦点，再次点击变回小按钮 分析flex布局：居中———> 由一个input和一个按钮组成，通过定位仅仅显示按钮，此时的搜索框的长度为按钮的长度 当点击按钮的时候，为容器样式添加一个类，输入框的长度发生变化，同时按钮向右移动，并自动获得焦点 当再次点击按钮的时候取消这个类 实现12345678910111
Rotating Navigation
需求制作旋转导航，点击按钮内容旋转显示导航栏，再次点击返回 分析正文内容正常展示，底部导航栏添加定位脱离文档流，再将其移动到屏幕左侧，对单个子项设定样式呈现阶梯状。 当点击的时候为导航栏添加类名，将其移动到原来的位置并设置淡入淡出效果以及延时 正文内容也会偏移一定的角度，同时按钮盘进行旋转 实现123456789101112131415161718192021222324252627282930
Progress Steps
项目来自github上的50projects50days，用于巩固自己的CSS及JS基础，倒也挺有趣 需求Progress steps需要制作一个步骤条，由两个按钮控制步骤前进后退，并且在边界条件按钮禁用 分析应该算是一个非常常见的需求，其中最重要的就是中间步骤条的显示 我们可以很轻松的想到在JS中用一个数来纪录走过的步骤，但每个步骤之后的横线是一个问题 一开始想着对每个子项添加一个伪元素来显示
typescript介绍及基础类型
特点 以Javascript为基础构建的语言 一个JavaScript的超集 可以在任何支持JavaScript的平台中执行 TypeScript扩展了JavaScript，并添加了类型 TS不能被JS解析器直接执行，需要编译成JS再执行 那么TS增加了哪些东西呢？ 类型，让那些变量不再”不伦不类”、”朝三暮四”。 支持ES的新特性 添加ES不具备的新特性 丰富的配置选项 强大的开发工具 类
Canvas-2
碰撞检测设计一个小球在矩形内运动，如果碰到边界则反弹回去 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950<!DOCTYPE html><html lang="en"><head> <meta ch
Canvas-1
今天在选择题中碰到了canvas的题目，于是想来补一补相关的知识 Canvas的使用123<body> <canvas width="500px" height="500px">您的浏览器版本过低，请升级浏览器或使用Chrome</canvas></body> 如何居中？ 123456canvas
微信小程序-校园失物招领
写在前面 好几个月没有更新博客了，一方面是因为自己焦虑和个人状态等原因，感觉可能被别人看到还是有点心虚，不想为了每天打卡进度而落于“形式主义”。另一方面则是感觉获取知识的途径太多，很多知识点可能随便可以搜到详细的解答，而自己花许多时间去照搬一遍有点浪费时间，让我有些怀疑这件事的意义。 但是终究还是决定写一写吧，或者只是为了自己内心的安宁。现在大环境越来越差，不管将