- 博客(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 962
原创 常用的代码块
1. 逐个隐藏元素下面这个jQuery插件可以根据你设置的步长(间隔时间)来逐个隐藏一组元素。在列表元素的重新加载中使用,可以达到很好的效果。$.fn.fadeAll = function (ops) { var o = $.extend({ delay: 500, // delay between elements speed: 500, // animation sp...
2018-03-02 10:50:47 1424
原创 WebStorm破解激活
2017版本的可以尝试:1. 打开License Activation窗口中选择“activation code”,在输入框输入下面的注册码:43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI
2017-10-16 09:17:04 2191
原创 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 1768
原创 ThreeJS学习-模型角度限制
以下代码属于调试灯光,控制模型角度例如: //渲染器 var renderer = new THREE.WebGLRenderer({ antialias:true, //是否开启反锯齿 precision:"highp", //着色精度选择 alpha:true,
2017-08-22 19:50:05 6481 2
原创 Krpano插件--event事件注释
<events onenterfullscreen="" 切换到全屏显示执行 onexitfullscreen="" 从全屏切换回普通视图时执行 onxmlcomplete="" XML文件加载完成时执行 onpreviewcomplete="" 预览图加载
2017-08-16 11:08:58 1099
原创 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 1328
原创 弹幕滚动的效果
scrollamount="10"scrollamount="20"scrollamount="30"scrollamount="40"弹来弹去绕圈到头就不动了
2017-07-27 18:16:55 1854
原创 调用手机陀螺仪
H5有一个DeviceOrientationHandler方法利用这个方法可以实现例如微信摇一摇、晃动手机控制小球移动等效果代码如下:<script> function DeviceOrientationHandler(event){ var alpha = event.alpha, beta = event.beta,
2017-07-26 09:54:03 5286
原创 关于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 3311
原创 Krpano插件的使用
krpano全景生成插件开始接触全景项目开发的时候发现国内这方面的资源确实很少,偶然机会发现KRPANO这个插件,但是中文文档需要付费,所以写了这篇文章可以帮助更多有需要的人。一些简单上的功能文档已经写的很清楚了,我就介绍一下文档里面没有写到的,首先介绍一下如何使用插件生成全景图,如图:接着会出现:生成的vtour文件夹,这个文件夹里面的文件中文文档有很详尽的解释:中文文档接下来打开tour.xml
2017-07-06 12:15:53 5564
原创 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 660
转载 bootstrap之双日历时间段选择控件—daterangepicker(汉化版)
双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件,可以设定多个时间段选项,也可以自定义时间段,由用户自己选择起始时间和终止时间,时间段的最大跨度可以在程序里设定。我们项目里用到的Bootstrap版本是2.3.1,所以我把daterangepicker与Bootstrap-2.3.1进行了整合。 一、需要引入的css与js[
2017-05-31 11:53:01 789
原创 常见的几种页面布局方式
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 29055
原创 Git常用命令及常用操作总结
文章参考:http://blog.csdn.net/charlene0824/article/details/52189320 Git是一种分布式的版本控制系统,是现在开发者的必备技能。使用Git已经有一段时间了,在这里总结一下Git的常用命令以及常用操作 先上图(盗图自Git远程操作详解) Git常用命令git init : 在当前目录新建一个Git代码库git
2017-04-26 01:35:23 447
转载 H5的新特性及部分API详解
h5新特性总览移除的元素纯表现的元素: basefont、big、center、font等 对可用性产生负面影响的元素: frame、frameset、noframes新增的API语义: 能够让你更恰当地描述你的内容是什么。 连通性: 能够让你和服务器之间通过创新的新技术方法进行通信(web sockets等)。 离线 & 存储:能够让网页在客户端本地存
2017-04-26 01:23:15 715
原创 H5新标签和H4的区别
下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。HTML5:Aside 的内容是独立的内
2017-04-26 00:56:23 4807
原创 使用iframe内嵌网页的时候,如何做到内嵌网页的高度自适应
在页面无刷新更新方面,虽然现在的ajax很强悍,但是处理代码相对多点。想比之下,iframe就简单多了!处理iframe的自适应宽、高,会经常用到,网上整理了一份,写在这里备用:单个iframe 高度自适应:起作用的是这句:onload="this.height=iFrame1.document.body.scrollHeight"多层嵌套iframe 高度自适应:A页面的if
2017-04-25 10:40:38 21184 2
原创 JSONP的原理及跨域
JSONP原理只要你聊到跨域,就必须聊到JSONP,所以在这里说一下JSONP的实现原理,以及你在项目中的哪个需求使用了JSONP,简单点理解就是HTML里面所有带src属性的标签都可以跨域,如iframe,img,script等。所以可以把需要跨域的请求改成用script脚本加载即可,服务器返回执行字符串,但是这个字符串是在window全局作用域下执行的,你需要把他返回到你的代码的作用域
2017-04-25 10:13:30 823
原创 网站的性能优化
从两方面出发,文件和结构文件方面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 319
原创 网站的SEO优化
关于web前端开发过程中SEO优化的注意点简单点理解就是标签的语义化,在合适的地方用最合适的标签,这样会更利于网络爬虫对网站的解析SEO优化通俗点说就是为了让网站在各大搜索引擎中更容易的被搜到,即提高搜索排行,从而提高网站流量的一个技术手段在写web页面的时候,为了让网络爬虫更容易的搜索到页面,需要注意几个点:html语义化刚接触we
2017-04-24 10:18:07 2233
转载 关于严格模式的简单介绍
概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立”严格模式“的目的,主要有以下几个:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新
2017-04-23 15:09:36 899
原创 NodeJS基本知识总结
NodeJS基本知识总结express框架的基本介绍express框架产生的原因: 1.http模块在处理路由这块比较鸡肋 2.http模块在处理静态资源时比较麻烦 3.http在获取浏览器的提交过来的参数时很麻烦 4.express能解决url中有中文时,express能自动解码基本概念:express是nodejs发送网络请求的第三方框
2017-04-13 21:10:41 510
原创 随意改变图片大小的脚本
图片大小自动脚本使用方法: 在图片引用位置写上即可。 400和500表示限制的最大宽和高; function AutoResizeImage(maxWidth, maxHeight, objImg) { var img = new Image(); img.src = objImg.src; var hRatio;
2017-04-12 11:28:07 1193
原创 闭包的原理
了解闭包从这些方面来来考虑:一、变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就是两种:全局作用域和局部作用域。在JS语言中,函数可以读取全局变量:var n=999; function f1(){ alert(n); } f1(); // 999要访问到另外一个函数里声明的变量,就要借用闭包
2017-04-08 15:05:45 1525
原创 Node 的模块化思想
模块化:将一些功能相似的代码,统一放在一个文件或是文件夹中,然后暴露出去,给其他人用,这种思想称之为模块化思想。Noodjs中的模块化思想体现:在NoodJs中,不同的功能放在不同的模块中,比如Nood中将文件操作放在File System模块中,将路径相关的功能放在Path中,将url相关的功能放在URL模块中,将网络请求功能的代码放在Http模块中。优点:方
2017-04-05 20:12:00 442
原创 学习中碰到的一些操作字符串操作的方法汇总
听到一位老程序员谈到他学习一门语言的入门标准,他说有4个条件,达到4个条件方可算的上入门:1.记住所有的基本语法(关键字);2.字符串操作;3.集合操作(数组,键值对(字典));4.文件操作;我感觉很有道理,就总结了一下JavaScript的一些常用的字符串操作方法:string.trim(); 这个方法
2017-04-01 23:18:00 330
原创 正则表达式--RegExp
正则表达式的简单理解:一、正则表达式的声明(两种):1.通过构造函数声明:var 变量名 = new RegExp(/表达式/);2.通过直接量定义:var 变量名 = /表达式/二、正则表达式的常用方法(三种):1.RegExp.test(str);返回一个布尔值,判断str字符串是否符合要匹配的正则表达式。常用于验证注:str为要检测的字符串。2.RegExp.ex
2017-04-01 21:31:45 539
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人