HTML5实现类似刮刮卡的功能 上面是最终实现刮刮卡效果 注意要点设置： 1.设置用户缩放：user-scalable=no|yes [java] view plaincopyprint? <meta name="viewport" content="width=device-width, initial-scale=1, m..
使用伪元素:before和:after给照片添加阴影 一个名叫Paul UnderwoodWEB程序员使用伪元素:before and :after制作出了完美惊艳的相片阴影效果。其中的技巧是使用绝对定位固定伪元素，然后给它们的z-index一个负值，以背..
前言在Linux中，尤其是在没有GUI界面的Linux系统中，需要连接WiFi时只能通过命令来完成，大致过程如下：安装软件连接WiFi需要用到iw，wpa_supplicant和net-tools中的一些工具，一些嵌入型Linux中可能已经在生成系统..
前言在Linux中要通过命令实现USB设备的enable和disable，类似于在Windows设备管理器中禁用再启动设备一样，在某些场景，如调试USB固件时，重新加载了固件时，又不希望物理上插拔设备时，可以采用绑定和解绑这种方式..
Particleground 粒子系统是一个jQuery插件，相当时髦富有科技感的背景。很多区块链公司网站都使用该特效。Particleground包括一个可选的视差效应控制鼠标在桌面设备和移动设备上的陀螺仪。它适用于任何浏览器支持HTM..
有个需求想用JS筛选页面上的一些文本，对匹配的内容进行高亮显示。需要实现类似c#中的对字符串的contains的功能~str.contains("substr");但是javascript里面没有这个方法去判断字符串str是不是包含substr，而js提供..
教程附demo请看这里：https://www.leavescn.com/files/learn/flex.htmlFlex布局翻译成中文就是弹性布局，为盒子模型提供最大的灵活性。任意容器都可以指定为flex布局，行内元素也可以使用flex布局。Webkit 内核的浏..
React项目里有两个菜单项会到同一个pathname但是参数不同，这两个页面切换时不会触发页面数据刷新（切换url页面代码不会重新执行）。原来的做法是用window.location.search获取参数，在别的地方都没有问题，这里比较..
1、安装Node.js下载地址：https://nodejs.org/en/download/2、执行npm install --global vue-cli 命令，全局安装vue-cli3、执行vue init webpack vue-project 命令其中vue-project 是自己的项目名称如下图所示，执行..
在项目中定义了自定义的验证器，代码如下：exportfunctionmyValidator(minNum):ValidatorFn{return(control:AbstractControl)=>{letflag=true;if(control.value<minNum&&control.value>0){flag=false;}return!flag?{..
1 router-link跳转<!--直接跳转--><router-linkto='/testDemo'><button>点击跳转2</button></router-link><!--带参数跳转--><router-link:to="{path:'testDemo',query:{setid:123456}}"><button>点..
在一些后台管理功能中，下拉框中的选项太多很难找到目标选项，此时需要一个带搜索功能的输入框，可以方便选中目标选项。类似下面这个样子：在线演示 demo下载实现方法很简单，头部引用资源文件，代码如下：<linkhref..
jquery.combo.select插件使用很简单，默认使用方法是：$(function(){$('select').comboSelect();});这样就能模拟一个漂亮的下拉菜单。如何用js修改或者设置jquery.combo.select的默认选中项呢？例如我现在想..
在IIS上部署React前端项目，在不是根路径的时候刷新页面会404，可以通过url rewrite设置解决这个问题。首先在react项目中运行npm run build打包项目。然后在IIS上创建一个站点，把build文件夹里的内容拷贝到站点文件..
问题VMware虚拟机如果未正常退出，下一次再次打开可能会提示如下错误：该虚拟机似乎正在使用中。如果该虚拟机未在使用，请按“获取所有权(T)”按钮获取它的所有权。否则，请按“取消©”按钮以防损坏。配置文件: D:\..
为什么要使用https？更好的搜索引擎优化(SEO)百度，Google等各大搜索引擎，明确表示在同等条件下，使用https加密技术的网站在搜索排名上更具有优势。地址栏安全锁部署SSL证书的站点，在浏览器的地址栏头部会显示绿色..
ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。ESLint 是完全可插拔的。 每条规则都是一个插件，您可以在运行时添加更多。 您还可以添加社区插..
为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."检查上下代码后是发现..
把testing-library从13.5.0更新到了14.1.1，发现原来paste的case过不了。官网上V13的用法和Demo是这样的：paste(element, text, eventInit, options)test('shouldpastetextininput',()=>{render(<MyInput/>)..
最近以项目发现一个问题，两个按钮的表现形式在iphone的safari浏览器里和安卓和desktop不一样，连上Mac调试发现button元素有2px的margin，所以导致总宽度超过容器被换行了。试了两个iphone测试机，safari13和16都有..