自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

kirsten_z的博客

每天一小步,未来一大步

  • 博客(154)
  • 资源 (2)
  • 收藏
  • 关注

转载 深入理解 MySQL 底层实现

参考文档:https://blog.csdn.net/gitchat/article/details/78787837

2018-05-28 10:19:54 705

原创 如何微信公众号中添加带emoji表情的文字,并将emoji表情存储在utf8的数据库中

1、公众号中添加带emoji表情的文字 表情代码参考文档: 1)微信Emoji: http://www.tpy10.net/emo/ 2)QQ表情:https://blog.csdn.net/lyq8479/article/details/9229631 示例: weixin.php – 存储公众号回复文案//存储在lang/weixin.php -- 用户存储微信公众号回复文案r...

2018-05-08 14:29:07 5963

原创 phpstrom 编辑器编辑使用效果设置

注:本文针对PHPstorm 2018.1 打开设置界面:File=>Settings(或 Ctrl+Alt+S) 1、PHPstorm 常用的基本设置: 1)显示行号: Editor=>General=>Appearance,勾选中 Show ine numbers 2)取消自动保存,修改快捷键并标识修改的文件为星星标记: 取消自动保存 Appearance ...

2018-04-16 17:48:00 766

原创 php使用IP匹配城市信息

1、首先需要获取用户的真实ipfunction ip(){ if(getenv('HTTP_CLIENT_IP') && strcasecmp(getenv('HTTP_CLIENT_IP'), 'unknown')){ $ip = getenv('HTTP_CLIENT_IP'); }elseif(getenv('HTTP_X_FORWARDE...

2018-03-29 17:31:56 315

原创 iPhone微信浏览器中默认弹框alert去掉域名显示

效果: 去掉iPhone微信浏览器总的alert弹框的域名 示例: <script type="text/javascript"> //微信浏览器中,aler弹框不显示域名 (function(){ //先判断是否为微信浏览器 var ua = window.navigator.userAge...

2018-03-26 12:00:18 4585 2

原创 php curl 请求携带header参数

1、cURL设置项简介: 参考文档:http://php.net/manual/zh/function.curl-setopt.php 注: CURLOPT_HTTPHEADER 设置 HTTP 头字段的数组。 格式: array('Content-type: text/plain', 'Content-length: 100')2、示例: 参考文档:/** * curl...

2018-03-22 17:28:19 29175

原创 laravel 5.2 使用SimpleQrCode扩展包生成二维码图片

1、首先需要安装simplesoftwareio扩展包 详情参考文档:http://blog.csdn.net/kirsten_z/article/details/79654968 2、生成二维码图片 示例:use SimpleSoftwareIO\QrCode\Facades\QrCode;//引入Qrcode类/** * 生成二维码图片 * @param $ur...

2018-03-22 16:15:07 1619

原创 laravel 5.2 框架与vendor扩展包安装使用心得

1、laravel 5.2 框架安装 1)可直接下载安装包 laravel框架下载网址:https://github.com/laravel/laravel 2)通过composer命令下载 具体可根据手册进行安装:https://laravel-china.org/docs/laravel/5.2/installatio2、vendor扩展包安装 1...

2018-03-22 15:35:00 5008

原创 php zip压缩包下载

说明 实现效果:使用php压缩目标目录成zip文件,并下载 环境框架:laravel 5.1 php 5.6 示例 逻辑处理片段代码:use ZipArchive;//此处需要引入ZipArchive类/** * 文件夹打包下载 * @param Request $request */public function Down(Request $requ

2018-01-15 15:13:27 1906

原创 ppt轮播效果实现

实现: 实现PPT轮播效果示例:<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js" type="text/javascript"></script> <script src="/assets/ppt/layer/layer.min.js" type="text/javascript"></script> <s

2017-12-27 17:33:45 1681

原创 第三方分享实现

实现:使用第三方工具,实现分享 示例:<div class="jiathis_style"> <span class="jiathis_txt">分享到:</span> <a class="jiathis_button_icons_1" onclick="alert(123)"></a> <a class="jiathis_button_icons_2"></a>

2017-12-27 16:57:48 376

原创 微擎框架简介与简单运用

1、简介 微擎是基于目前最流行的WEB2.0的架构(php+mysql),运行环境推荐使用linux(centOS)+ nginx + php5.3,mysql5.6。2、实践示例 1)公众测试号绑定 系统管理=》微信公众号=》添加公众号=》手动添加公众号 a)填写公众号信息 – 类型选择,选择认证号权限更大 – AppId,AppSecret与测试号保持一致 b)接入

2017-12-06 15:05:25 29339

原创 添加分享统计

说明: 1)效果:统计用户每次分享的信息 2)环境:wamp 3)框架:laravel 示例: html<div>分享页</div><?php //APP_ROOT app路径 require_once APP_ROOT.'/include/Jssdk.class.php'; $jssdk = new JSSDK(APPID, APPSEC

2017-11-13 17:56:29 423

原创 sphinx中文检索引擎coreseek+php+mysql搭建

coreseek下载官网地址:Windows参考:http://www.coreseek.cn/products-install/install_on_windows/Linux参考:http://www.coreseek.cn/products-install/install_on_bsd_linux/ 注:注意根据自己的环境配置选择合适的版本下载安装将安装包解压到自

2017-11-08 15:53:32 1146

原创 jQuery UI 实例 - 滑块(Slider)实现

1)说明 实现滑动滑块选择数值 2)示例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑块实现</title> <meta name="description" content="滑块实现"> <meta name="keywords" content="滑块实现">

2017-10-24 16:35:19 4810

原创 js音频插件实践应用

说明 应用于微信中,详情页播放音频,列表页循环播放多个音频 1、单个音频 仿微信公众号语音框插件weixinAudio.js 1)实践示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>音频</title> <meta name="description" content

2017-10-24 15:16:14 607

原创 js翻页效果实现

1、说明 1)功能:实现书籍翻页效果 2)使用插件:turn.js2、示例 1)前提工作 – 需要提前计算数据总页数,提前生成需要的页数 – 初始化翻书插件 2)实践 html代码片段示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>翻书</title>

2017-10-24 13:31:48 13401

原创 phpstorm 安装xdebug

phpstorm 安装xdebug,帮助程序调试 1、xdebug下载官网:https://xdebug.org/download.php 说明 1)带”ts”是线程安全的意思,”nts”的没有标示,即 nts的要下载没标示的,而下载的文件名其实是有标示的 2)下载时,需要注意两点Apache是32位的还是64位的,针对版本系统兼容性选择xdebug版本Apache版本

2017-08-30 15:51:56 241

原创 前端框架

说明 1、Bootstrap 介绍 目前很受欢迎的前端框架是 Bootstrap,基于HTML、CSS、JAVASCRIPT,简洁灵活,是web开发更快捷。由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。2、Amaze UI 介绍 1)中国首个开

2017-08-18 14:46:16 446

原创 实现多图批量上传

说明 最近做的一个项目,类似贴吧,用户可发表言论,并上传图片,涉及多图批量上传问题,由于设计图已订好的缘故,插件不太好使用,综合前人经验,自我总结整理出一个比较简单的方法,有利有弊,后期慢慢改良~示例style.css@charset "utf-8";/* CSS Document */body{ font:12px/24px "Microsoft YaHei","微软雅黑"; color:#6

2017-08-16 18:09:25 9927 2

原创 php 图片压缩处理

说明 在项目中,经常会遇到在前端页面展示用户自己上传的图片。当部分图片尺寸过大,页面图片过多的情况下(如论坛里需要显示用户头像),会引起页面加载缓慢的问题。由于用户图片已存储导数据库,无法改变库里的图片大小,只能在获取图片路径时,压缩图片示例 以下函数为图片压缩方法/** * 图片压缩处理 * @param string $sFile 图片路径 * @param int $iWidth 自

2017-08-16 17:12:36 8469

原创 js随机颜色生成

说明 随机生成不同颜色,可根据具体需求,综合使用示例<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>@yield('title')</title> <style> .div_box { width:200px; heig

2017-08-16 16:31:09 275

转载 SQL语句优化技巧

1、应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描。2、对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。3、应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索引而进行全表扫描,如:select id from t where num is null可以在num上设置

2017-08-11 16:59:20 180

转载 mysql单表百万数据记录分页性能优化

说明1)问题:单个数据表含有百万条记录,造成访问时很慢,分页数大时更慢 2)解决:主要使用limit来分页,针对limit分页问题性能优化示例 1、测试示例 sql语句: select * from product limit start, count当起始页较小时,查询没有性能问题,分别看下从10, 100, 1000, 10000开始分页的执行时间(每页取20条)select * from

2017-08-11 15:14:35 361

原创 laravel自带SMTP邮件发送配置修改

说明1)实现使用不同邮箱发送邮件,使得邮件发送灵活应用 2)邮件配置文件只有一个,有时需要使用两个邮箱进行发送邮件,这时,需要灵活修改邮件配置信息来实现 3)本例使用laravel框架,php语法示例1)单个发件邮箱邮箱配置文件 mail.php<?phpreturn array( //配置默认的邮件发送驱动 'driver' => 'smtp', //邮箱所在主机

2017-08-09 17:09:04 1736

转载 中奖概率算法(可用于刮刮乐、转盘抽奖)

说明 使用简单的用法 ,高效的概率算法实现抽奖逻辑 使用php语法,laravel框架总结示例代码<?php/** * 抽奖类 */class AwardController{ /** * 中奖逻辑实现 */ function getIndex() { /** * 奖项数组 * 是一个二维数组,记

2017-08-01 17:11:21 7314

原创 js原生alert弹框美化

1、说明通过自定义方式美化弹框,使用alert弹框错误提示2、示例html代码片段:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x

2017-07-28 12:01:20 14162

原创 photoswipe之图片浏览应用

1、说明 适用于移动端,点击图片放大,再次点击缩小,类似微信朋友圈浏览图效果 2、示例 注:本示例使用php语法 1)html代码片段 test.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2017-07-27 14:53:35 805

转载 微信公众平台4类账号简介

说明:微信公众平台有4类账号:订阅号、服务号、企业号及小程序。 1、订阅号与服务号 订阅号与服务号统称为公众号。 订阅号的注册主体可以为个人,但现在已关闭。服务号的注册主题不能为个人 1)主要区别:2)接口区别: 服务号比订阅号支持的接口多,具体详情请参照文档: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14334010

2017-07-26 17:16:13 2043

原创 转盘抽奖js实现

效果:点击抽奖按钮,转盘开始旋转数圈后停止 示例: 抽奖html代码:<!DOCTYPE html><html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="apple-touch-fullscreen" content="YES" /><

2017-07-19 18:39:23 14489

原创 web开发常用插件总结

多图上传 类似qq控件图片上传效果 示例文档:http://www.52doit.com/show/341图片浏览插件 1)phtoswipe 官网: http://www.photoswipe.com/ 源码:https://github.com/dimsemenov/photoswipe 2)Lightbox2 常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方

2017-07-19 17:08:56 740

原创 php导出 excel文件 实现方式

1、第一种方式 使用插件 excel实现public function getExport(){ header(&quot;Content-Type: application/vnd.ms-excel&quot;); header(&quot;Expires: 0&quot;); header(&quot;Cache-Control: must-revalidate, post-check=0, pre-check=0&quot;

2017-06-29 17:10:02 1120

原创 swiper-移动端网页触摸内容滑动js插件

实现动态垂直切换图片效果 示例:<!-- Swiper --><div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="#"><img src="test1.jpg"></a> </d

2017-06-29 16:46:24 400

原创 日期插件WdatePicker.js

在开发过程中,特别是cms管理系统中,经常需要添加时间,进行筛选查询数据操作,这是添加一个时间控件可以更便捷的实现 示例: 1、选择日期时间:<input type="text" id="start_at" onFocus="WdatePicker()" style="width:186px;" /><!-- 引入时间插件 --><script type="text/javascript"

2017-06-22 14:28:25 290

原创 CKplayer与video标签实用于ios和Android的示例

1、使用html5视频播放器-video标签 效果: 微信浏览器中显示,点击皆可全屏播放(ios默认显示播放按钮) 浏览器中显示,ios点击全屏播放(Android默认小屏播放) 实现:Android浏览器实现点击全屏播放 结果:目前在Android浏览器中,第一次点击,全屏播放 示例:<div class="record_video"> <vid

2017-06-22 12:01:52 3611 1

原创 百度编辑器ueditor添加视频方法

一种比较简单的方式,亲试有效 在手机上需要展示图文消息,其中包含一个视频,在后台百度编辑器中上传不了视频,最终解决方式是,直接在文本编辑器中添加一段代码,在前台页面显示时,对该文本内容做下html转换处理:1、添加的html代码片段<iframe frameborder="0" width="100%" height="300" src="真实视频路径" allowfullscreen="allo

2017-06-14 17:14:43 18826 2

原创 常用正则片段代码

1、身份证校验 1)15位身份证号^[1-9]\\d{7}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}$2)18位身份证号^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$2、IE版本校验^.*MSIE [5-8](?:\\.[0-9]+)?(?!.*

2017-05-31 18:06:01 296

转载 JavaScript中String(a)和new String(a)两种生成字符串的方法的使用区别

示例:var s0 = 'hello';var s1 = new String(s0);var s2 = String(s0);console.log(s1 === s2); // falseconsole.log(s1 === s0); // falseconsole.log(s2 === s0); // trues1.foo = 'bar';s2.foo = 'bar';cons

2017-04-28 18:13:04 1219

原创 math.pow函数

pow()方法返回x的y次幂的值 math.pow(x,y)-x是底数,y是幂数,必须为数字,结果为虚数或负数,返回NaN,若指数过大引起浮点溢出,则返回Infinity示例:var e = Math.pow(2,53);var s = e - 100;var c = 0;for(var i=0;i<=e;i++){ c++;}console.log(c);

2017-04-28 14:22:02 8146

转载 js 自带的 map() 方法

叙述 map() 方法创建一个新数组,其结果是该数组中的每个元素调用一个提供的函数。 map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.示例// 该表达式运行结果:["1", "2", "3"].map(parseInt);// 你可能觉的会是[1, 2, 3]// 但实际的结果是 [1, NaN, NaN]parseInt1)通常使

2017-04-28 11:47:05 1642

jcarousel包

用于实现前端页面图片展示 PPT轮播效果,用于实现前端页面图片展示 PPT轮播效果

2017-12-27

移动端图片浏览示例

适用于移动端开发图片浏览,类似qq空间或微信朋友圈图片浏览效果

2017-07-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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