![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
zhang-php
自己选择的路,自己喜欢的事,无论如何都可以坚持下去……
展开
-
php \n 符号换行无法输出
从接口拿到的json数组,数组中文字部分有换行,用json_decode转php数组后,输出在html页面竟然没有换行,一开始我以为是转数组后换行符号被删除了,后面用字符替换各种办法试了一遍,最后搜到了一个CSS样式:white-space属性指定元素内的空白怎样处理,默认值normal(空白会被浏览器忽略).........原创 2022-06-17 17:24:48 · 375 阅读 · 0 评论 -
js五星好评
var num = 5;var star ="★★★★★☆☆☆☆☆";star.slice(5 - num, 10 - num);原创 2021-09-04 11:14:42 · 187 阅读 · 0 评论 -
CSS动态循环指示箭头
.scrollarrows { width: 14px; height: 40px; margin-top: 10px; margin-left: 10px; }.scrollarrows path.a1 { animation-delay: -1s; -webkit-animation-delay: -1s; }.scrollarrows path.a2 { animation-delay: -0.5s; -webkit-animation-delay: -0.5s; }.scrollarrows.原创 2021-07-22 11:33:32 · 2248 阅读 · 5 评论 -
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 · 1277 阅读 · 0 评论 -
php + h5 微信支付,h5调用微信支付并提交数据
思路:表单页—中间页(支付)—数据提交的后台页—返回表单页单位需要做推广页面的支付,微信浏览器里面调用支付比较好弄,官方有详细的demo,这次需要增加一个h5页面调用微信支付,头一次写,按照自己的逻辑来的,反正是成功了。我的数据提交页面是一个纯html页面,里面有表单,然后表单action带着我的输入框的参数一起提交到支付页面,支付页面把表单参数接收了,值就跟着支付完的返回地址一起跳转到数据写入数据库的后台程序页面,程序页面完成数据写入之后再用header跳转到最开始的表单页(这时候的跳转url记得带个原创 2021-04-25 15:44:39 · 2999 阅读 · 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 · 3811 阅读 · 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 · 78 阅读 · 0 评论 -
css 原生代码写loading圆环
.loader{ height: 50px; width: 50px; margin: 20% auto 0 auto; }.loader::after,.loader::before{ content: ""; width: 50px; height: 50px; position: absolute; border: solid 8px transparent; border-radius: 50%; -webkit-animation: circles 1.4s linear infinite; .原创 2020-10-30 10:11:26 · 537 阅读 · 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 · 2147 阅读 · 0 评论 -
织梦自定义标签,还有模板页字段无法输出的注意事项
一、登录后台,模板—标签源码管理—[增加一个新的标签](注意这里,先创建页面,不要着急写代码,保存的时候如果出现“DedeCMS:CSRF Token Check Failed!”,请打开/dede/config.php,在69行左右,那串错误提示函数的第一行加一个return)二、打开新建的标签页面,如下:<?php/* author: zhang time: 2020-5-13 13:50 qq: 193548305@qq.com*/if(!defined('DEDE原创 2020-05-13 14:44:06 · 251 阅读 · 0 评论 -
关于网站层级优化(织梦dede)
一般我们说的层级优化是指网站url优化和网站物理优化,这里我记录一下织梦建站的网站url优化,要求:原:http://xxx.com/html/yiyuanxinwen/2020/0318/370.html改:http://xxx.com/html/yyxw/370.html登录织梦后台,核心——常用操作——网站栏目管理——选择你需要修改的栏目——按照下图修改并保存——然后选择生成——...原创 2020-04-01 11:25:32 · 461 阅读 · 0 评论 -
关于post重复提交数据
此次测试是因为网络请求原因,post提交数据后,后台反应比前台慢,所以为了拿到请求数据,post会自动多次请求。我这里是监听视频播放,给用户追加积分。防止数据重复提交原理:每一轮数据提交的时候,前端建立一个时间戳作为判断数据是否重复的基准。后端执行时,将此次基准时间戳进行session存储,在此次程序执行完毕后,前端拿到返回数据,等待几秒钟再修改下一轮基准时间戳。这里要注意,当我们第二轮时间戳...原创 2019-12-18 10:11:07 · 2183 阅读 · 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 · 2574 阅读 · 0 评论 -
一个大后端对前端的理解(蓝湖,移动端,矢量图)
作为一个全栈程序开发人员,感觉有时候真的很心累呀,因为既要满足后端程序的实现,还要理解我们客户爸爸的独特见解。入行两年,个人对于移动端界面的书写渐渐找到了一些适合自己的东西。1、我们单位UI小姐姐推荐的“蓝湖”是真的的好用,设计师需要安装PhotoshopCC2015以上版本(这里传送一个我弄到的 photoshop cc 2018 版本 ,网盘链接:https://pan.ba...原创 2019-11-14 16:47:25 · 6235 阅读 · 1 评论 -
源于百度分享的“一键分享”
在本地是测试不出效果的哟!一键分享 window._bd_share_config={common:{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},share:{},image:{"viewList"原创 2017-12-02 11:48:31 · 1043 阅读 · 0 评论 -
web前端背景图填充问题,小图怎样填充到大分辨率页面的问题
首先来一个对比图,图片本身尺寸是宽 1440px 的,在本地(我的电脑是 1366px 的)背景填充正常,但是使用响应式调到1920px后变了,仔细一检查,样式写的有些问题,background-size 的cover属性可以拉伸图片,我写的 center是为了定位图片拉伸的位置,从哪个部分等比拉伸原:<div class="intro-main" style="background:...原创 2019-03-09 17:12:52 · 2189 阅读 · 0 评论 -
css强制水平垂直居中
/** flex **/div{ width: 100px; height: 100px; display: flex; justify-content: center; align-items: center;}原创 2019-03-20 11:53:31 · 1972 阅读 · 1 评论 -
php把文章的px转换成rem
最近项目中写移动端,因为编辑器的内置样式,需要在移动端输出的时候改变字号以及单位,所以需要替换所有包含“px”,参考原文:http://www.thinkphp.cn/topic/59967.html我自己稍微做了一些修改,代码如下:/* * 替换移动端单位px --- rem * $content 文章内容 * $fontsize 手动指定字号*/public functio...原创 2019-04-04 16:44:56 · 311 阅读 · 0 评论 -
thinkphp5 + layui单张图片和多张图片上传(关于tp5多图上传只返回一个值已经解决)
思路,异步传输图片并预览,将异步上传后的值返回表单隐藏域再提交。<!-- 单图上传 --><div class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>图片上传</label> &l...原创 2019-04-28 11:54:56 · 3639 阅读 · 1 评论 -
使用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 · 2354 阅读 · 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 · 1457 阅读 · 0 评论 -
关于x-admin的面包屑导航条消失,百度编辑器没有实例化
其他浏览器还好,在IE浏览器下出现的问题1、页面不能都有多余的js,css,多余的js,css全部删除。2、百度编辑器不能实例化,请将js库文件放置最后一个引入。...原创 2019-06-03 15:04:56 · 299 阅读 · 0 评论 -
layui 动态表格移除复选框以及某个元素
表格是动态生成的,我这里是需要移除第一条数据的删除功能,所以我将删除的复选框和删除图片隐藏,我这里采用了最直接的方法,js移除元素,但是会有一点小bug,移除或者改变元素后反选不能使用了,非动态表格可以直接使用。//表格layui.use('table', function(){ var table = layui.table; //移除超级管理员的删除按钮 $...原创 2019-07-11 17:01:35 · 2312 阅读 · 0 评论 -
跨站脚本攻击漏洞
我的环境是php,框架是thinkphp5,直接在获取前端值的地方,加上htmlentities() 或 htmlspecialchars()//全局搜索$keyword = htmlspecialchars(input('txt_search'));原创 2019-08-04 23:14:34 · 220 阅读 · 0 评论 -
vue之购物车
vue.js的引用是命令安装模式,这里直接上App.vue文件,注意:@是v-on的缩写,: 是v-bind: 的缩写。<template> <div> <p>购物车</p> <table> <tr> <th>序号</th>原创 2019-02-27 16:40:05 · 170 阅读 · 0 评论 -
css写提示框(带小三角样式的)
第一种写法:<style type="text/css">/**样式**/.tooltip-boxs{ margin-top: 10px; width:180px; background: #666; border-radius: 8px; text-align:center; padding: 15px 1px; }.tooltip-boxs:after{ content...原创 2019-01-09 14:43:38 · 4455 阅读 · 0 评论 -
css写小三角形
<!DOCTYPE html><html><head> <meta charset="utf-8"> <tittle>三角形</tittle> <style> /*白色 #fff 可以替换成 transparent 透明色更好一些*/原创 2019-01-09 10:49:54 · 498 阅读 · 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 · 4013 阅读 · 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 · 1574 阅读 · 0 评论 -
js本地刷新和局部刷新
最近做项目有个问题一直困扰了我很久了,今天灵机一动搞定了,就是jQuery的click事件我调用ajax后就不能二次点击了,本次做的是某个商品的启用和禁用,本来是用ajax调用后台程序,成功后局部刷新,之前搞了好久,就是不能二次点击,除非刷新页面……这里附上我的代码:$(".edit-status3").click(function(){ $.ajax({ ...原创 2018-01-16 17:01:59 · 21920 阅读 · 2 评论 -
CSS书写规范
CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(an转载 2017-11-27 17:43:29 · 131 阅读 · 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 · 3105 阅读 · 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 · 2601 阅读 · 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 · 364 阅读 · 0 评论 -
模态框混合使用百度编辑器时工具栏的浮动问题
bootstrap模态框中下拉框的浮动:z-index:1000百度编辑器的默认浮动为:zIndex:900; //编辑器层级的基数,默认是900(ueditor.config.js中65行左右)如果下拉框不能使用就 修改:zIndex : 1100原创 2017-06-04 15:16:41 · 1784 阅读 · 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 · 321 阅读 · 0 评论 -
关于火狐浏览器读不出icon字体图标
在火狐浏览器中输入:about:config搜索:security.fileuri.strict_origin_policy然后双击把这个值更改为false即可。翻译 2017-05-26 11:48:49 · 1494 阅读 · 3 评论 -
ThinkPHP5 关于文件上传
经常使用ThinkPHP3后,在使用ThinkPHP5上费了好些功夫,今天总结一下关于tp5的文件上传,具体代码详情如下:模板页(一定要加上enctype="multipart/form-data"): <form action="{:url('index/index/upQuestionsWrite')}" method="post" class="form form-horizon...原创 2018-03-02 21:33:33 · 5852 阅读 · 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 · 2275 阅读 · 0 评论 -
php自定义菜单模块的开启与关闭
最近项目中要用到菜单的开启与关闭,自己研究了一下,项目使用的框架分别是ThinkPHP5 和 H-ui.admin,因为一开始做了权限,使用的是ThinkPHP5定义过的Auth.php,在tb_auth_group.sql数据表中添加module字段,存储方式:一级菜单键值加“-”链接二级菜单键值。如下:这里随便例举,不是完整的哈,在common.php中菜单函数封装如下:/* ...原创 2018-11-29 12:00:02 · 869 阅读 · 0 评论