前端技术

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

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

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

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

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

2022-12-22 2623 0 单元测试 react testing-library getBy queryBy findBy

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 4266 0 React timeout error useFakeTimers useRealTimers

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

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

2022-12-14 1560 0 正则 RegExp replace JavaScript

ios safari浏览器button有2px的margin

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

2022-11-23 1483 0 IOS safari margin

Flex布局学习使用教程示例

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

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

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

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

2022-11-13 3345 0 React useEffect

在IIS部署React前端项目

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

2022-10-09 4033 0 IIS react URL Rewrite

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

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

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

vue跳转页面的方法

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

2019-11-18 4625 0 vue vue跳转

Vue安装和创建Vue项目

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

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

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

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

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

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

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

2019-08-01 3293 0 JS contains indexOf

带搜索的下拉框jQuery插件

在一些后台管理功能中，下拉框中的选项太多很难找到目标选项，此时需要一个带搜索功能的输入框，可以方便选中目标选项。

2018-05-24 5311 0 jQuery插件带搜索的下拉框

JS粒子特效jQuery插件particleground

Particleground 粒子系统是一个jQuery插件，相当时髦富有科技感的背景。很多区块链公司网站都使用该特效。Particleground包括一个可选的视差效应控制鼠标在桌面设备和移动设备上的陀螺仪。它适用于任何浏览器支持HTML5画布。

2018-04-24 4869 1 粒子特效 particleground

JS判断连续输入完成

JS如何判断连续输入完？js判断输入结束可以通过下面这个jquery插件完美实现。

2018-02-24 5703 0 JS判断连续输入 JS输入完成

ueditor 关闭自动保存

ueditor.config.js文件中设置enableAutoSave参数为false就可以关闭本地保存功能。但是目前版本存在BUG，修复此问题需修改ueditor.all.js文件，增加一行代码即可。

2015-05-12 5881 0 ueditor ueditor配置自动保存

js正则验证url格式

判断URL地址的正则表达式为:http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?。下面的代码中应用了转义字符"\"输出一个字符"/"

2014-11-25 12029 1 js 正则验证url格式验证url格式

伪元素:before和:after的用法

伪元素:before和:after非常的简单，但也非常的酷，而且非常的有用处，使用它们能生成复杂的页面呈现效果，但它们却不会给你的HTML代码增加任何额外的代码——因为它们是不存在的“伪”元素。你要你有足够的想象力，你可以用它实现任何的效果。

2014-11-20 5475 0 伪元素 :before :after :before用法 :after用法

HTML5实现刮刮卡的效果

HTML5实现类似刮刮卡的功能。注意要点设置：1.设置用户缩放：user-scalable=no|yes。2.禁止拖动。3.禁止弹出选择菜单。具体实现代码。

2014-11-08 4471 0 刮刮卡效果 HTML5特效 HTML5刮刮卡

文章分类 .NET 数据库项目经验前端技术服务器资源分享资讯