自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张营的技术博客

Keep Thinking, Keep Coding

原创 PhpStorm 配置debug断点调试

以下方法可以不用下载Xdebug helper浏览器扩展插件。环境phpstudy_pro 小皮集成环境Apache 2.4.39php 7.4.3ntsxdebug 2.9.6 php_xdebug-2.9.6-7.4-vc15-nts-x86_64.dllphpStorm 2020.1.3相关下载phpstudy集成环境下载xdebug下载(将phpinfo源代码贴入生成适合当前的版本)PhpStorm下载配置文件php.ini 配置文件新增 xdebug 配置,配.

2020-07-16 23:28:34 49

原创 ueditor video 设置宽高的问题(uni app)

ueditor 上传的视频的时候默认有宽高,默认款420px, 如果要想宽度是100%就不好设置了,这时候可以借助css实现:/deep/ .edui-upload-video { width: 100%; height: 400upx;}以上是uni-app的项目代码。

2020-07-04 22:11:22 146

原创 ueditor 上传视频丢失src的解决方法

修改 udeitor.config.js 的 白名单,可以搜索 whitList, 然后修改以下代码:img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_urlvideo: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', '

2020-07-04 20:35:40 130

原创 uni app map 地图 漂浮问题及方案

uni app map 地图 漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生组件渲染后位置固定了,而当页面图片加载完成后,就会有地图漂浮的感觉,如下图:解决方法:控制图片的宽高,让图片没加载完也占高度,这样就不会影响map加载和位置。...

2020-06-23 22:14:45 313

原创 移动端 H5 分屏页面适配问题--设计稿比例与设备宽高比例不同

移动端 H5 分屏页面适配问题单位问题肯定用rem, 为了方便计算,一般取 1rem=100px, 需要根据设计稿的宽度设置合适的fontSize, 具体可以看这篇文章 :移动端根据设计稿宽度适配 px转换相对单位rem屏幕适配问题现在的设备宽高五花八门,按照rem 计算总是会出问题,因为设备的宽高比例是不同的,而设计稿的宽高是不变的,如果按照设计稿的尺寸来做,那么必须要求设备的宽高比例和设计稿是相同的,否则就会重叠或者间距过大。针对这个问题可以做一下适配,以下代码可以保证不会发生重叠:(func

2020-06-21 15:21:30 194

原创 移动端根据设计稿宽度适配 px转换相对单位rem

为了计算方便,一般建议 1rem = 100px,要换算这样的比例需要设置html对应的fontSize,计算规则如下:fontSize = 屏幕宽度 / 设计稿宽度 * 基本宽度如果基本宽度是100,那么 1rem = 100px假如设计稿宽度是 750px , kaifa 如果想1rem=100px,那么fontSize=.wrap { width: 7.5rem; /* 6.4rem 10.8rem */}var baseSize = 100; // 1rem = 100px;var

2020-06-19 17:16:39 195

原创 表单元素聚焦状态回车提交表单问题小记

表单元素聚焦状态回车自动提交表单问题情景多个表单元素且有个button的type没有写,或者写了type=submit;当表单只有一个元素方案问题1:将button 加上type=button问题2:这种情况无论有没有button,type是什么都会有问题,解决办法是加一个隐藏的 input 元素,元素不能是type=hidden, 只能用css隐藏,且不能加type=hidden;以上两个情况都可以用代码禁用回车事件,但是需要考虑到其他表单元素会不会受影响。...

2020-06-19 11:08:01 36

原创 PhpSpreadsheet 电子表格(excel) PHP处理笔记
原力计划

1 安装composer require phpoffice/phpspreadsheetGithub地址:PHPOffice/PhpSpreadsheet文档地址:PhpSpreadsheet’s documentation2 基本用法// 这里是以thinkphp5环境为例use PhpOffice\PhpSpreadsheet\Spreadsheet;use PhpOffic...

2020-03-18 23:14:37 134

原创 linux 服务器(CentOS7)搭建PHP环境+SSH配置+服务器文件上传配置

Linux服务器搭建PHP环境一、配置SSH(Xshell)1. 公钥私钥配置(普通用户登录)2. root用户密码登录二、配置可视化文件上传工具(WinSCP)1. 公钥私钥配置(普通用户登录)2. root用户密码登录三、安装Apache四、安装PHP7五、上传文件并运行一、配置SSH(Xshell)第一步是有了一个Linux主机,知道外网IP地址,然后我们就可以配置远程连接。这里的工具就...

2019-12-20 22:36:38 259 2

原创 关于Chrome字体模糊解决方案

Chrome字体模糊解决方案在Chrome 浏览器有时候会发现网页字体变得很模糊,有时候又不会,当你把浏览器窗口缩小放大的时候你就会百分百看见这个微妙的过程,当然一般页面不会有这个情况,这个情况大多发生在页面弹窗 或者脱离文档流的情况。原因大多有以下几点:使用了z-index使用了 transform高度使用了百分比,而不是px使用了定位属性,且top值为百分比根本原因是以上这些...

2019-10-11 22:41:38 320

原创 ThinkPHP5访问去除/public/index.php

原访问链接:http://localhost/public/index.php/admin/index/index设置后访问链接:http://localhost/admin/index/index一、复制public目录下的index.php到根目录修改内容为:<?php// 定义应用目录define('APP_PATH', __DIR__ . './application/...

2019-04-15 21:54:35 2749

原创 本地Apache配置虚拟主机/域名

本篇主要讲述如何修改Apache 服务器的配置来配置本地域名访问目录,下面以phpStudy为示例:一、配置Apache vhosts.conf<VirtualHost _default_:80> DocumentRoot "D:\phpStudy\PHPTutorial\WWW\xxx" ServerName zy.demo.com <Directory ...

2019-04-14 14:57:11 279

原创 SSH连接Linux CentOS7-Putty篇

SSH连接Linux CentOS7-Putty篇你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。一、在Linux服务器生成密钥这里是用root用户设置:sudo -issh-keygen -t rsa直接回车会在~/.ssh目录(用户所在家目录下的.ssh目...

2019-04-11 23:29:25 423

原创 iOS 移动端overflow:auto 滚动不平滑及bug处理

在苹果手机上使用overflow:auto 默认滚动不平滑。 解决方案是使用-webkit-overflow-scrolling:touch bug: 会导致使用固定定位的元素,随着页面一起滚动。 fix bug: 把固定元素不放在可滚动区域,在外层在加一层。详细有关ios滚动惯性的问题移步:ios与惯性滚动...

2018-07-23 15:00:26 3090

原创 浏览器填写数据,跳转页面返回数据不消失

步骤一:点击按钮,保存数据,跳转页面$("#userAgree").on("click",function(){ var obj = {}; obj.username = $("[name=username]").val(); obj.telephone = $("[name=telephone]").val(); obj.verifiyCode = $("[name=veri...

2018-07-11 21:32:28 5042

原创 ios(safar/微信)返回不执行js

问题:苹果手机返回上一页不执行js我在当前页存储了数据在webstorage,然后返回上一页,在上一页中把数据取出来。需要做的事: 1.添加头部信息:设置不缓存<meta HTTP-EQUIV="pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, ...

2018-07-11 11:52:44 2711

转载 ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据 之最佳实践

本文转自一位高人的博客:情郎 Blog写在前面 :从提出需求到完美的解决问题,实现过程是曲折的。需求:在前(web client)后(Restful Service)端完全解耦的模式框架下,webclient需要请求 Service 返回的图片文件(二进制流),并在client端显示。第一步思考:拿到此需求, 基于程序员的狂妄心里,思考到显示图片而已,jquery ajax直接get请...

2018-07-06 17:07:52 330

原创 短信验证码倒计时代码

功能:点击获取验证码,开始倒计时,按钮不能点击,倒计时结束后,恢复原来的样子,可以继续点击。html代码:<div class="input-item"> <input type="text" name="verifiyCode" placeholder="短信验证码" maxlength="5"> <button

2018-07-06 14:09:38 857

原创 自定义复选框checkbox样式

html:<input type="checkbox" class="checkbox" ><label for="agree"></label>css:.checkbox { display: none;}.checkbox + label

2018-07-06 13:44:17 1587

转载 CSS 强制换行和禁止换行

强制换行 word-break: break-all; 只对英文起作用,以字母作为换行依据。 word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 white-space: pre-wrap; 只对中文起作用,强制换行。禁止换行 white-space: nowrap; ...

2018-07-06 11:24:26 6476

转载 requirejs插件-domReady插件

RequireJS加载模块速度很快,很有可能在页面DOM Ready之前脚本已经加载完毕。需要与DOM交互的工作应等待DOM Ready。现代的浏览器通过DOMContentLoaded事件来知会。但是,不是所有的浏览器都支持DOMContentLoaded。domReady模块实现了一个跨浏览器的方法来判定何时DOM已经ready。下载并在你的项目中如此用它:require(['do...

2018-07-02 14:25:46 1796

原创 requirejs整合art-template模板引擎

相关官网requirejs官网 art-template模板引擎官网目录结构 文件目录介绍: domReady.js /用于暂停上层应用的执行,直到DOM准备好再进行 查询/修改(requirejs插件) i18n.js /使用国际化(requirejs插件) template-web.js /art-template模板引擎 text.js /可以在加载text字符(...

2018-07-02 12:45:54 1495

原创 苹果ios浏览器里面数字被当做电话号码

在html头部加一下代码:<meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none">

2018-06-19 16:02:57 1475

转载 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

转自:小茗同学的博客:小茗同学博客网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求。综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。具体移步:【干货】JS版汉字与拼音互转终...

2018-06-04 17:55:45 540

原创 关于scrollIntoView()不能使输入框显示在可视区域的问题

在SPA项目中,又是会设置html,body为100%,在body里面再加一层div,让这层div滚动,这样就直接导致了页面中scrollIntoView失效了,输入框聚焦时不能自动滚动到可视区域。导致scrollIntoView失效代码:html,body { width: 100%; height: 100%; overflow: hidden;}.pa...

2018-05-31 11:20:36 2903

转载 移动端滚动穿透问题

定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”解决方案1在弹出层的touchstart事件中调用preventDefault这种方法不可取,至少有3个缺点:如果弹出层本身是有滚动(条)的话,将会导致弹出层无法滚动,此时用这种方法无异于饮鸩止渴。一个很常见的场景,点击弹出层,弹出层消失掉,此时也无法触发弹出层的点击回调事件。弹...

2018-05-31 09:57:38 1953 1

原创 css隐藏输入框的光标

1.隐藏光标<style> input{ color: transparent; }</style>2.显示文字<style> input{ color: transparent; text-shadow: 0 0 0 #000; }</style>

2018-05-22 17:28:35 3679

原创 vue-router嵌套路由,默认子路由设置

需求: 1. 底部5个tab选项卡 2. 其中一个里面又有tab选项卡 3. 显示active状态 4. 底部选项卡和子路由的选项卡都默认选择第一个选项卡举个栗子: 示例是随便写的。 1.路由文件 router/index.jsimport Vue from 'vue'import Router from 'vue-router'import Home from...

2018-05-17 16:25:01 29715 3

原创 js字符串拼接中关于单引号和双引号的那些事

在js开发中一般我们多多少少都会用到字符串拼接,新手们经常会遇到各种错误,其中关于字符串拼接的问题尤其重要,今天来谈一天。1.常用字符串拼接当我们从后台请求到数据时,传统渲染我们就会将请求到的数据拼接DOM节点,然后添加到页面中,如:$.ajax({ type: "post", data: {}, url: "xxx", success: functio...

2018-05-11 11:55:39 25266

原创 LayaAir-图集动画

1.准备图集资源在laya/assets/目录下添加图片资源,在IDE编辑器打开编辑模式,点击左下角刷新资源树,点击工具栏->发布,或按F12,发布成功后就可以使用图集资源。在res/atlas 中会生成3个文件,.rec文件 .arlas文件 .png文件。 2.加载图集动画(1)loadAtlas()//初始化舞台Laya.init(1334, 750,L...

2018-05-07 15:41:08 1704

原创 隐藏的iscroll元素显示后不能滚动问题

若需要使用iscroll的区域为隐藏,则需要在显示后再初始化iscroll,否则不能滚动。

2018-04-27 11:54:49 1047

原创 vue项目路径修改及打包上传到服务器

1.项目路径修改默认项目路径是localhost:8080,如果要配置位相对路径,需要在config/index.js文件的 assetsPublicPath配置为 ./ 2.项目打包 用命令行工具进入项目根目录,运行:npm run build会在根目录生成dist 文件夹,里面是打包好的css,js等文件。 3.上传并运行如果项目中没有http...

2018-04-27 11:50:43 5634

原创 vue-router路由安装与使用

1.vue-router路由安装在当前项目根目录运行npm install vue-router --save-dev 2.在App.vue增加 router-view标签这里是路由页面的显示区域:<router-view></router-view> 3.新建router文件夹,新建index.jsimport ...

2018-04-25 17:02:07 2191

原创 Vue 安装 live-server

live-server是轻量级热插拔插件,在开发阶段可以不用刷新浏览器,只用保存了文件,浏览器自动重新加载页面的元素,非常方便。如果没有用vue-cli搭建项目可以直接全局安装live-server方便开发。如果用vue-cli初始化项目,一般会自带hot插件。1.安装方法npm install live-server -g2.运行在项目根目录运行:live-server3...

2018-04-25 16:53:16 2254 1

原创 vue学习小笔记

1.redirect & aliasredirect: 直接改变了url的值 alias: url没有改变,只是改变了router-view中的内容 坑:不能再path为’/’中配置alias{ path: '/', component: Hello, alias: '/home'}无效!!! 2.computed VS met...

2018-04-25 16:31:54 80

原创 layui左侧三级菜单2.0

之前在layui 1.0的时候写过一个三级菜单,那时候用三级菜单还要自己扩展,与后台交互也显得麻烦,现在新版本的layui自动就可以实现三级菜单了,很多朋友在问,我就帮大家整理了一下样式大家可以改改,直接上代码:<link rel="stylesheet" type="text/css" href="css/layui.css" /><script src="layui...

2018-04-16 23:51:49 13757 8

原创 微信打开页面底部显示“原页面已由QQ浏览器云转码”解决办法

问题描述:微信分享的页面底部显示“原页面已由QQ浏览器云转码”,页面布局只显示文字,没有图片等css样式,点击右上角在浏览器中打开还是会转码,没有样式只有文字。 原因分析:1.网上现有的说法是使用了IP访问会出现这种问题,采用域名访问就好了,这种我没有亲自试验,但是我之前也是使用IP访问的没有被云转码,这一次就被云转码了,所以这个不是根本原因。 2.据我亲自试验,当H5页面文字超出...

2018-04-01 11:58:10 2213

原创 HTML、JS、字符串的简单加密与解密

1.最简单的加密与解密用escape与unescape进行编码与解码字符串,例如“你好”加密后变为“%u4F60%u597D”,看不懂吧,如果是加密js的话,运行时可以解密后使用eval函数执行。缺点:不能加密数字和英文,而且解密方法大家都懂得。2.自写解密函数法// 加密函数function compile(code) { var c=String.fromC...

2018-03-13 10:50:19 6437

原创 js或jQ监测div的高度

// jquery-resize.js(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={...

2018-03-09 12:56:08 1758

原创 thinkphp5 定时任务

前段时间在研究thinkphp5.0版本做自动任务的时候,碰到了棘手的问题–如何做自动化任务,因为程序开始就需要一直执行,查了很多资料,都说靠php原生的死循环来做不靠谱,时间误差也没法保证,所以后面采用thinkphp5的command工具和服务器的定时任务来做:1.新建command文件在application/模块/新建一个command文件夹/Test.class.php&lt...

2018-03-06 14:26:56 8407 3

提示
确定要删除当前文章?
取消 删除