flex超出一行显示省略号无效

使用flex布局,左右两个元素,其中一个元素使用flex-grow: 1,希望这个元素内的文字超过一行显示省略号。但是实际发现超出一行显示省略号无效。解决方法是设置width: 0就可以了。

2023-05-18 flex 省略号 超出一行省略号无效 103 0

js如何获取urlrefer

要获取浏览器中的引荐 URL,可以使用 JavaScript 中的 document.referrer 属性。请注意,refer url 可能不可用,这取决于用户浏览器中的隐私设置和安全性设置。

2023-04-28 js urlrefer js获取urlrefer 174 0

React获取url参数的几种方法

在React中获取URL参数可以使用window.location.search,react-router-dom路由库,query-string库等方法。

2023-04-26 react url参数 react获取url参数 754 0

如何使用js格式化json、css和scss

要使用JavaScript格式化JSON,可以使用内置的JSON.stringify()函数。该函数将JavaScript对象转换为JSON字符串,并且可以传递参数来使输出的JSON字符串更具可读性。

2023-03-24 js格式化json js格式化css js格式化scss 174 0

js生成二维码 qrcode.js使用方法

在 JavaScript 中,可以使用第三方库来生成二维码,其中最常用的是 qrcode.js。

2023-03-24 js生成二维码 qrcode.js qrcode生成二维码 501 0

如何判断file input的文件来自存储还是相机?

在前端中,可以使用 JavaScript 来判断 file input 的文件是来自存储还是相机。可以通过判断文件的元数据信息以及文件的 lastModified 属性值来判断文件的来源。

2023-03-22 file input 来自存储还是相机 判断file input 176 0

angular switchMap的用法

Angular 中的 switchMap 是一个非常有用的操作符,它用于处理 Observable 流中的数据转换。

2023-03-21 angular switchMap switchMap的用法 333 0

progress设置颜色

progress的css样式针对firefox的是progress::-moz-progress-bar,谷歌或者Safari是progress::-webkit-progress-value,IE10是progress { color: blue; }。

2023-03-13 progress 设置颜色 530 0

ajax提交表单数据和上传文件

想要通过ajax异步提交表单,表单内包含要上传的文件。正常提交Post提交表单没有问题,那么通过jquery的ajax方法如何构建提交数据呢?

2023-02-07 ajax 文件上传 表单 271 0

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

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

2023-01-17 createObjectURL 预览 blob 591 12

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

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

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

npm ci和npm install的区别

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

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

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

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

2023-01-04 VSCode ESLint 配置 自动格式化 402 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 350 0

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

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

2022-12-22 javascript || 291 0

@testing-library userEvent和fireEvent的区别

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

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

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

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

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

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

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

2022-12-22 testing-library react 单元测试 getBy queryBy findBy 404 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 820 0

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

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

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

顶部