.NET绿叶社区!

URL.createObjectURL上传图片生成blob预览链接

上传图片时,一般先让用户预览图片。现在通过URL.createObjectURL方法可以非常简单地获取一个blob的预览图片url。而不需要把文件转为base64或者其他的方法。它在各个主流浏览器也都兼容。

2023-01-17 createObjectURL 预览 blob 55 12

js对象自动属性绑定html模版插件

对于一些不是用React, Vue框架的前后端不分离的老网站,通过ajax请求数据后输出html页面比较繁琐,一般使用拼接html的方式。于是写了一个插件减少拼接html的工作量。

2023-01-13 js 模版 插件 38 0

npm ci和npm install的区别

npm ci命令和npm install类似,但是它更适用于自动化环境,比如测试平台、持续集成和部署——或者任何需要确保对依赖项进行全新安装

2023-01-09 npm npm ci npm install 54 0

VSCode 安装ESLint并配置为保存自动格式化

ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具,其目标是使代码更加一致并避免错误。我们可以通过配置codeActionsOnSave在保存时自动格式化代码。

2023-01-04 VSCode ESLint 配置 自动格式化 67 0

React @testing-library UserEvent.paste用法更新到14版本后不生效

​把testing-library从13.5.0更新到了14.1.1,发现原来paste的case过不了。paste方法第一个参数不再传element,而是先focus到目标元素上再进行paste操作。

2023-01-03 React testing-library UserEvent paste 77 0

javascript || 逻辑或 非布尔值用法

javascript || 逻辑或我们在 if 判断的时候使用较多,如果||两边是布尔值的时候情况就有些特殊了。

2022-12-22 javascript || 100 0

@testing-library userEvent和fireEvent的区别

写react项目UT的时候@testing-library userEvent和fireEvent都能实现触发事件的功能,那么它们的区别是什么?

2022-12-22 testing-library userEvent fireEvent 94 0

position:sticky纯css实现粘性定位让元素滚到顶部固定

想要让某些元素(例如导航,概要)滚动到顶部后就悬停在顶部固定,可以通过postion:sticky纯css简单实现,而不用使用js使得代码很复杂。

2022-12-22 css position sticky 粘性定位 109 0

@testing-library/react单元测试getBy queryBy和findBy的区别

查询是测试库提供的在页面上查找元素的方法。 有几种类型的查询(“get”、“find”、“query”); 它们之间的区别在于,如果没有找到元素,查询是否会抛出错误,或者它是否会返回一个 Promise 并重试。

2022-12-22 testing-library react 单元测试 getBy queryBy findBy 90 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 React timeout error useFakeTimers useRealTimers 139 0

javascript使用正则RegExp匹配到的值replace替换

javascript使用正则RegExp匹配到的值replace替换。有这么一个需求,有一个文档列表,我通过输入关键字筛选出查找的文档。

2022-12-14 javascript 正则 RegExp replace 82 0

ios safari浏览器button有2px的margin

ios safari浏览器button有2px的margin,解决方法是reset button的margin覆盖掉它。

2022-11-23 IOS safari margin 98 0

Flex布局使用教程示例

Flex布局使用教程。Flex学习工作白皮书。flex-direction,flex-wrap,flex-flow,justify-content,align-items使用方法。

2022-11-21 Flex Flex布局 Flex教程 Flex学习 flex-direction flex-wrap flex-flow justify-content align-items 169 0

React路径不变location.search参数改变不触发useEffect

React项目里有两个菜单项会到同一个pathname但是参数不同,这两个页面切换时不会触发页面数据刷新。解决方法是使用useLocation()。

2022-11-13 React useEffect 166 0

在IIS部署React前端项目

在IIS上部署React前端项目,在不是根路径的时候刷新页面会404,可以通过URL Rewrite设置解决这个问题。

2022-10-09 IIS react URL Rewrite 326 0

Angular自定义验证器ValidatorFn单元测试

在项目中定义了自定义的验证器,表单formgroup使用了Mock,所以自定义验证器代码没有被覆盖。如何为自定义验证器ValidatorFn写单元测试呢?如何Mock自定义验证器ValidatorFn呢?我是这么做的。

2020-11-03 Angular 单元测试 ValidatorFn 自定义验证器 1835 0

vue跳转页面的方法

1 router-link跳转2 this.$router.push()3 a标签可以跳转外部链接,不能路由跳转

2019-11-18 vue vue跳转 2695 0

Vue安装和创建Vue项目

执行vue init webpack vue-project 命令安装完成后,在刚才执行命令的目录下就生成了项目文件夹。输入命令cd first-vue进入到项目目录下,运行命令npm run dev便可以打开本地服务器实时查看效果(localhost:8080)。

2019-11-04 Vue安装 Vue项目 1386 0

jquery.combo.select插件设置选中项

jquery.combo.select插件设置选中项,先修改select的选中项,使用方法$("select").comboSelect().trigger('change.select');触发更新即可。

2019-08-06 jquery.combo.select 1841 0

JS实现类似文本contains的方法,用indexOf实现

js里面没有这个方法去判断字符串str是不是包含substr,而js提供了另一个方法indexOf:str.indexOf("substr") != -1;如果上面这个表达式为true,则包含,反之则不包含。

2019-08-01 JS contains indexOf 1420 0

顶部