前端
关注
分享
扫一扫
文章平均质量分 50
无·法
此人非常懒，竟然什么都没写。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
如何让左右两个div各占50%，并且高度相同？
如何设置两个div各占一半，并且高度随着内容增加，而且两边div的高度一致呢？默认会发现高度不一致，改用flex就可以了，另外发现传统的table也可以轻易实现。不知道不用flex的话是否可以实现。原创 2024-08-05 00:42:25 · 1049 阅读 · 0 评论 -
h5网站或app在未登录状态下如何判断用户性别？
原创 2023-04-08 20:18:31 · 355 阅读 · 0 评论 -
完全用css代码实现二维码扫描图标
二维码扫描的图标我们经常会用到。一般都是用图片的办法，也有用字体图标的方式。下面这个是用存css来对div进行样式控制来实现的。下面的代码主要借鉴了uniaop。原创 2022-10-19 22:55:57 · 1179 阅读 · 0 评论 -
通过howler.js实现在Android下的微信浏览器自动播放音频
howler.js是一个把webaudio进行封装的一个js库，通过它可以轻松的对音频文件进行控制播放、暂停、甚至指定播放音频中的某个片段、以及加快等等，这里我们只关注它在微信浏览器中自动播放的问题，有需要了解的可以去官网看看。原创 2022-09-26 13:08:15 · 2863 阅读 · 0 评论 -
纯css车牌倾斜矫正的方法 css图像透视变换
主要使用css里面transform的rotate和skew，一个是旋转，一个形变。原创 2022-09-11 01:52:47 · 771 阅读 · 0 评论 -
div在网页中四周留个等宽“包边”的办法
<!DOCTYPE html><html><head> <title>div test</title> <style type="text/css"> *{margin:0; padding:0;} html,body{height: 100%;} body{background:red;} .test{height:calc(100% - 80px);margin:40px;backg.原创 2022-03-13 23:53:54 · 2144 阅读 · 2 评论 -
一个s让我花费了一两个小时 jquery 中$.ajaxSetup({async:false})； 同步不生效的问题getJSON
我们都知道jquery中的ajax或者getJSON调用默认是异步的，但是异步的话会有个问题，比如我们对外面的变量赋值会不成功，因为代码不管getJSON方法是否执行完，继续走到下面了，那么变量就不会赋值成功。如果我们期望执行完getJSON再执行下面的代码。那么就需要设置同步模式。方法很简单，在getJSON调用的前插入下面这一行即可：$.ajaxSetup({async:false});完整试验代码如下：<!DOCTYPE html><html><hea原创 2022-03-12 13:45:13 · 2260 阅读 · 0 评论 -
通过js调用微信扫一扫并获得结果
在这个万物互联的时代，二维码条形码无处不在，它们被应用于各个领域，和各个系统衔接。我们开发系统也常会用到录入条码二维码之类，比如扫码出入库，扫码查询、盘点等等。因此在我们的网页中常常需要调用扫码功能，下面这个代码是最简单的调用方式。将下面代码复制保存为htm文件上传到服务器，然后在微信里打开访问。原创 2022-03-09 16:19:54 · 5386 阅读 · 2 评论 -
js中获取当前网址中指定参数值的函数
常见的一般有下面这两种。1.使用正则匹配的方法function GetQueryString(name){ var reg = new RegExp("\\b"+ name +"=([^&]*)"); var r = location.href.match(reg); if (r!=null) return r[1];}2.通过循环逐个查找的方法function getQueryVariable(variable){ var query = wi原创 2022-03-09 14:45:26 · 784 阅读 · 0 评论 -
div中文字超过指定数量后不显示并且以省略号结尾
<style> .test{background:#ccc; width:10em; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;} .test:hover{text-overflow:inherit; overflow:visible;}</style><div class="test">你好测试一下，明天太阳照常升起</div>...原创 2021-11-15 18:51:10 · 1677 阅读 · 0 评论 -
网页进度条研究
有些场景需要使用到进度条，在以前基本都是通过div组合实现的，实现起来不难但是有点繁琐。在h5推出后里面有个progress标签就是解决进度条问题的，实现起来非常简单。<progress value="85" max="100">效果如下：用法和样式都很简单，要更好的展示，比如中间或者末尾带数字或者改变颜色大小等样式还是得自己额外写代码实现。本来想自己写的，但是发现不少框架都有。懒得自己写了，直接列一下吧。1.拼图（pintuer）框架里面提供了两种方式。分别是对h原创 2021-10-24 14:15:18 · 476 阅读 · 0 评论 -
chrome谷歌浏览器&firefox火狐清除dns缓存的办法
服务器删除ssl证书后，访问网站还是会跳转到https，只要之前访问过的浏览器都是这样，新安装的浏览器没发生这样的问题。所以我猜测是浏览器的缓存的原因，可是用浏览器自带的清楚缓存都没用。猜测应该是dns缓存导致跳转。网上搜了一大圈终于看到了条有价值的信息，确实是跳转问题，如果在旧地址上刷新下就好，但是旧地址已经瞬间就跳转，你根本不可能在0.0001秒内去刷新。不过好在有F12，我们勾选“preserve log”，然后再访问，这样地址里http访问的那条记录就会保存着了，然后我们右击它，选择清除缓存，.原创 2021-10-22 08:48:04 · 1221 阅读 · 0 评论 -
一个斜杠浪费几个小时 关键词：https拦截、mixed blocked
网页是https，调用的也是https，但是就是说混合模式，网上查了，这错误的意思就是https调用了http的资源导致。可是我并没有啊。var url = "../api/Custom/Get?callback=?";接口本来是这样写的，没有标记https还是http，那么默认是跟随当前的网址的。 我为了验证下特地改成完整路径。var url = "https://www.aaatestbbb.com/api/Custom/Get?callback=?";结果报同样的错误。然后我发现...原创 2021-10-21 20:38:07 · 2755 阅读 · 0 评论 -
webapp页面中底部版权bottom或者footer在调出输入法的时候上窜遮挡其他元素的问题解决方案，输入法跳出时底部bottom遮挡问题
标题：webapp页面中底部版权bottom或者footer在调出输入法的时候上窜遮挡其他元素的问题解决方案，输入法跳出时底部bottom遮挡问题通过css即可解决问题。范例代码：webapp页面中底部版权bottom或者footer在调出输入法的时候上窜遮挡其他元素的问题解决方案，输入法跳出时底部bottom遮挡问题<!DOCTYPE html><html...原创 2018-08-01 21:32:48 · 1652 阅读 · 0 评论 -
js实现body背景图自动扩缩 光靠css几乎无法实现这样的效果
刚开始想纯粹靠css来实现，可是网上找了很多资料经过测试发现都不可以。要么是图片只显示一部分，要么就是网页窗口变动时无法做出相应的改变。 看样子还得依靠传统的办法，用js直接上，简单暴力。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale.原创 2021-10-16 14:45:45 · 607 阅读 · 0 评论