JS
zhang-php
自己选择的路,自己喜欢的事,无论如何都可以坚持下去……
展开
-
html2canvas 使用文字偏移,input错位,背景透明,图片模糊,苹果机无法保存到本地相册
需要一个提交信息的表单,提交之后提示用户保存图片凭证。html2canvas 不同版本链接:Releases · niklasvh/html2canvas · GitHub用新的版本就好了,避免图片下载之后变得模糊。<style>body{ font-family:"\9ED1\4F53"; } /* 用这种格式,防止文字错位 */.is_show{ display: none; }</style><div class="body" id="capture原创 2022-03-17 10:00:30 · 3964 阅读 · 0 评论 -
日期插件 laydate 在某一天加文字备注
需求是在某两天的预约时间上,写上约满,插件用的laydate,话不多说上代码:laydate.render({ elem: '#dateOfAppointment', //指定元素 min: now_time, // 最小不能小于今天,即今天之前的日期不能选择 min: '2021-09-25', max: '2021-10-07', mark: { //重点是这个 '2021-09-26': '约满', '202原创 2021-09-24 10:47:31 · 589 阅读 · 0 评论 -
js五星好评
var num = 5;var star ="★★★★★☆☆☆☆☆";star.slice(5 - num, 10 - num);原创 2021-09-04 11:14:42 · 201 阅读 · 0 评论 -
h5页面禁止用户拖动
//等待2s 出现弹窗setTimeout(function () { $("#mask").attr("style","display:block"); //开启弹窗,禁止用户拖页面 $("html,body").css("overflow","hidden").css("height","100%"); document.body.addEventListener('touchmove', self.welcomeShowedListener, false);.原创 2021-06-22 11:44:26 · 1330 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property ‘toLowerCase‘ of undefined
事故的开始是自己的js基础没好好学……功能是获取input动态的值,在input上加了一个失去焦点函数,但是我的值一直没有获取到。//原来的代码<input type="number" value="1" min="1" style="width: 40px;height:20px;margin-top:2px;text-align: center;" onblur="sublineId()">//js部分function sublineId(){ console.l原创 2021-04-10 08:45:59 · 3855 阅读 · 0 评论 -
微信小程序文件上传和数据提交踩坑,data中有数据,单独打印没有数据
开发的时候有一个页面是需要上传文字和图片,思路是图片预览模式下不真正的向后台提交数据,用户点击提交按钮,写了一个触发函数进行提交。代码如下:原始代码:(图片能上传,但是上传的速度小于第二个请求执行的速度,导致图片的返回文件名无法随文字一起上传)//触发提交函数submit1: function (e) { var datas = this.data; var that = this; if (datas.uploaderList == "" && data原创 2020-12-21 14:48:10 · 1671 阅读 · 0 评论 -
jquery 回到顶部,回到页面某个div位置
$(window).on('scroll', function () { // 判断显示还是隐藏图标按钮 if($(this).scrollTop() >= $(this).height()){ $('.top_icon').fadeIn('300'); } else { $('.top_icon').fadeOut('300'); }});$('.top_icon').click(function(){ $('body,html').a.原创 2020-12-10 16:21:16 · 87 阅读 · 0 评论 -
js网页打开加载几秒之后自动执行某个方法,js执行点击函数
//页面跳转function pageJump(i){ window.setTimeout(function(){ i--; if(i > 0){ pageJump(i); }else{ window.location.href = 'http://www.baidu.com'; } }, 1000); } pageJump.原创 2020-07-18 14:28:52 · 2166 阅读 · 0 评论 -
js判断图片是否损坏,替换损坏图片
方法一:<img src="__upload__/article/tpxgsssss5555.jpg" onerror="imgError()" alt="图片损坏">//判断图片是否损坏function imgError(){ var img = event.srcElement; img.src = "__static__/images/ar...原创 2019-12-06 09:30:14 · 2622 阅读 · 0 评论 -
layui 动态表格移除复选框以及某个元素
表格是动态生成的,我这里是需要移除第一条数据的删除功能,所以我将删除的复选框和删除图片隐藏,我这里采用了最直接的方法,js移除元素,但是会有一点小bug,移除或者改变元素后反选不能使用了,非动态表格可以直接使用。//表格layui.use('table', function(){ var table = layui.table; //移除超级管理员的删除按钮 $...原创 2019-07-11 17:01:35 · 2327 阅读 · 0 评论 -
关于x-admin的面包屑导航条消失,百度编辑器没有实例化
其他浏览器还好,在IE浏览器下出现的问题1、页面不能都有多余的js,css,多余的js,css全部删除。2、百度编辑器不能实例化,请将js库文件放置最后一个引入。...原创 2019-06-03 15:04:56 · 323 阅读 · 0 评论 -
关于引用自定义js函数不生效
本人犯的低级错误,就是自定义js文件引用在js库文件之后去了,正确顺序:<!-- 自定义 --><script type="text/javascript" src="__js__/jquery.style.js"></script><!-- js库文件 --><script type="text/javascript" src="...原创 2019-05-13 15:53:40 · 1465 阅读 · 0 评论 -
php百度编辑器多图上传(图片顺序混乱,图片丢失,图片重复,图片获取)
php版本7,使用框架ThinkPHP5,今天无意中发现使用百度编辑器的多图上传出现了一个bug,我同时上传了三张图,但是实际传入我文件目录中就一张,在编辑器预览确实三张同样的,琢磨半天,原来是命名的问题。1、图片顺序混乱(ueditor\dialogs\image\image.js)//将下面代码替换,我的在724行//_this.imageList.push(json);_thi...原创 2019-05-07 15:30:55 · 1266 阅读 · 0 评论 -
使用layui 表单select异步查询动态添加option元素无效或者事件第二次点击才生效
使用layui动态修改select中的option选项,一开始遇到select总是第二次变化才生效,几经周折,终于修改了一份较为适用的写法:html页面:<!--父级包裹器,定义id 等会儿用它来追加元素--><div class="layui-form-item" id="menu_parentid"> <label class="layui...原创 2019-04-25 16:21:09 · 2386 阅读 · 0 评论 -
js字符串转化为数组,js数组转化为字符串
记得引入jquery库文件。<script type="text/javascript">$(function(){ //字符串转化为数组,关键方法 split() 参数是分割条件 var arr1 = '155650101043.png|155650101064.png'.split('|'); document.write(arr1); document.w...原创 2019-04-29 14:55:34 · 17648 阅读 · 0 评论 -
vue之购物车
vue.js的引用是命令安装模式,这里直接上App.vue文件,注意:@是v-on的缩写,: 是v-bind: 的缩写。<template> <div> <p>购物车</p> <table> <tr> <th>序号</th>原创 2019-02-27 16:40:05 · 195 阅读 · 0 评论 -
关于ajax提交表单数组或多个文件
//1、如果表单中没有数组类型的字段(例:name="file[]")var formData = $("#form").serialize();//2、如果表单中有数组 var formData = new FormData($("#form")[0]); $.ajax({ type: "post", data: formDat...原创 2018-12-05 15:23:21 · 805 阅读 · 0 评论 -
jQuery遍历二维数组
var info = [[1,'jack'],[0,'mary'],[3,'tom']];$.each(info, function(i, j){ $.each(j, function(m, n){ document.write(n); if(m < j.length - 1){ document.write("=>...原创 2018-12-04 15:30:17 · 4709 阅读 · 0 评论 -
jQuery 拖拽排序(菜单,图片)
无意间看到的一个插件,引入jquery.min.js,jquery-sort.min.js文件,网盘地址:https://pan.baidu.com/s/1pSJ0PsVH1uT4mXbf2f0ETg代码如下:<!Doctype html><html><head><meta charset="utf-8"><title>...原创 2018-11-14 16:53:26 · 441 阅读 · 0 评论 -
js本地刷新和局部刷新
最近做项目有个问题一直困扰了我很久了,今天灵机一动搞定了,就是jQuery的click事件我调用ajax后就不能二次点击了,本次做的是某个商品的启用和禁用,本来是用ajax调用后台程序,成功后局部刷新,之前搞了好久,就是不能二次点击,除非刷新页面……这里附上我的代码:$(".edit-status3").click(function(){ $.ajax({ ...原创 2018-01-16 17:01:59 · 21975 阅读 · 2 评论 -
基于ThinkPHP的编辑数据时选中默认值(radio/select)
//这里{$classifyInfo.status}和{$pid}都是方法传递的值//第一个是单选框表示被选中,第二个是下拉列表被选中$("input[name='status'][value='{$classifyInfo.status}']").attr("checked","checked");$("select[name='classify_parent']").val("{$pi...原创 2018-01-16 16:47:28 · 3228 阅读 · 0 评论 -
js判断浏览器类型及版本,是否是移动端
script type="text/javascript"> $(function () { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1原创 2017-11-25 09:58:34 · 228 阅读 · 0 评论 -
基于ThinkPHP头像上传实例
参考:http://www.thinkphp.cn/topic/29123.html如果上面的链接失效的话就在这下载:https://pan.baidu.com/s/1nvgOid7 提取码 :j8p6将参考网址中的文件复制到自己的项目中,主要需要第三方扩展文件中的(Vendor/ThinkImage),Public中的相关css和js,因为项目需要,将人家的修改了一点点,上传后的图片直接...转载 2017-12-12 15:02:36 · 3125 阅读 · 7 评论 -
网页数据显示条数改变(无序列表仿下拉菜单)
index.htmla{ color:black; text-decoration:none;}a:hover{ color:#2e2d3d; text-decoration:none;}#showBox b{ float:left;} 显示条数: 默认为10条原创 2017-05-05 10:55:17 · 2664 阅读 · 0 评论 -
thinkphp+uploadify上传图片,实现缩略图浏览
首先下载uploadify插件,链接 http://www.uploadify.com/demos/引入js库文件:jquery-3.1.1.min.js引入uploadify核心js文件:jquery.uploadify.min.js模板页面:index.html$(function(){ $('#file_upload1').uploadify({原创 2017-09-16 13:53:25 · 374 阅读 · 0 评论 -
模态框混合使用百度编辑器时工具栏的浮动问题
bootstrap模态框中下拉框的浮动:z-index:1000百度编辑器的默认浮动为:zIndex:900; //编辑器层级的基数,默认是900(ueditor.config.js中65行左右)如果下拉框不能使用就 修改:zIndex : 1100原创 2017-06-04 15:16:41 · 1824 阅读 · 0 评论 -
模态框中使用百度编辑器怎样动态获值
引用ueditor.config.js"和ueditor.all.js(还有js库文件)$(function(){ $(".edit-button").click(function(){ //模态框按钮点击时创建编辑器 UEDITOR_CONFIG.UEDITOR_HOME_URL = '__PUBLIC__/ueditor/原创 2017-06-04 15:09:37 · 353 阅读 · 0 评论 -
jquery对于cookie的操作
//示例$.cookie('the_cookie'); //读取cookie值 $.cookie('the_cookie', 'the_value'); //设置cookie的值 $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一原创 2018-01-08 15:02:32 · 1602 阅读 · 0 评论 -
ThinkPHP5 关于CSV文件的导入与导出
近期的应项目需求,需要用到数据的导入与导出,因为数据比较多,思来想去使用了CSV格式的文件,结合了网上各位大佬的文章,具体代码如下:在thinkphp/library/think下新建Csv.php文件:<?phpnamespace Think;class Csv{ //导出csv文件 public function put_csv($list,$title) ...原创 2018-03-02 21:15:58 · 4043 阅读 · 0 评论 -
Thinkphp5 + uploadify 整合图片上传
项目中需要上传菜单的图标,最近大家都用TP5,我也与时俱进了一把,开始自己想太多了,在返回值那里栽了跟头,脑袋里一直都是json,json,这里的返回值直接return就好了,不要去搞成json数据,这里还是附上代码,给自己警示作用,说不定哪天又忘记了……<!--前端,引用的文件我就不多说了哈该有的js,css一定不要忘记了--><div class="ro...原创 2018-10-26 17:52:21 · 493 阅读 · 0 评论 -
网页打印插件
需要用到的插件:jquery-migrate-1.2.1.min.js,jquery.jqprint-0.3.js 如果没有效果就加上js库文件。网盘下载:https://pan.baidu.com/s/1ovVgfhkhpJnNxceULQlhLg<script type="text/javascript">$(function(){ //页面打印 $("...原创 2018-09-25 09:52:00 · 2360 阅读 · 1 评论 -
thinkphp5 入口文件迁移,项目部署,js引用,验证码刷新路径问题
使用thinkphp5框架完成的项目,需要部署在服务器上(项目是直接放在www下面的,并将index.php也迁移出来),为了项目的访问路径高大上一点,需要将域名迁移到根目录下,但入口文件迁移需要注意几个事项,我这开发的时候整个项目是在二级目录下,现在要变成一级目录:一、入口文件放到根目录下(注意,一定要将.htaccess文件与index.php一起迁移,不然访问会出问题),修改index....原创 2018-09-06 11:55:52 · 586 阅读 · 0 评论 -
js银行卡luhm校验,验证银行卡号并返回开户行(三方插件和在线验证)
最近做公司的项目遇到银行卡号匹配开户银行的问题,一开始是正则匹配银行卡号码,开户银行银行自己填写,后来用户又让改,说要自动匹配开户银行,唉,用户都是大哥,让改就要改……话不多说,上代码。自己寻思了半天,上网看了一些大神的思路,最后做出来,开户银行系统匹配,银行卡号码使用正则来验证,以下添加两种验证方法,在线验证是后来补充的。方法一:三方插件,可以匹配银行卡号和开户银行其中要引用两个js...原创 2018-08-27 18:02:30 · 12500 阅读 · 8 评论 -
图片裁剪并上传,电脑手机均实用
第一步:引入相应的js,这里提供裁剪工具的js,关于我里面引用的hui的前端js您可以去hui.admin的官网下载,资源链接:https://pan.baidu.com/s/1Pt47Fqn1UVjbUC5Z2W1ESw第二步:页面搭建,友情提示,图片加载在裁剪框里面后,可以通过鼠标滚动来改变大小,这个裁剪插件只能挪动图片位置,不能改变裁剪框位置,而且,图片过小会被放大模糊,使用时可以建议用...原创 2018-08-22 16:12:55 · 1050 阅读 · 0 评论 -
php 或 js 计算base64 文件流大小
//框架是tp5的$base64 = input('img'); //接收图片‘//data:image/jpeg;base64 这里要根据自己上传的图片格式进行相应的修改 $base64 = str_replace('data:image/jpeg;base64,', '' ,$base64);$base64 = str_replace('=', '',$base64);...原创 2018-08-22 15:32:53 · 4328 阅读 · 1 评论 -
关于js不执行页面跳转
最近做用户登录跳转,使用window.location.href来执行跳转,发现ajax执行登录后,返回了json值“登录成功,立即跳转页面!”,但是,页面并没有跳转,window.location.href没有执行。后来仔细检查,发现自己犯了一个低级错误,form的action属性我是去掉了的,ajax提交数据也是成功的,在后台执行完返回json值,当时测试的时候,想要的值都能获取,what,那...原创 2018-08-02 19:02:32 · 6568 阅读 · 3 评论 -
js判断手机端是否弹出软键盘
//使用前端框架MUI,在底部标签中加上(id="footer")$(document).on('focusin',function(){ //软键盘弹出的事件处理 $("#footer").attr("style","z-index:-1"); }); $(document).on('focusout',function(){ //软键盘收起的事件处理 ...原创 2018-07-13 09:35:39 · 2285 阅读 · 0 评论 -
thinkphp关于文章添加的时间筛选查询(今天,一周内,一个月内,三个月内,大于三个月)
本人数据表中文章添加的时间字段存储数据类型为:datetime模板页面index.html创建一个表单,以便选择筛选查询 <script> $(function(){ //判断提交查询 $("select[name='add...原创 2017-04-09 19:35:55 · 4659 阅读 · 3 评论