自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

DavidLog的博客

个人博客

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

原创 Krpano 常用代码块

获取krpano全景对象var krpano = document.getElementById("krpanoSWFObject");设置自动旋转$(document)[0].addEventListener("click",function (e) { e.preventDefault(); if (krpano.get('aut...

2018-03-28 09:49:49 959

原创 常用的代码块

1. 逐个隐藏元素下面这个jQuery插件可以根据你设置的步长(间隔时间)来逐个隐藏一组元素。在列表元素的重新加载中使用,可以达到很好的效果。$.fn.fadeAll = function (ops) { var o = $.extend({ delay: 500, // delay between elements speed: 500, // animation sp...

2018-03-02 10:50:47 1422

原创 WebStorm破解激活

2017版本的可以尝试:1.  打开License Activation窗口中选择“activation code”,在输入框输入下面的注册码:43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI

2017-10-16 09:17:04 2186

原创 Three学习笔记-1

ThreejsStats–性能监视器new Stats();性能监视器,性能测试的方法,引入 Stats.js 。 stats.setMode(1);参数为0的时候,表示显示的是FPS界面,参数为1的时候,表示显示的是MS界面。 Stats的begin和end 函数本质上是在统计代码执行的时间和帧数,然后用公式fps=帧数/时间,就能够得到FPS。 MS表示渲染一帧需要的毫秒数,这个数字是越小

2017-08-31 12:03:15 1755

原创 ThreeJS学习-模型角度限制

以下代码属于调试灯光,控制模型角度例如: //渲染器 var renderer = new THREE.WebGLRenderer({ antialias:true, //是否开启反锯齿 precision:"highp", //着色精度选择 alpha:true,

2017-08-22 19:50:05 6473 2

原创 Krpano插件--event事件注释

<events onenterfullscreen="" 切换到全屏显示执行 onexitfullscreen="" 从全屏切换回普通视图时执行 onxmlcomplete="" XML文件加载完成时执行 onpreviewcomplete="" 预览图加载

2017-08-16 11:08:58 1094

原创 Krpano插件---view标签说明

<view hlookat = "0.0" vlookat="0.0" camroll="0.0" fovtype="VFOV" fov="90.0" fovmin="1.0" fovmax="179.0" maxpixelzoom="" mfovratio="1.333333" disto

2017-08-16 11:03:05 1325

原创 弹幕滚动的效果

scrollamount="10"scrollamount="20"scrollamount="30"scrollamount="40"弹来弹去绕圈到头就不动了

2017-07-27 18:16:55 1849

原创 调用手机陀螺仪

H5有一个DeviceOrientationHandler方法利用这个方法可以实现例如微信摇一摇、晃动手机控制小球移动等效果代码如下:<script> function DeviceOrientationHandler(event){ var alpha = event.alpha, beta = event.beta,

2017-07-26 09:54:03 5274

原创 在全景场景里添加平面视频

第一步: 第二步: 第三步: 第四步: 其中需要引入的文件在我的GitHub都有,可以下载。

2017-07-25 17:05:17 1092

原创 关于Krpano实现全景按钮的简单动画

关于Krpano实现全景按钮的简单动画本文讲述一个简单的按钮控制图片的显示隐藏:代码如下在你的皮肤 XML 文件里插入layer标签:<krpano> <layer name="skin_logo" zorder="15" keep="true" url="2.png" align="lefttop" x="10" y="10" capture="false" accuracy="1" sc

2017-07-25 15:31:40 3303

原创 Krpano插件的使用

krpano全景生成插件开始接触全景项目开发的时候发现国内这方面的资源确实很少,偶然机会发现KRPANO这个插件,但是中文文档需要付费,所以写了这篇文章可以帮助更多有需要的人。一些简单上的功能文档已经写的很清楚了,我就介绍一下文档里面没有写到的,首先介绍一下如何使用插件生成全景图,如图:接着会出现:生成的vtour文件夹,这个文件夹里面的文件中文文档有很详尽的解释:中文文档接下来打开tour.xml

2017-07-06 12:15:53 5552

原创 JavaScript 日期处理类库 Moment.js

日期格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 31日 2017, 12:01:34 中午moment().format('dddd'); // 星期三moment().format("MMM Do YY"); // 5月 31日 17moment().form

2017-05-31 12:01:46 655

转载 bootstrap之双日历时间段选择控件—daterangepicker(汉化版)

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1,所以我把daterangepicker与Bootstrap-2.3.1进行了整合。 一、需要引入的css与js[

2017-05-31 11:53:01 783

原创 常见的几种页面布局方式

1.固定布局(最基本的布局)固定布局*{margin: 0;padding: 0;}html,body{width:100% ;height: 100%;}.fixedlayout{width:800px ;background:gray;padding:10px;margin:100px auto ; overflow: h

2017-04-26 01:46:40 29039

原创 Git常用命令及常用操作总结

文章参考:http://blog.csdn.net/charlene0824/article/details/52189320 Git是一种分布式的版本控制系统,是现在开发者的必备技能。使用Git已经有一段时间了,在这里总结一下Git的常用命令以及常用操作 先上图(盗图自Git远程操作详解) Git常用命令git init : 在当前目录新建一个Git代码库git

2017-04-26 01:35:23 445

转载 H5的新特性及部分API详解

h5新特性总览移除的元素纯表现的元素: basefont、big、center、font等 对可用性产生负面影响的元素: frame、frameset、noframes新增的API语义: 能够让你更恰当地描述你的内容是什么。 连通性: 能够让你和服务器之间通过创新的新技术方法进行通信(web sockets等)。 离线 & 存储:能够让网页在客户端本地存

2017-04-26 01:23:15 701

原创 H5新标签和H4的区别

下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内

2017-04-26 00:56:23 4801

原创 使用iframe内嵌网页的时候,如何做到内嵌网页的高度自适应

在页面无刷新更新方面,虽然现在的ajax很强悍,但是处理代码相对多点。想比之下,iframe就简单多了!处理iframe的自适应宽、高,会经常用到,网上整理了一份,写在这里备用:单个iframe 高度自适应:起作用的是这句:onload="this.height=iFrame1.document.body.scrollHeight"多层嵌套iframe 高度自适应:A页面的if

2017-04-25 10:40:38 21175 2

原创 JSONP的原理及跨域

JSONP原理只要你聊到跨域,就必须聊到JSONP,所以在这里说一下JSONP的实现原理,以及你在项目中的哪个需求使用了JSONP,简单点理解就是HTML里面所有带src属性的标签都可以跨域,如iframe,img,script等。所以可以把需要跨域的请求改成用script脚本加载即可,服务器返回执行字符串,但是这个字符串是在window全局作用域下执行的,你需要把他返回到你的代码的作用域

2017-04-25 10:13:30 819

原创 网站的性能优化

从两方面出发,文件和结构文件方面1. CSS文件链接在head头部,CSS文件压缩合并;2. Js文件放在body最下面;结构方面1、不要使用全局变量;2、不要使用with语句;3、尽量少使用闭包;4、数组中不要嵌套太多;5、少用for-in循环;6、最好用js包含文件,且尽量放在最下面;7、该dom节点样式时尽量用class。8、减少http请求

2017-04-25 10:07:17 314

原创 网站的SEO优化

关于web前端开发过程中SEO优化的注意点简单点理解就是标签的语义化,在合适的地方用最合适的标签,这样会更利于网络爬虫对网站的解析SEO优化通俗点说就是为了让网站在各大搜索引擎中更容易的被搜到,即提高搜索排行,从而提高网站流量的一个技术手段在写web页面的时候,为了让网络爬虫更容易的搜索到页面,需要注意几个点:html语义化刚接触we

2017-04-24 10:18:07 2232

转载 关于严格模式的简单介绍

概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict   mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立”严格模式“的目的,主要有以下几个:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新

2017-04-23 15:09:36 895

原创 NodeJS基本知识总结

NodeJS基本知识总结express框架的基本介绍express框架产生的原因: 1.http模块在处理路由这块比较鸡肋 2.http模块在处理静态资源时比较麻烦 3.http在获取浏览器的提交过来的参数时很麻烦 4.express能解决url中有中文时,express能自动解码基本概念:express是nodejs发送网络请求的第三方框

2017-04-13 21:10:41 508

原创 随意改变图片大小的脚本

图片大小自动脚本使用方法:    在图片引用位置写上即可。   400和500表示限制的最大宽和高; function AutoResizeImage(maxWidth, maxHeight, objImg) { var img = new Image(); img.src = objImg.src; var hRatio;

2017-04-12 11:28:07 1189

原创 闭包的原理

了解闭包从这些方面来来考虑:一、变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就是两种:全局作用域和局部作用域。在JS语言中,函数可以读取全局变量:var n=999;   function f1(){    alert(n);   }  f1(); // 999要访问到另外一个函数里声明的变量,就要借用闭包

2017-04-08 15:05:45 1519

原创 Node 的模块化思想

模块化:将一些功能相似的代码,统一放在一个文件或是文件夹中,然后暴露出去,给其他人用,这种思想称之为模块化思想。Noodjs中的模块化思想体现:在NoodJs中,不同的功能放在不同的模块中,比如Nood中将文件操作放在File System模块中,将路径相关的功能放在Path中,将url相关的功能放在URL模块中,将网络请求功能的代码放在Http模块中。优点:方

2017-04-05 20:12:00 436

原创 学习中碰到的一些操作字符串操作的方法汇总

听到一位老程序员谈到他学习一门语言的入门标准,他说有4个条件,达到4个条件方可算的上入门:1.记住所有的基本语法(关键字);2.字符串操作;3.集合操作(数组,键值对(字典));4.文件操作;我感觉很有道理,就总结了一下JavaScript的一些常用的字符串操作方法:string.trim(); 这个方法

2017-04-01 23:18:00 328

原创 正则表达式--RegExp

正则表达式的简单理解:一、正则表达式的声明(两种):1.通过构造函数声明:var 变量名 = new RegExp(/表达式/);2.通过直接量定义:var 变量名 = /表达式/二、正则表达式的常用方法(三种):1.RegExp.test(str);返回一个布尔值,判断str字符串是否符合要匹配的正则表达式。常用于验证注:str为要检测的字符串。2.RegExp.ex

2017-04-01 21:31:45 536

原创 对于angular 中MVC 和 MVVM 的一些个人理解

关于MVC的一些个人见解

2017-03-31 14:52:09 4550

exe反编译软件

国内没有比较好用的exe编译软件,特地找的资源供大家使用

2017-10-20

3D元素周期表

可以改变代码,建立属于自己的3D相册,具体可以看代码

2017-10-20

空空如也

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

TA关注的人

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