前端
关注
分享
扫一扫
dabao87
php
展开
-
根据属性隐藏标签
看上面图片最后的更多，这里不像要图片的，但是这个是循环下来的，不能单独的去掉这一个，所有想到要隐藏这里对 img 标签的 src 属性填上了 blank ，在css中处理&[src='blank']{ display:none;}这个意思是说，遇到src的属性是 blank 的时候，这个隐藏看效果...原创 2021-06-30 18:38:38 · 267 阅读 · 0 评论 -
在图片指定位置上输出文字
在图片指定位置上输出文字，不管在任何分辨率下文字的位置不变1：要先将图片的宽高写固定，2：将文字的标签包在图片的div中，利用padding-top确定文字的位置说白了就是要将文字的位置相对图片定位好就行了html:<div class="rewardBg"><p>23234</p></div>css:.rewardBg{b...原创 2020-04-20 18:16:59 · 1033 阅读 · 0 评论 -
移动端页面键盘弹出后导致body高度变低背景图片被挤上去解决方法
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html> <head> <meta http-equiv="content-type" content="te...原创 2019-11-01 11:35:33 · 681 阅读 · 0 评论 -
jQuery移除或禁用html元素的点击事件
移除或禁用html元素的点击事件可以通过css实现也可以通过js或jQuery实现。一、CSS方法.disabled { pointer-events: none; }二、jQuery方法方法一$(this).click(function (event) { event.preventDefault();}方法二$('a').live('click', f...转载 2018-12-20 13:53:42 · 1437 阅读 · 0 评论 -
js限制按钮几秒后可以点击
公司最近出了一个抽奖活动，由于加载页面有一定的时间，所以就做了刚进页面3秒后才能点击按钮去抽奖，点击一次按钮后7秒后才能再次点击 ，下面直接上代码window.onload = function() { var delayTime = ""; //定义delayTime var fun = function Click(){ clearTimeout(onl...原创 2018-12-21 10:53:20 · 6449 阅读 · 0 评论 -
前端手机号验证以及发送验证码倒计时
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html> <head> <meta http-equiv="content-type" content="t原创 2018-12-27 10:54:20 · 889 阅读 · 1 评论 -
js数组循环延迟输出
<script type="text/javascript"> $(function(){ $('.press10').click(function(){ var row = ['1','2','3','4','5','6','7','8','9','10']; press10(row); })...原创 2018-12-17 17:49:58 · 1772 阅读 · 0 评论 -
HTTP返回状态值
200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。 301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。 302 （临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。 401 （未授权） 请求要求身份验证。 对于需要登录的网页，服务器...原创 2019-01-04 15:59:01 · 615 阅读 · 0 评论 -
CSS设置背景图宽度100%，高度自适应
.newcenter{ width: 100%; background: url('../../assets/img/newcenter.png') no-repeat; background-size: 100% auto; padding-top: 13%; height: 0px; }原理是通过pa...原创 2019-04-23 11:16:28 · 23511 阅读 · 0 评论 -
移动端开发
1.移动端的开发必须要引入 viewport<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">2.引入公共的css样式，这个是方便不用自己去写了一般取名 reset.css/** * Eric Meyer...原创 2019-06-14 10:23:34 · 117 阅读 · 0 评论 -
利用css将背景图片铺满整个屏幕
方法一：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-...原创 2018-10-19 18:00:51 · 45096 阅读 · 1 评论 -
php与ajax交互——实现php实时返回结果给ajax，并在后台保持继续运行的方法
老规矩，说一下需求，一个朋友的要求是用户提交审核，用户等待的时间太长的问题，由于前台反应的时间短，后台处理数据的时间长，不利于用户体验，于是想到先给用户返回等待审核后再处理数据ajax：<script type="text/javascript"> $(function(){ $('.dianji').click(function(){ $.ajax({ ...原创 2018-10-12 15:18:45 · 11778 阅读 · 0 评论 -
ajax传过来的json数据的问题
今天遇到一个问题，用ajax到后台请求获得数据，在前端这里接受到的数据带了引号<script type="text/javascript"> $(function(){ $.ajax({ url: "/getData", type: "get", dataType: "json", success: function (dat...原创 2018-09-26 16:13:35 · 1263 阅读 · 0 评论 -
微信中不能下载apk包的问题
现在微信分享的功能很多，从分享的链接下载apk安卓包是很正常的，但是微信不让下载apk包，只能通过浏览器来下载，但是这要给用户一个提示吧，不然用户不知道下面我们来实现，引导用户通过浏览器来下载apk包看下效果，图片在最下面在需要下载的页面中加入下面的代码<div class="weixin-tip" style="display:none;"> <p>...原创 2018-06-13 12:03:42 · 8451 阅读 · 2 评论 -
IE下ajax如何向PHP服务端传汉字
先说一下情况，我网页中的ajax开始是在谷歌浏览器中调试的，是可以传汉字到PHP服务端，PHP服务端也是可以接受的。后来由于项目需要，因为我们是做游戏的，游戏在电脑上有一个客户端，所以将网页放到客户端里面了，又因为我们的客户端是IE浏览器，所以这时候ajax传过去的汉字在PHP服务端接受的是空值，所以有了以下的改动。出错前的前端代码：$.get(ajaxMakeCard?uu="+uu+...转载 2018-06-01 13:47:03 · 240 阅读 · 0 评论 -
Ajax阻止表单重复提交
先说一下场景：有一个抽奖的活动，后台配置产品，每个产品被抽到的概率。在提交的时候，需要先验证概率有没有超过总和，如果超过了就不让表单提交，如果没有超过就正常提交，好了，场景说完了，下面正式代码HTML部分：<form action="a.php" method="post" onsubmit="return submittest();"> <div class="f...原创 2018-06-15 15:45:28 · 281 阅读 · 0 评论 -
jquery限制用户id和手机号只能填多少位
input中：<input type="text" name="empName" class="layui-input" maxlength="6">上面表示只能输入6个字符，数字，字母，中文都可以输入<input type="text" class="phone" placeholder="请输入手机号" maxlength=原创 2018-06-27 10:48:38 · 654 阅读 · 0 评论 -
使用vue-cli初始化单页面应用
1.安装npm 为了速度可以安装cnpm2.npm init webpack cli (项目名) 初始化在当前的目录创建一个子目录3._在项目里面执行 npm install4.运行开发者模式 npm run dev5.ctrl+c 会关闭开发者模式，输入npm run dev可随时开启...原创 2018-07-03 15:29:44 · 572 阅读 · 0 评论 -
移动端H5页面如何屏蔽双击缩放的功能？
将页面的DOCTYPE 改成下面的<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">head里面的meta改成下面的就可以了<meta content="width=device-width...原创 2018-07-03 16:08:52 · 11667 阅读 · 0 评论 -
vue-cli安装less处理样式
原创 2018-07-16 17:05:26 · 531 阅读 · 0 评论 -
如何关闭IOS浏览器自动将数字识别为电话号码
在项目中发现Safari会自动把数字串添加电话链接，数字颜色变为蓝，点击之后会询问用户是否想要拨打该号码。这样就破坏了原来页面的设计，如果你不希望开启这个自动识别，可以将它关闭： <meta name="format-detection" content="telephone=no" />如果你关闭自动识别后，又希望某些电话号码能够链接到iPhone的拨号功能，那么可以通过这样来声明电...转载 2018-07-03 17:52:48 · 1700 阅读 · 0 评论 -
javaScript & jquery完美判断图片是否加载完毕
谈一下关于load的问题。众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般都放在服务器上，通过http下载到客户端。例如我的图片地址：http://xxx.xxx.com/sc/item/cover/9-4352-c400...转载 2018-07-25 10:05:42 · 144 阅读 · 0 评论 -
jQuery,对页面上后期加载的动态元素,赋事件或值进行操作
使用delegate使用on$('.form-group').on('click', '.delete', function () { var val = $(this).length; console.log(val)});两种写法括号里面的操作对象和操作方法的写法是相反的，建议用on的写法...原创 2018-05-21 17:45:13 · 1683 阅读 · 0 评论