ZhangXD_BLOG-CSDN博客

原创微信发红包功能的实现

微信商家后台-现金红包开发：<?phpclass wxPay { //配置参数信息 const SHANGHUHAO = "";//商户号 const PARTNERKEY = ""; //api，商户后台 //核心支付函数,参数：请求地址和参数 function pay($url,$obj) { $obj['nonce_...

2017-06-12 14:48:03 3022

原创网页中怎么插入flash的代码

做页面前端的过程中经常需要在页面中插入flash，那么你知道如何在网页中插入flash吗？下面本文将把这一段标准的代码贴在下面，以备需要的时候能拿来用，毕竟这种代码超长，靠记忆是很难的。OK，具体如何在网页中插入flash的代码片段如下： <OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flas...

2017-06-12 14:39:50 5254

转载 krpano的JavaScript接口使用

本文主要介绍如何使用krpano的JavaScript接口，来实现播放器的展示数据以及效果添加。创建全景播放器创建播放器是krpano在线展示的一个必经过程，那么如何创建播放器呢？将krpano客户端对应的krpano.js代码和krpano.swf等相关资源文件，存放到一个站点可以访问的位置。假如存放到站点的根目录下，访问基础地址为http://localhost/。那么构建播放器的...

2017-03-16 13:40:11 6540

原创 Krpano功能介绍-所有标签

Krpano功能介绍Krpano的所有标签如下：标签解释 <inelude> 载人其他的xml文件 <preview> 在装载全景图片的过程中显示一个小的全景图 <image> 载人图片 ...

2017-03-07 11:04:03 4321 1

转载关于前端面试

继上一篇关于程序员求职简历之后如果顺利的话就应该是面试了，在此也整理一下最近在网上收集的前端面试相关资料，包括预备知识、书籍、面试考点、面经等。前端方面资料其实太多太多，就光从知乎、前端乱炖、w3cplus 等网站就能找到很多，所以针对细节不发散，仅挑一些内容丰富的合集，更多的资料可以从其中找到。1. 前端团队参考我整理的列表（部分维护了网站、技术型前端团队）：国内知名前端团队

2016-12-07 11:21:30 942

转载关于程序员求职简历

最近在网上看见了一些关于程序员如何写求职简历的博客，还有之前也收集过一些优秀的简历，在此做个整理。同时我从这些资料里我总结出，一份简历最核心的两个要素：1. 向 HR 准确且高效地传递信息；2. 作为面试官考察个人能力的线索。1. 一些链接1.1 大牛向精益技术简历之道——改善技术简历的47条原则（Lucida，Google）如何写面向互联网公司的求职简历（唐巧，猿题库）...

2016-12-07 11:19:46 28787

国外（排名不分先后）StackOverflow 上推荐读书排行榜：http://stackoverflow.com/questions/1711/what-is-the-single-most-influential-book-every-programmer-should-read 《软件随想录》作者 Joel Spolsky 的书评：http://www.joelonsoftware.c...

2016-12-07 11:16:48 646

转载如何使用firefox进行网页js调试

irebug插件-如何使用firefox进行网页js调试什么是Firebug从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表展示每个页面模块；要调试javascript给页面增加一些更活泼的要素；要使用Ajax给用户带来更好的体验。一个优秀的WEB开发人员需要顾及更多层面，才能交出一份同样优秀的作业。为帮助广大正处

2016-12-06 16:47:53 19229

原创 krpano--添加3D声音

详解：hotspot的代码是放置几个按钮所用，在这里为了表现方向性声音，因此使用了onclick的鼠标动作来触发3D声音的播放。playsound3D(s2,music2.mp3, 90,0, 120); playsound3D(name, audiofile, ath, atv, range*, volume*, loops*,oncomplete*) (仅限Flash) ...

2016-11-28 18:43:09 501

原创 krpano 教程 - 修改右键菜单

[img src='examples/custom-contextmenu/krpano_logo.png' style='width:90px; height:25px; margin:0px 0px -6px -2px;' /] switch(control.mouse, moveto, drag); switch(control.touch, moveto, dra

2016-11-28 17:47:29 2530

原创 krpano 教程 - 小行星开场效果的使用

插入到scene标签中 tween(view.hlookat, -40, 2.5, easeInOutQuad); tween(view.vlookat, -35, 2.5, easeInOutQuad); tween(view.fov, 85, 2.5, easeInOutQuad); tween(view.fisheye, 0.0, 2.5, easeInOutQuad); wait(2.7)

2016-11-28 17:35:06 2151

转载 mysql in语句优化

mysql会对sql语句做优化， in 后面的条件不超过一定数量仍然会使用索引。mysql 会根据索引长度和in后面条件数量判断是否使用索引。另外，如果是in后面是子查询，则不会使用索引。一个文章库，里面有两个表：category和article。category里面有10条分类数据。article里面有 20万条。article里面有一个"article_category"字段是与cate...

2016-11-28 17:21:10 1140

转载 mysql in 子查询效率慢优化

使用连接（JOIN）来代替子查询(Sub-Queries)MySQL从4.1开始支持SQL的子查询。这个技术可以使用SELECT语句来创建一个单列的查询结果，然后把这个结果作为过滤条件用在另一个查询中。例如，我们要将客户基本信息表中没有任何订单的客户删除掉，就可以利用子查询先从销售信息表中将所有发出订单的客户ID取出来，然后将结果传递给主查询，如下所示： DELETE FROM custom...

2016-11-28 17:16:08 309

转载 NodeJS中的MongoDB快速入门

一、MongoDB必须理解的概念1.数据库：每个数据库都有自己的权限和集合。2.文档：一个键值对。3.集合：一组文档，即一组键值对。当第一个文档插入时，集合就会被创建。二、Mac下的MongoDB安装和启动1.使用brew进行安装：brew install mongodb。2.建立目录：mkdir -p /data/db。这样建立的是mongodb配置中的默认目录。...

2016-11-23 15:32:49 402

原创 krpano 教程 - image标签中文说明

image type="CUBE" 全景图类型（六面体） tiled="false" 是否使用平铺图像 tiledimagewidth="..." 平铺图像宽度 tiledimageheight="..." 平铺图像高度 tilesize="..."

2016-11-15 17:10:24 1032

原创微信公众平台-微信发送朋友、分享到QQ、分享QQ空间、分享腾讯微博-JSSDk接口

jssdk.php：<?phpclass JSSDK { private $appId; //公众号的appid private $appSecret;//公众号的密钥 public function __construct($appId, $appSecret) { $this->appId = $appId; $this->app...

2016-10-24 16:14:07 2175

原创 html5开发之viewport使用-屏幕适配

随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点……viewport 语法介绍：[html] view plain c...

2016-09-12 15:35:22 6697

原创 js创建对象的几种常用方式小结

最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看）第一种模式：工厂方式复制代码代码如下:var lev=function(){ return "脚本之家"; }; function Parent(){ var Child = new

2016-09-07 23:53:55 317

原创 HTML页面加载流程

浏览器加载显示html的顺序是按下面的顺序进行的：1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。4、并且在下载后进行解析，解析过程中，停止页面

2016-09-02 21:24:39 3386

原创 css font的简写规则

一、字体属性主要包括下面几个font-family，font-style，font-variant，font-weight，font-size，fontfont-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;font-variant (字...

2016-09-02 20:34:18 17762

原创堆和栈的区别

一、预备知识—程序的内存分配一个由C/C++编译的程序占用的内存分为以下几个部分 1、栈区（stack）— 由编译器自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。 2、堆区（heap） — 一般由程序员分配释放，若程序员不释放，程序结束时可能由OS回收。注意它与数据结构中的堆是两回事，分配方式倒是...

2016-09-02 20:33:20 451

原创 JavaScript的闭包特性如何给循环中的对象添加事件

深入理解JavaScript的闭包特性如何给循环中的对象添加事件初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1

2016-08-26 17:45:49 1296

原创 ImageFlow相片特效插件-参数设定说明

參數設定說明：aspectRatio: 1.964, /* ImageFlow的高度 */buttons: false, /* 上下張按鈕 */captions: true, /* 標題顯示 */imageCursor: 'default', ...

2016-08-20 21:37:27 4898

转载 <meta name="viewport" content="width=device-width,initial-scale=1.0">

content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，

2016-08-18 21:20:24 577

转载各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight

1、.position()和.offset()jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移，返回.position().left和.position().top，不算上自己的margin-left；jquery的.offset()获取相对于视口左上角的偏移，返回.offset().left和.offset().top...

2016-08-13 16:31:56 5847

原创 Bootstrap的less

一、LESS的概念1、一种动态样式语言 LESS 将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。2、变量变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行

2016-07-18 21:36:07 551

原创 Bootstrap的JavaScript插件

1.导入JavaScript插件Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。Bootstrap提供了一个单一的文件，这个文件包含了Bootstrap的所有JavaScript插件，即bootstrap.

2016-07-18 21:35:05 704 1

原创 Bootstrap的使用

1.Bootstrap 简介Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。特点：移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式浏览器支持：所有的主流浏览器都支持 Bootstrap。容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开...

2016-07-18 21:33:38 1226

原创 Swiper-页面当中添加键盘控制翻页的功能

这次内容我们介绍如何在swiper的页面当中添加键盘控制翻页的功能。开始还是搭建swiper页面。 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">H5EDU1</d

2016-07-04 21:29:09 1699

原创 swiper-翻页效果---3D翻转效果

本次内容我们继续介绍swiper当中的翻页效果---3D翻转效果首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。 <div class="swiper-container"> <div class="swiper-wrapper"> <div class...

2016-07-04 21:27:15 5268

原创 swiper-页面的翻页动画--3D方块效果

这次内容我们接着介绍在swiper页面的翻页动画--3D方块效果。首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。 <div class="swiper-container"> <div class="swiper-wrapper"> <div clas...

2016-07-04 21:25:40 1837 1

原创 swiper-页面的翻页动画--渐变效果

这次内容我们介绍在swiper页面的翻页动画--渐变效果既然有翻页，那么肯定少不了翻页效果，这个功能在swiper当中也给我们进行了包装，所以我们在使用的时候变得非常的方便。首先进行基本的布局以及CSS样式的设置。<div class="swiper-container"> <div class="swiper-wrapper"> ...

2016-07-04 21:24:57 5051

原创 Swiper-页面当中开启循环模式

这次内容我们介绍如何在swiper页面当中开启循环模式。首先让我们用积累了十四节……不十三节的功力来搭建一个基本的swiper的布局。并且根据需要来设置CSS样式。 <div class="swiper-container"> <div class="swiper-wrapper"> <div class...

2016-07-04 21:24:19 1391

原创 swiper-添加控制按钮（可以控制翻页上一页和下一页）

本次内容我们介绍在swiper页面当中添加控制按钮（可以控制翻页上一页和下一页）。首先搭建基础的swiper页面布局。然后我们主要将翻页按钮的div（.swiper-button-next/prev）加到外部容器(.swiper-container)当中. <div class="swiper-container"> <div class="s...

2016-07-04 21:23:35 13994

原创 swiper-如何将导航变为滚动条样式

本节内容介绍swiper当中如何将导航变为滚动条样式。首先我们搭建一个swiper页面的基本布局。 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">H5EDU 1&lt

2016-07-04 21:22:50 2856

原创 swiper-抓手光标，即改变光标在swiper页面当中的样式

本次章节呢，我们来介绍swiper当中的抓手光标，即改变我们光标在swiper页面当中的样式。第一步我们还是搭建一个基础的swiper页面布局。<body> <div class="swiper-container"> <div class="swiper-wrapper"> ...

2016-07-04 21:22:12 1532

原创 Swiper-当中的swiper嵌套

这节课我们介绍swiper当中的swiper嵌套。这次第一步有些不一样，虽然同样是要搭建swiper页面，但是我们在一个swiper页面当中的slide里面嵌套了一个swiper在里面。<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"> ...

2016-07-04 21:21:14 5709

原创 swiper-页面的多行显示

这节课我们介绍swiper页面的多行显示。第一步，我们还是要创建一个swiper的基础页面。不过这次我们要多创建一些slide。<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"&g..

2016-07-04 21:20:33 2932