Sort 的应用
介绍项目中学生答题结束，题干类型单选题和多选题混乱在一起呈现，需求想分开，单选题在前面，多选题在后面。
届时想到 sort 排序。
sort() 方法用于对数组的元素进行排序，并返回数组。默认排序顺序是根据字符串 UniCode 码。因为排序是按照字符串 UniCode 码的顺序进行排序的，所以首先
...
Vue3.x 笔记
发表于
|
更新于
字数统计
4k 字
Vue3.0 六大亮点：
Performance：性能比 Vue2.x 快 2.2 倍。
Tree shaking support：按需编译，体积比 Vue2.x 更小。
Composition API：组合 API （类似 React Hooks）。
Better TypeScript su
...
ReactRouter 笔记
发表于
|
更新于
字数统计
1.6k 字
ReactRouter 配置首先安装 react 和 react-router-dom。
路由配置
1234567891011121314151617181920212223242526272829303132333435//AppRouterimport React from 're
...
ReactHooks 笔记
发表于
|
更新于
字数统计
1k 字
useState使用 useState 代替 state 声明值。
12345678910111213141516import React, {useState} from 'react'function UserStateExample() {
...
实现6位短信验证码input输入框效果
发表于
|
更新于
字数统计
840 字
需求UI 提供一张设计图，如下：
输入 6 位数字密码，每个 input 只能输入一个数字，每次输入完当前 input 框后自动跳转到下一个 input，输入完成后提交数据。
实现布局 6 个 input 框，使用 keydown 事件监听删除操作，keyup 事件监听输入时操作，输入完当前 i
...
ElementUI中Drawer组件特效在Safari浏览器出现动画错误
发表于
|
更新于
字数统计
363 字
ElementUI 中的抽屉组件在 safari 浏览器下，动画向上跳出然后再定位在底部呈现抽屉效果。
官网上出现的动画异常在 2.13.0 版本之后，在这版本之前没有出现动画错误。
对比版本
2.12.0 版本：
12345678910111213141516171819202122232425
...
React16.x 笔记
发表于
|
更新于
字数统计
1.5k 字
编写 ToDoList 列表根据官网提示自行安装 create-react-app 项目。
编写 HelloWord 组件react 编写组件提供两种方式，一种为 class 组件形式，也叫有状态组件；一种为 function 组件形式，也叫做无状态组件。
其中，class 组件形式如下：
1234
...
For循环中使用ref
发表于
|
更新于
字数统计
295 字
项目需求：
循环渲染笔记列表，修改当前笔记时，隐藏当前笔记在当前笔记原位置呈现文本框，保存按钮和取消按钮。当前笔记修改成功更新笔记列表；取消修改，隐藏当前文本框，保存按钮和取消按钮，呈现原有笔记。
循环渲染模版文件：
在 ref 上动态绑定数据，格式为：字符串 + 索引。
123456789
...
编写 jQuery postFrom 表单插件
发表于
|
更新于
字数统计
421 字
项目需求：
选课界面，选择多个课程添加到购物车计算总价。添加到购物车的课程，点击“提交结算”跳转到订单确认列表，当前界面要呈现上个界面选择的课程，包括：课程名称，课程价格，课程班级等等。
解决方式：
使用 get 方式传参，该方法行不通。因为浏览器 url 承载内容较多况且也有限制大小。所以使用 p
...
浏览器 Url 参数转化为对象
发表于
|
更新于
字数统计
377 字
项目需求：
教师端，题库列表界面需要传入 n 个参数，后续还有可能新增参数。由于是旧项目后端在 url 路由设置参数，后续开发也不方便。因此，由前端自定义传参接收参数。
使用一般方式获取浏览器路有参数，比如：
1234567var search = window.location.search;if
...