
JS
文章平均质量分 69
jiegeng2233
这个作者很懒,什么都没留下…
展开
-
前端中的MVC
MVC是一种设计模式,它将应用划分为3个部分:数据(模型)、展现层(视图)和用户交互(控制器)。其中:M - MODEL(模型)V - VIEW(视图)C - CONTROLLER(控制器)一个事件的发生是这样的过程: 1. 用户和应用产生交互。 2. 控制器的事件处理器被触发。 3. 控制器从模型中请求数据,并将其交给视图。 4. 视图将数转载 2016-11-29 10:48:04 · 388 阅读 · 0 评论 -
webgl初始
一,WebGLWebGL(全写Web Graphics Library)是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂原创 2017-01-24 11:26:53 · 564 阅读 · 0 评论 -
利用js实现 禁用浏览器后退
现在很多的内部系统,一些界面,都是用户手动点击退出按钮的。但是为了避免,用户误操作 点击浏览器后退,或者用鼠标手势后退什么的。容易出现误操作。 所以在有些页面上,适当的禁用浏览器的后退,是可以提高很大的用户体验。 在网上查,可以查到很多js禁用后退的材料。1、回退后,产生一个前进事件。 这种方式,不算是一个满意的解决方式。转载 2017-05-16 17:10:43 · 875 阅读 · 0 评论 -
手机移动端web 禁止手机返回功能
手机移动端web 禁止手机返回功能的最好方法 虽然很变态,但是很有效.var href = window.location.href; window.location.href = href + "#aaa"; window.location.href = href + "#bbb"; win转载 2017-05-16 17:16:49 · 4559 阅读 · 1 评论 -
JS控制滚动条滚动的位置
方法一:用scroll方法实现滚动条位于最底端。 方法二:用scrollBy方法实现滚动条位于最右端。方法三:用scrollTo方法实现水平滚动条和纵向滚动条均居中。虽然使用scroll、scrollBy和scrollTo方法的效果一样,但是彼此之间还是有一些区别的。经测试如果使用某一确定的位置参数时,不需要带单位,例据顶端300像素:转载 2017-05-18 16:02:04 · 2441 阅读 · 1 评论 -
jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。单纯判断滚动条方向function scroll( fn ) { var beforeScrollTop = document.body.scrollTop, fn = fn || function() {}; win转载 2017-05-18 16:15:08 · 1176 阅读 · 0 评论 -
关于JavaScript中apply与call的用法意义及区别(转)
对于apply和call两者在作用上是相同的,但两者在参数上有区别的。对于第一个参数意义都一样,但对第二个参数:apply传入的是一个参数数组,也就是将多个参数组合成为一个数组传入,而call则作为call的参数传入(从第二个参数开始)。如 func.call(func1,var1,var2,var3)对应的apply写法为:func.apply(func1,[var1,var2,va转载 2017-06-28 18:33:51 · 422 阅读 · 0 评论 -
多个JS文件性能优化
一个页面加载多个js,有一定影响的,加载速度会慢。js过多既延长了用户的等待时间,又大量消耗cpu。而且放在页面的前面的话,会影响页面渲染造成用户体验很差,用户会感觉东西迟迟没有出来 。最好压缩一下js或者把多个 js 文件合成一个,尽量减少客户端与服务器的交互。页面中引入的JS文件是阻塞式加载的,这样会影响页面性能。以下是JS文件性能优化方法:一:将所有的标签放到页面底部,也就是闭合转载 2017-06-30 18:18:05 · 2014 阅读 · 0 评论 -
动态加载JS脚本
1、直接document.write document.write(""); 2、动态改变已有script的src属性 s1.src="test.js" 3、动态创建script元素 var oHead = document.getElementsByTagN转载 2017-06-30 18:30:50 · 351 阅读 · 0 评论 -
Three.js之渲染器
本篇文章将详细讲解three.js中渲染器(renderer)的设置方法。three.js文档中渲染器的分支如下:RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了转载 2017-01-25 11:41:48 · 1098 阅读 · 0 评论 -
iframe 父级子级相互获取元素的方法
1)在iframe中查找父页面元素的方法:$('#id', window.parent.document)2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value在iframe子页面获取父页面元素 代码如下:$.('#objld', parent.document); 在父页面获取ifr转载 2017-03-02 11:49:16 · 3885 阅读 · 0 评论 -
Canvas和SVG区别
Canvas和SVG是html5支持的两种可视化技术。基于这两种技术,诞生了很多可视化工具。Echarts是基于Canvas技术的可视化工具,底层封装了原生的JavaScript的绘图 API。我们很容易联想到另一个同样很优秀的web前端可视化库D3,D3是也最流行的可视化库之一,它被很多其他的表格插件所使用。D3底层基于SVG技术,与Canvas完全不一样,SVG的本质是一个XML 文档。转载 2016-11-07 10:54:17 · 392 阅读 · 0 评论 -
JSONP
一、什么是JSONP1.1 同源策略如果两个页面拥有相同的协议,端口(如果指定),和主机,那么这两个页面就属于同一个源。同源策略分为:DOM同源策略:禁止对不同源页面DOM进行操作XMLHttpRequest同源策略:禁止向不同源的地址发起HTTP请求由此可见,Ajax禁止跨域。1.2 JSONP的原理JSONP是JSON转载 2016-10-31 11:12:06 · 401 阅读 · 1 评论 -
navigator.geolocation
在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息。navigator.geolocation的三个方法:1. getCurrentPosition()2. watchPosition()3. clearWatch()1,getCurr转载 2016-11-18 17:41:10 · 771 阅读 · 0 评论 -
artTemplate
http://www.jianshu.com/p/483fa7f6f55b http://www.cnblogs.com/itxiongwei/p/5567088.htmlhttp://aui.github.io/artTemplate/转载 2016-12-13 16:12:07 · 387 阅读 · 0 评论 -
javascript正则表达式总结(test|match|search|replace|split|exec)
学JavaScript正则的好文一篇:http://www.cainiao8.com/web/js_note/js_regular_expression.htmltest:测试string是否包含有匹配结果,包含返回true,不包含返回false。 [javascript] view plain copy "text/javasc转载 2016-12-08 10:34:41 · 376 阅读 · 0 评论 -
javascript dtree工作原理
http://blog.youkuaiyun.com/ljhabc1982/article/details/6450374http://programmerdigest.cn/2009/12/798.htmldTree 的工作原理 d = n转载 2016-12-26 18:30:06 · 546 阅读 · 0 评论 -
mvc简单实例
前端web开发的MVC模式 - 从一个简单实例讲起MVC概论起初来之桌面应用开发。其实Java的structs框架最能体现MVC框架:model模型是理解成服务器端的模块程序;view为发送给客服端的内容;control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分:js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性转载 2016-12-26 18:31:14 · 704 阅读 · 0 评论 -
scrollTop在FireFox与Chrome浏览器间的兼容问题
FireFox与Chrome的scrollTop的兼容问题直到我今天在FireFox测试时发现,火狐下页面滚动的跳转功能无法使用。1、原生接口测试这里先提一下:document.documentElement 即 元素,而 document.body 即 元素。测试结果,在火狐上只能通过html元素来获取和设定页面滚动高度,而转载 2017-01-18 18:41:38 · 2159 阅读 · 0 评论 -
js 判断ipv4 ipv6
ipv4地址中间是用点(.)隔开,比如192.168.0.1ipv6地址中间使用冒号(:)隔开,比如80:0:0:0:0:0:0:1用脚本判断就很简单了,有多种方法,var ip;if(ip.indexOf(".")>0){ //ipv4地址}else{ //ipv6地址}原创 2017-03-02 10:48:53 · 3000 阅读 · 0 评论 -
momentJS日期处理类库---时间加减处理
计算最近在使用JavaScript计算时间差的时候,发现很多问题需要处理,在查看momentJS之后,发现非常容易。 console.log(moment().format("YYYY-MM-DD HH:mm:ss")); //当前时间 console.log(moment().subtract(10, "days").format("YYYY-MM-DD"))...转载 2018-10-25 16:52:58 · 1999 阅读 · 0 评论