前端
关注
分享
扫一扫
amberom
这个作者很懒，什么都没留下…
展开
-
网站网页快速变黑白方法
通过对html body 元素css style设置滤镜，达到“一键变色”的效果。css filter的浏览器兼容：Chrome31+，Safari7+，Opera20+，ios Safari6+,Android Browser4.4+, Blackberry 10+均支持了-其中grayscale（）的取值为0%-100%，也可以用0-1取代，0%代表彩色图像，100%代表完全的灰度。网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。-filter的方式，IE不支持，firefox不支持。转载 2022-12-01 15:26:17 · 416 阅读 · 0 评论 -
header(‘Access-Control-Allow-Origin:*‘)(什么是跨域?如何解决跨域)
例如www.123.com/index.html需要调用www.456.com/server.php，可以写一个接口www.123.com/server.php，由这个接口在后端去调用www.456.com/server.php并拿到返回值，然后再返回给index.html，这就是一个代理的模式。http://www.123.com:8080/index.html 调用 http://www.123.com:8081/server.php （端口不同:8080/8081，跨域）//允许所有来源访问。...转载 2022-08-19 09:45:40 · 1189 阅读 · 0 评论 -
layui laydate 设置日期格式
layui.use(['layer', 'form', 'layedit', 'table', 'element', 'laydate'], function() { var layer = layui.layer , form = layui.form ,table = layui.table , element = layui.element , l..原创 2022-04-06 08:43:56 · 4771 阅读 · 3 评论 -
2022手机号码JS正则表达式验证实例代码
这篇文章主要介绍了2022手机号码JS正则表达式验证实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下概念正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。简介正则表达式是对字符串（包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”））操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字转载 2022-03-24 11:47:35 · 3563 阅读 · 0 评论 -
layui表单校验及监听复选框选中状态的坑
试过所有的办法，都没有办法获取到复选框的选中状态，整了一早上，最后忽然想到，难道一定要用layui官方文档提供的方式监听吗，用原生js难道就不行了，最后一试竟然成功了，不得不说，js是最强大的。<div class="myform layui-form"> <input type="text" name="use_type" id="person" value="个人" hidden>转载 2022-02-22 14:19:37 · 662 阅读 · 0 评论 -
如何阻止form表单中的button按钮提交
1、 return false<button type="submit" class="submit_button" onClick=“submitAction();return false;”>登录</button>2、button有个type属性，属性值可为button、submit、resetbutton=普通按钮，直接点击不会提交表单submit=提交按钮，点击后会提交表单reset=表单复位 当button的type属性值为button时，仅做为一个..转载 2021-12-31 15:50:35 · 7537 阅读 · 0 评论 -
修复百度编辑器插入视频的bug，可实时预览视频，可修改到支持手机查看视频
站在前人的肩膀上我们就可以站的更高，看得更远。所以，请在 ueditor.config.js中搜索 whitlist , 在后面加入source: ['src', 'type'],embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', + 'autoplay','loop', 'menu', 'allowscriptaccess',转载 2021-12-16 15:01:39 · 648 阅读 · 0 评论 -
实现div里的img图片水平垂直居中
body结构<body> <div> <img src="1.jpg" alt="haha"> </div></body>方法一：将display设置成table-cell，然后水平居中设置text-align为center，垂直居中设置vertical-align为middle。<style type="text/css"> *{margin: 0;padding: 0;} div{ wid转载 2021-11-17 08:49:12 · 1144 阅读 · 0 评论 -
echarts 数值过大，有些数据会显示不全，log
1. 效果图如下所示：改之前： 改之后： 2. 代码如下：只需要把需要的x轴或者y轴：type:"log"，就行var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: { data:...转载 2021-10-05 09:10:59 · 1308 阅读 · 0 评论 -
bootstrap-datepicker使用，只显示年，显示年月，显示日 三种情况
插件下载地址：https://github.com/uxsolutions/bootstrap-datepicker使用：引入dist文件夹下面这三个文件<script src="./whdp/config/lib/datepicker/bootstrap-datepicker.min.js"></script><script src="./whdp/config/lib/datepicker/bootstrap-datepicker.zh-CN.min.js"转载 2021-10-02 08:49:54 · 3252 阅读 · 0 评论 -
js 判断字符串中是否包含某个字符串
String对象的方法方法一: indexOf() (推荐)var str = "123";console.log(str.indexOf("3") != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。方法二: search()var str = "123";console.log(str.search("3") != -1 ); // truesearch...转载 2020-11-14 08:50:27 · 897 阅读 · 0 评论 -
layui框架，form提交了两次，问题原因解决
<script>//监听提交form.on('submit(submitBtn)', function(data){ var time_start = $("#time_start").val(); var time_end = $("#time_end").val(); $.ajax({ url: "{:url('delete_by_da...原创 2020-04-21 15:13:24 · 2065 阅读 · 0 评论 -
bootstrap-datetimepicker时间控件 显示到分钟
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="st原创 2022-02-23 11:16:00 · 7532 阅读 · 0 评论 -
php 变量在前台html 的textarea 中如何换行，以及换行修改如何在PHP后台获取
这个问题看起来很简单也很容易。貌似换个行<br />不就可以了嘛，但是，真没想象中的那么简单啊啊啊啊啊！！！一、换行老做法：基于THINKPHP ，就是从redis中将数组取出来，显示在前台，但是要换行。后台：[php] view plain copyfunction tags_keywords(){ $this->showheadertitle('tags_...转载 2018-05-08 19:50:34 · 1511 阅读 · 0 评论 -
页面加载完成后再执行JS的jquery写法以及区别说明
本篇文章主要是对页面加载完成后再执行JS的jquery写法以及区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $("转载 2014-07-03 15:44:33 · 713 阅读 · 0 评论 -
js实现页面定时跳转
function show_time(t){var time = t;time -= 1;document.getElementById("time").value = time;if(time==0){window.parent.location.href = "http://www.baidu.com";}if(time != 0){setTimeo原创 2014-07-25 14:49:54 · 903 阅读 · 0 评论 -
DIV+CSS编码常见错误 你占了几个？
CSS＋DIV是网站标准（或称“Web标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，本文将介绍DIV+CSS编码时最容易犯的错误，希望对您有所帮助。AD：DIV+CSS是网站标准（或称“Web标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位转载 2014-08-05 11:00:49 · 380 阅读 · 0 评论 -
调用Sina股票数据
sina股票数据接口以大秦铁路（股票代码：601006）为例，如果要获取它的最新行情，只需访问新浪的股票数据接口：http://hq.sinajs.cn/list=sh601006这个url会返回一串文本，例如：var hq_str_sh601006="大秦铁路, 27.55, 27.25, 26.91, 27.55, 26.20, 26.91, 26.92,22114263,转载 2014-10-22 09:29:02 · 1639 阅读 · 0 评论 -
my97datepicker开始日期小于结束日期格式化时间精确届时分秒
my97datepicker开始日期小于结束日期格式化时间精确到时分秒一 , 需求: 结束时间 > 开始时间, 不符合的时间段不能选择.比如我选择开始日期是7月28，那结束的日期将只能从7月28日后面的日期里来选择，省去了我们JS验证结束日期小于开始日期的麻烦。具体代码如下：开始日期的input id = "startDate"结束日期的input id =转载 2015-04-30 17:31:03 · 1872 阅读 · 0 评论 -
完整的时间（开始和结束时间）输入框验证js
完整的时间（开始和结束时间）输入框验证js1、html（1）时间输入框Html代码 当使用时间插件改变时间时，会触发onchange()事件起始时间: onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',lang:'zh-cn',maxDate:'%y-%M-%d',minDate:'%转载 2015-04-28 19:28:14 · 1565 阅读 · 0 评论 -
推荐几款基于Bootstrap的响应式后台管理模板
1、Admin LTE 该模版开源免费。 AdminLTE- 是一个完全响应式管理模板。基于Bootstrap3的框架。高度可定制的，易于使用。支持很多的屏幕分辨率适合从小型移动设备到大型台式机。 下载地址：https://www.almsaeedstudio.com/ 注：比较推荐使用这款模版，本人正在改造这款模版的首页供自己使用。 添加tabs标签，添加...转载 2017-12-25 09:49:10 · 15397 阅读 · 1 评论 -
jQuery Ajax使用FormData对象上传文件的方法
这篇文章主要介绍了jQuery Ajax使用FormData对象上传文件的方法，非常不错，具有参考借鉴价值，需要的朋友可以参考下FormData对象，是可以使用一系列的键值对来模拟一个完整的表单，然后使用XMLHttpRequest发送这个"表单"。 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。 但上传文件部分只有底层的转载 2018-01-11 12:13:15 · 500 阅读 · 0 评论 -
bootstrap 模态框 删除确认
思路：点击删除按钮，通过jquery将删除操作的URL赋值到页面URL元素，并弹出会话框用户点击确认，通过jquery获取URL，并发送删除请求至后台。一、删除button[html] view plain copy a class="btn btn-primary" onClick="delcfm('转载 2017-12-29 11:48:31 · 7251 阅读 · 3 评论 -
onclick="this.form.submit();" 无法提交的解决办法
网页中 如果使用 onclick="this.form.submit();" 无法提交表达，可以使用下面的代码： onclick="document.forms['form'].submit();" 范例： onclick="document.forms['search'].submit();">搜索转载 2018-01-05 19:22:00 · 4344 阅读 · 0 评论 -
解决jquery动态创建元素绑定事件失效问题
存在问题在我们使用jquery动态创建元素后往往会遇到一些问题，如：给.button按钮绑定了点击时间，执行alert:(1); 点击事件代码如下：$("#add").click(function(){ var btn=''; $("#box").html(btn); });$(".button").click(function(){ alert(1); })转载 2018-01-09 09:26:38 · 3020 阅读 · 0 评论 -
ajax上传单个，多个文件文件
<script src="/jquery.min.js"></script><form id="uploadForm" enctype="multipart/form-data"><input type="file" name="file_01[]" id="file" multiple原创 2018-04-13 20:31:51 · 1879 阅读 · 0 评论 -
layer弹出层设置相对父级元素定位
layer弹出层默认是相对body固定定位的，可是项目中一般需要相对某个盒子相对定位，下面是个加载弹层例子：var loadIndex = layer.open({ type: 3, //3 表示加载 fixed: false, //取消固定定位，因为固定定位是相对body的 offset: ['60px', '13...转载 2018-05-08 12:01:42 · 8172 阅读 · 1 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 的说明
X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循指令。对于多数网站来说，它是首选的兼容性模式。目前IE8尚在测试版中，所以为了避免制作出的页面在IE8转载 2014-06-30 10:54:58 · 411 阅读 · 0 评论