![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 70
yangnianbing110
这个作者很懒,什么都没留下…
展开
-
动态查找未定位元素的位置
当我们需要在界面上把一个元素附加到另外一个元素上面的时候,元素的定位是一个问题,在ajax in action这本书的实例中有这么一个例子function SetElementPosition(theTextBoxInt){ var selectedPosX = 0; var selectedPosY = 0; var theElement = theTextBoxInt; if(!th原创 2011-12-15 23:31:33 · 703 阅读 · 0 评论 -
angular通过$http与服务器通信
http://www.cooklife.cn/detail/54c5044ec93620284e964b58#Viewangular是一个前端框架,实现了可交互式的页面,但是对于一个web应用,页面上进行展示的数据从哪里来,肯定需要服务端进行支持,那么angular是如何同服务端进行交互的呢?$httpangular提供了$http服务来同服务端进行通信,$http服务原创 2015-01-25 23:00:01 · 35131 阅读 · 0 评论 -
Object.observe()
Object.observe()简介This is an experimental technology, part of the Harmony (ECMAScript 7) proposal. Because this technology's specification has not stabilized, check the compatibility table for原创 2015-05-26 22:58:58 · 1432 阅读 · 0 评论 -
Canvas绘图环境
canvas绘图环境元素canvas提供了一张画布,要想在这张画布上面作画,我们需要canvas绘图环境,通过环境我们可以在canvas元素上面绘制图形,文本,显示并修改图像。var context = canvas.getContext("2d");context是指向元素canvas的绘图环境对象的引用。CanvasRenderingContext2D对象包含了大量的绘制图形属性 属性原创 2015-06-23 22:46:23 · 1354 阅读 · 0 评论 -
Canvas基本操作
canvas基本操作基本apiarc()Canvas绘图环境提供了arc()方法来绘制圆弧与圆形。arc()方法有六个参数,arc(x, y, radius, startAngle, endAngle, counterClockwise), * 前两个参数表示圆心的坐标, * 第三个参数表示园的半径, * 第四个和第五个参数表示圆弧的起始角和终结角, * 第六个参数为绘制方向,如果为fals原创 2015-06-24 22:32:07 · 646 阅读 · 0 评论 -
js实现的一个lru缓存
把angularjs里面的一个lru缓存给拿出来了,完全照搬的 var slice = [].slice; var toString = Object.prototype.toString(); var getPrototypeOf = Object.getPrototypeOf; function isArrayLike(obj){原创 2015-08-11 23:23:21 · 2223 阅读 · 0 评论 -
postMessage和onMessage
html5中postMessage和onMessage的用法html5提供了postMessage和onMessage这一对方法来在不同的文档页或者不同的工作线程之间进行通信。在不同的文档页内通信什么叫做不同的文档页?如果一个页面上面嵌套了iframe,那么iframe和外层的页面属于两个不同的文档页。原创 2016-03-20 16:59:59 · 8620 阅读 · 0 评论 -
使用Qunit做javascript单元测试
使用Qunit做javascript单元测试 最近公司在搞敏捷开发,提倡拥抱变化,既然是变化,那就会出错咯,那怎么保证能及时发现代码中的错误呢?可以通过单元测试来保证代码执行的正确性,因此公司要求提交的代码必须有对应的单元测试,每次代码的提交都会跑一遍单元测试(服务端自动执行),也就是所谓的持续集成。然后呢?那么然后?其实接下来就没有然后了,进度,进度,功能,功能,单元测试这东西就被抛到九霄云外了,原创 2016-04-03 12:29:02 · 1733 阅读 · 0 评论 -
Array.from()
javascript中Array类型给我们提供了很多的API,但是在javascript中还有这么一部分对象,例如函数中的arguments虽然和Array很像,有length属性,可以像数组一样用下标去获取元素,but它并不是数组,不能使用Array.push(),Array.pop()等数组类型提供的方法。我们将arguments这种类型的对象称之为ArrayLike,为了将其转换为数组对象,以原创 2016-04-06 23:53:20 · 2931 阅读 · 0 评论 -
THREE.js概述
THREE.js简介THREE.js可以这么理解three+js,three代表3维世界,js即javascript,这是一个让我们可以在浏览器中绘制3D效果的javascript库,通过webgl为html5 canvas提供硬件3D 加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了。我们的世界是一个三维的世界,而电脑屏幕是一个二维的平面,要想把三维的世界映原创 2016-04-28 11:09:59 · 2577 阅读 · 0 评论 -
THREE.js—绘制弧线(SplineCurve3)
SplineCurve3通过一系列的点来创建一条平滑的曲线。var curve = new THREE.SplineCurve3([ new THREE.Vector3(-10, 10, 10); new THREE.Vector3(-5, 5, 5); new THREE.Vector3(0, 0, 0); new THREE.Vector3(5, -5, 5);原创 2016-05-10 15:29:11 · 18597 阅读 · 6 评论 -
THREE.js-几何体(Geometry)
这里将Geometry理解为几何体不知道是否合适。前面的例子中我们用到过BoxGeometry来创建一个立方体。除了BoxGeometry之外Three.js还提供了很多拆箱即用的几何体,例如:圆形(CircleGeometry)、柱体(CylinderGeometry)、球体(SphereGeometry)、文字(TextGeometry)等等。后面会对这些常见的几何体用法做一个简单的介绍。 除原创 2016-05-03 18:06:54 · 31512 阅读 · 0 评论 -
DOM操作为什么慢?
DOM对象其实也是一个内存对象,为什么对DOM的操作这么慢? 其实是因为DOM操作会引起浏览器的render和paint操作, 而这两个操作比较耗时,所以造成对DOM操作比较慢。 关于render和paint的概念需要理解一下浏览器呈现一 个页面需要哪些操作。浏览器如何呈现一个页面 一个完整的页面包含html和css以及js,从浏览器加载完这些资源文件到呈现一个完整的页面需要经过很多的步骤原创 2016-04-20 16:54:02 · 2009 阅读 · 0 评论 -
更新几何体(Geometry update)
基于性能的原因,改变几何体(Geometry)的某些属性不会引起浏览器对几何体(Geometry)的重新绘制。THREE.js会缓存一些 数据,例如几何体的顶点和面的信息,修改这些属性的时候需要通知THREE.js去更新几何体,这些几何体才能得到重新计算并更新。需要通知THREE.js更新的几何体(Geometry)属性下面这些属性的变动需要通知THREE.js更新 1. geometry.ve原创 2016-05-04 22:48:46 · 6096 阅读 · 0 评论 -
angular服务
http://www.cooklife.cn/detail/54c36a3ac93620284e964b57#Viewangular的控制器同view绑定,当view不需要的时候控制器就会被销毁,因此控制器的作用域是同其绑定的视图一致的。服务提供了一种在整个应用的生命周期内保存数据的方法,可以通过服务在控制器间进行通信。注册服务angular应用中提供了五种方法来创建服原创 2015-01-25 13:00:34 · 1535 阅读 · 0 评论 -
angular指令
http://www.cooklife.cn/detail/54bfbbd2fc2d96d1341bw3c制定的html标准中,html的标签以及标签的属性值有限,不能满足一些特定化的需求,在angular中可以通过指令是对html中的标签以及标签属性做的一个扩展。首先我们来看看一个内置的指令,了解了解指令到底是一个神马东东?我们先拿指令ng-src开刀原创 2015-01-24 13:23:14 · 1162 阅读 · 0 评论 -
angular内置过滤器以及自定义过滤器
http://www.cooklife.cn/detail/54831589899a81cc9330d1a9#Viewangular中的过滤器提供了linux中管道式处理数据的方式。如何自定义一个过滤器angular中创建自定义的过滤器需要放在自己的模块中,通过模块的filter()方法来创建自定义的过滤器。angular.module('app.filte原创 2015-01-21 22:51:18 · 5347 阅读 · 0 评论 -
jqgird
最近项目中用到jqgrid做表格,边学便用,记录下来jqgrid是一个做表格的工具,首先定义一个标签$("#gridTable").jqGrid({ url:'', //加载grid表格的链接 editurl:'', //编辑之后调用的url datatype: "json", // 加载的数据类型 colNames:['c原创 2012-04-28 11:44:44 · 1786 阅读 · 0 评论 -
pushlet实现服务端推送消息到浏览器
1.添加服务器推送功能pushlet下载地址http://www.pushlets.com/,添加jar包pushlet.jar到项目的库中,需要用到的js文件ajax-pushlet-client.js,拷贝下载的压缩包中的文件pushlet.properties,sources.properties到项目的路径下在web.xml中添加: pushlet nl.原创 2013-10-03 22:45:34 · 2527 阅读 · 0 评论 -
js模块化
刚开始的时候我们写js代码是这么写的function method1(){}function method2(){}然后调用的时候通过method1(),method2()即可调用,这么写的话有很明显的缺点,在页面上我们可能引用了其他的js库,这么写会污染全局变量,无法保证自己定义的函数名称不同其他js库中的名字冲突。而且也不能看出不同函数之间的关系。后来我们学会原创 2013-11-25 14:49:55 · 5604 阅读 · 1 评论 -
AngularJs-第一章
yy第一章:AngularJs简介我们创建基于web应用的能力令人吃惊,这些web应用涉及到的技术也让人不敢相信,我们Angular团队想减少Ajax应用开发中的痛苦。在谷歌的工作过程中,通过构建如:gmail,map之类的大型web应用我们收获了很多经验,我觉得这些经验可以造福每一个人。我们想让构造web应用更加便捷,而不是费劲脑筋去解决浏览器之间的兼容性问题。同时我们希望有个环翻译 2014-07-30 16:39:02 · 2512 阅读 · 0 评论 -
node.js的事件机制
通常js给我们的第一映像就是运行在kehudua原创 2014-07-24 11:19:17 · 1117 阅读 · 0 评论 -
使用expres开发node.js应用
express是node.js中web开发的mvc开发框架,支持jade原创 2014-07-27 19:33:45 · 1143 阅读 · 0 评论 -
AngularJs第二章
英文原版免积分下载地址:http://download.csdn.net/detail/yangnianbing110/7695577翻译 2014-08-12 23:43:43 · 3251 阅读 · 0 评论 -
做一个自己的博客
十一月五号,2014年还有不到两个月的时间,目前在用友做crm不忙,每天五点下班,回到家六点钟,想写点什么,一直想做一个自己的博客,争取在这不到两个月的时间里面搭建起来。本着学习新技术的目的,不打算采用自己比较熟的java进行开发,决定用node.js+monjdb进行开发,前段使用bootstrap和angular。在搭建的过程中坚持记录,作为输出。原创 2014-11-08 12:10:19 · 692 阅读 · 0 评论 -
代码高亮工具
我们写博客的时候通常会贴一些代码在上面,对这些代码做高亮原创 2014-11-12 21:16:03 · 1005 阅读 · 0 评论 -
angular输出html
在用angular作为前端搭建个人博客的时候,发现用angularJs输出原创 2014-11-19 23:14:16 · 32168 阅读 · 3 评论 -
angular依赖注入
http://www.cooklife.cn/detail/54c33ea2c93620284e964b56#View使用过java进行开发的人肯定知道大名鼎鼎的spring框架,对于spring的IOC肯定也有所了解,通过配置文件定义好bean之后,如果需要使用这些bean,不需要自己去实例化,而是跟spring这个大容器去要就行了。我们的angular框架也实现了这种机制。原创 2015-01-24 14:42:38 · 1385 阅读 · 0 评论 -
angular $resource模块
http://www.cooklife.cn/detail/54c643a6c93620284e964b59#View上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful的服务单进行数据交互。安装ngResource模块是一个可选的angularjs模块,如果原创 2015-01-26 21:42:44 · 58079 阅读 · 0 评论 -
angular事件
http://www.cooklife.cn/detail/54c8f838ed5b52846b6bca41#View对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等。但是我们这里说的angular中的事件和DOM事件并不是一个东西。事件的发布我们可以通过$emit()以及$broadcast()来发布事件$emit(name,原创 2015-01-28 22:55:37 · 10749 阅读 · 0 评论 -
javascript实现图片隐写
什么是图片隐写? 发福利了,这是一张图片,这不仅仅是一张图片,如上图将一些信息隐藏在图片中的方式称之为图片隐写,但是有一点既然是隐写,那么肯定是悄悄的写, 图片还是原来的图片,只是里面隐藏了其他的信息。对于上面的图片,保存到本地之后,修改后缀名为.zip,然后用winrar打开,发现这是一个正常的压缩文件,里面包含了我们的福利信息。 这里讨论两种往图片内写入其他信息的方式,一种是在图片文件尾原创 2016-07-15 18:28:26 · 4512 阅读 · 0 评论