如何判断file input的文件来自存储还是相机？
在前端中，可以使用 JavaScript 来判断 file input 的文件是来自存储还是相机。可以通过判断文件的元数据信息以及文件的 lastModified 属性值来判断文件的来源。
2023-03-22 2685 0
progress设置颜色
progress的css样式针对firefox的是progress::-moz-progress-bar，谷歌或者Safari是progress::-webkit-progress-value，IE10是progress { color: blue; }。
2023-03-13 4051 0
ajax提交表单数据和上传文件
想要通过ajax异步提交表单，表单内包含要上传的文件。正常提交Post提交表单没有问题，那么通过jquery的ajax方法如何构建提交数据呢？
2023-02-07 2454 0
URL.createObjectURL上传图片生成blob预览链接
上传图片时，一般先让用户预览图片。现在通过URL.createObjectURL方法可以非常简单地获取一个blob的预览图片url。而不需要把文件转为base64或者其他的方法。它在各个主流浏览器也都兼容。
2023-01-17 4238 12
js对象自动属性绑定html模版插件
对于一些不是用React, Vue框架的前后端不分离的老网站，通过ajax请求数据后输出html页面比较繁琐，一般使用拼接html的方式。于是写了一个插件减少拼接html的工作量。
2023-01-13 1984 0
npm ci和npm install的区别
npm ci命令和npm install类似，但是它更适用于自动化环境，比如测试平台、持续集成和部署——或者任何需要确保对依赖项进行全新安装
2023-01-09 3278 0
VSCode 安装ESLint并配置为保存自动格式化
ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。我们可以通过配置codeActionsOnSave在保存时自动格式化代码。
2023-01-04 4310 0
React @testing-library UserEvent.paste用法更新到14版本后不生效
把testing-library从13.5.0更新到了14.1.1，发现原来paste的case过不了。paste方法第一个参数不再传element，而是先focus到目标元素上再进行paste操作。
2023-01-03 2820 0
@testing-library userEvent和fireEvent的区别
写react项目UT的时候@testing-library userEvent和fireEvent都能实现触发事件的功能，那么它们的区别是什么？
2022-12-22 4455 0
position:sticky纯css实现粘性定位让元素滚到顶部固定
想要让某些元素（例如导航，概要）滚动到顶部后就悬停在顶部固定，可以通过postion:sticky纯css简单实现，而不用使用js使得代码很复杂。
2022-12-22 3500 0
@testing-library/react单元测试getBy queryBy和findBy的区别
查询是测试库提供的在页面上查找元素的方法。 有几种类型的查询（“get”、“find”、“query”）； 它们之间的区别在于，如果没有找到元素，查询是否会抛出错误，或者它是否会返回一个 Promise 并重试。
2022-12-22 3036 0
React Error: Exceeded timeout of 5000 ms for a test. 错误
为React项目编写单元测试时报错Error: thrown: "Exceeded timeout of 5000 ms for a test. Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."
2022-12-19 4681 0
javascript使用正则RegExp匹配到的值replace替换
javascript使用正则RegExp匹配到的值replace替换。有这么一个需求，有一个文档列表，我通过输入关键字筛选出查找的文档。
2022-12-14 1954 0
ios safari浏览器button有2px的margin
ios safari浏览器button有2px的margin，解决方法是reset button的margin覆盖掉它。
2022-11-23 1813 0
Flex布局学习使用教程示例
Flex布局使用教程。Flex学习工作白皮书。flex-direction，flex-wrap，flex-flow，justify-content，align-items使用方法。
2022-11-21 2673 0
React路径不变location.search参数改变不触发useEffect
React项目里有两个菜单项会到同一个pathname但是参数不同，这两个页面切换时不会触发页面数据刷新。解决方法是使用useLocation()。
2022-11-13 3741 0
-
匿
匿名用户 2026-09-18
-
匿
匿名用户 2026-09-18
-
匿
匿名用户 2026-07-11
-
匿
匿名用户 2026-06-01
- 匿