自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 javascript实现图片隐写

什么是图片隐写? 发福利了,这是一张图片,这不仅仅是一张图片,如上图将一些信息隐藏在图片中的方式称之为图片隐写,但是有一点既然是隐写,那么肯定是悄悄的写, 图片还是原来的图片,只是里面隐藏了其他的信息。对于上面的图片,保存到本地之后,修改后缀名为.zip,然后用winrar打开,发现这是一个正...

2016-07-15 18:28:26

阅读数 3432

评论数 0

原创 THREE.js—绘制弧线(SplineCurve3)

SplineCurve3通过一系列的点来创建一条平滑的曲线。var curve = new THREE.SplineCurve3([ new THREE.Vector3(-10, 10, 10); new THREE.Vector3(-5, 5, 5); new THREE...

2016-05-10 15:29:11

阅读数 10689

评论数 5

原创 光源(Light)

光源光是自然界中常见的现象,我们把正在发光的物体成为光源。与光相对立的是阴影,光被物体 遮挡住了便形成了阴影。根据光照的效果不同,THREE.js中抽象除了几种不同的光源。 聚光灯(THREE.SpotLight) 平行光源(THREE.DirectionalLight) 环境光源(THRE...

2016-05-10 14:21:18

阅读数 2634

评论数 0

原创 更新几何体(Geometry update)

基于性能的原因,改变几何体(Geometry)的某些属性不会引起浏览器对几何体(Geometry)的重新绘制。THREE.js会缓存一些 数据,例如几何体的顶点和面的信息,修改这些属性的时候需要通知THREE.js去更新几何体,这些几何体才能得到重新计算并更新。需要通知THREE.js更新的几何...

2016-05-04 22:48:46

阅读数 3609

评论数 0

原创 THREE.js-几何体(Geometry)

这里将Geometry理解为几何体不知道是否合适。前面的例子中我们用到过BoxGeometry来创建一个立方体。除了BoxGeometry之外Three.js还提供了很多拆箱即用的几何体,例如:圆形(CircleGeometry)、柱体(CylinderGeometry)、球体(SphereGeo...

2016-05-03 18:06:54

阅读数 22326

评论数 0

原创 THREE.js-照相机(Camera)

既然是透过相机来渲染场景,那么没有相机,我们也就什么看不到了。THREE.js中提供了Camera类对相机这个角色进行抽象话。相机将三维的场景投影到二维的屏幕,根据投影的方式不同,THREE.js中提供了几种不同类型的相机。正交投影与透视投影 我们先从上面的两种图来理解正交投影与透视投影,我...

2016-04-28 17:02:43

阅读数 26642

评论数 5

原创 THREE.js概述

THREE.js简介THREE.js可以这么理解three+js,three代表3维世界,js即javascript,这是一个让我们可以在浏览器中绘制3D效果的javascript库,通过webgl为html5 canvas提供硬件3D 加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里...

2016-04-28 11:09:59

阅读数 2292

评论数 0

原创 CSS-盒模型

概述css盒模型指定元素如何显示。页面的每个元素都是一个矩形区域,这个矩形区域包括元素的内容,内边距,边框以及外边距构成。内边距是内容边界和边框之间的区域,可以通过padding属性指定,边框是矩形区域的边界,可以由border属性进行配置,外边距则由是margin属性。.box{ bor...

2016-04-24 22:15:09

阅读数 1396

评论数 0

原创 html5 api

history api back() forward() go(index) pushState(stateObject, title, url) replaceState(stateObject, title, url) 监听history change events: pushState()...

2016-04-21 18:12:56

阅读数 1385

评论数 0

原创 DOM操作为什么慢?

DOM对象其实也是一个内存对象,为什么对DOM的操作这么慢? 其实是因为DOM操作会引起浏览器的render和paint操作, 而这两个操作比较耗时,所以造成对DOM操作比较慢。 关于render和paint的概念需要理解一下浏览器呈现一 个页面需要哪些操作。浏览器如何呈现一个页面 一个...

2016-04-20 16:54:02

阅读数 1573

评论数 0

原创 正则环视

环视环视只进行子表达式的匹配,不占有字符,匹配的内容不保存到匹配结果。环视的作用相当于对所在位置加了一个附加条件,只有满足了这个条件,环视子表达式才能匹配成功。 举个例子:/\d+(?=px)/ig用上面的正则去匹配1px,可以匹配成功,匹配到的结果是1。 但是如果用它去匹配1是匹配不成功的,...

2016-04-20 10:04:52

阅读数 1645

评论数 0

原创 Array.from()

javascript中Array类型给我们提供了很多的API,但是在javascript中还有这么一部分对象,例如函数中的arguments虽然和Array很像,有length属性,可以像数组一样用下标去获取元素,but它并不是数组,不能使用Array.push(),Array.pop()等数组类...

2016-04-06 23:53:20

阅读数 2545

评论数 0

原创 使用Qunit做javascript单元测试

使用Qunit做javascript单元测试 最近公司在搞敏捷开发,提倡拥抱变化,既然是变化,那就会出错咯,那怎么保证能及时发现代码中的错误呢?可以通过单元测试来保证代码执行的正确性,因此公司要求提交的代码必须有对应的单元测试,每次代码的提交都会跑一遍单元测试(服务端自动执行),也就是所谓的持续集...

2016-04-03 12:29:02

阅读数 1359

评论数 0

原创 postMessage和onMessage

html5中postMessage和onMessage的用法html5提供了postMessage和onMessage这一对方法来在不同的文档页或者不同的工作线程之间进行通信。在不同的文档页内通信什么叫做不同的文档页?如果一个页面上面嵌套了iframe,那么iframe和外层的页面属于两个不同的文...

2016-03-20 16:59:59

阅读数 6197

评论数 0

原创 js实现的一个lru缓存

把angularjs里面的一个lru缓存给拿出来了,完全照搬的 var slice = [].slice; var toString = Object.prototype.toString(); var getPrototypeOf = Object.getProt...

2015-08-11 23:23:21

阅读数 1545

评论数 0

原创 Canvas基本操作

canvas基本操作基本apiarc()Canvas绘图环境提供了arc()方法来绘制圆弧与圆形。arc()方法有六个参数,arc(x, y, radius, startAngle, endAngle, counterClockwise), * 前两个参数表示圆心的坐标, * 第三个参数表示园...

2015-06-24 22:32:07

阅读数 477

评论数 0

原创 Canvas绘图环境

canvas绘图环境元素canvas提供了一张画布,要想在这张画布上面作画,我们需要canvas绘图环境,通过环境我们可以在canvas元素上面绘制图形,文本,显示并修改图像。var context = canvas.getContext("2d");context是指向元素c...

2015-06-23 22:46:23

阅读数 985

评论数 0

原创 Canvas元素基本知识

canvas元素如果说到在网页中绘制图形以及动画,大部分人会想到flash,但是是要想在浏览器中运行flash的画,还必须装额外的插件,而且不是所有的浏览器都会支持flash。在html5中引入了标签canvas,让我们不用装任何其他的插件,就可以在实现html5的浏览器中实现图形绘制。Canva...

2015-06-18 21:02:04

阅读数 1115

评论数 0

原创 Object.observe()

Object.observe() 简介 This is an experimental technology, part of the Harmony (ECMAScript 7) proposal. Because this technology's specificati...

2015-05-26 22:58:58

阅读数 832

评论数 0

原创 linux基本命令备忘

命令man man命令用来访问存储在linux系统上的手册页面 用法man command 通常用户手册会将与该命令相关的信息分成几节 name:命令的名称和简介 synopsis:显示命令的格式 description:描述每个命令的选项 author:命令开发人员的信息 reporting b...

2015-05-12 22:23:28

阅读数 460

评论数 0

原创 d3.js画一个直方图

本文以及后面几篇文章会通过几个例子来熟悉d3.js的使用。 先上代码,后面细说 var height = 600; var width = 600; var dataset= [30,20,45,12,21,28,46,64,73,78,54]...

2015-04-26 22:46:01

阅读数 2351

评论数 0

原创 git add和git commit

http://www.cooklife.cn/detail/551946579218037076133139#View 提交文件到版本库中,需要两步操作: git addgit commit 为什么要将一个提交动作分为两部分呢? git中有一个暂存区的概念,执行gi...

2015-03-30 21:28:26

阅读数 631

评论数 0

原创 git checkout与git reset

http://www.cooklife.cn/detail/55194e16921803707613313a#View git reset用于撤销操作。  git reset [--hard | --mixed | --soft] []  --hard 会执行下图中操作123...

2015-03-30 21:24:51

阅读数 996

评论数 0

原创 git版本管理工具之版本管理

git是干嘛的? 版本管理工具是干嘛的?当然是管理同一个文件不同的版本的。那么版本是什么概念,对于一个文件,从新建到完成态,期间会经过很多个状态,有的时候我们希望保存这些中间状态,在需要的时候可以恢复到其中的某个状态,这个中间状态就是一个版本。 跟svn不同,svn中的版本号是一个自增长的数字...

2015-03-30 19:54:42

阅读数 510

评论数 0

原创 git版本管理工具

http://www.cooklife.cn/detail/5515674d9218037076133135#View git和svn的区别 以svn为代表的集中式版本控制系统,只有一个中央代码库,开发的时候需要先从中央代码库获取到最新的版本,然后开始干活,干完活之后提交到中央服务器。 而g...

2015-03-27 23:29:29

阅读数 573

评论数 0

原创 angular事件

http://www.cooklife.cn/detail/54c8f838ed5b52846b6bca41#View 对于一款前端框架,提起事件,很容易让人联想到DOM事件,比如说鼠标点击以及页面滚动等。但是我们这里说的angular中的事件和DOM事件并不是一个东西。 事件的发布 我们可...

2015-01-28 22:55:37

阅读数 10178

评论数 0

原创 angular $resource模块

http://www.cooklife.cn/detail/54c643a6c93620284e964b59#View 上一篇中讲到使用$http同服务器进行通信,但是功能上比较简单,angularjs还提供了另外一个可选的服务$resource,使用它可以非常方便的同支持restful...

2015-01-26 21:42:44

阅读数 57458

评论数 0

原创 angular通过$http与服务器通信

http://www.cooklife.cn/detail/54c5044ec93620284e964b58#View angular是一个前端框架,实现了可交互式的页面,但是对于一个web应用,页面上进行展示的数据从哪里来,肯定需要服务端进行支持,那么angular是如何同服务端进行交互...

2015-01-25 23:00:01

阅读数 34692

评论数 0

原创 angular服务

http://www.cooklife.cn/detail/54c36a3ac93620284e964b57#View angular的控制器同view绑定,当view不需要的时候控制器就会被销毁,因此控制器的作用域是同其绑定的视图一致的。 服务提供了一种在整个应用的生命周期内保存...

2015-01-25 13:00:34

阅读数 1251

评论数 0

原创 angular依赖注入

http://www.cooklife.cn/detail/54c33ea2c93620284e964b56#View 使用过java进行开发的人肯定知道大名鼎鼎的spring框架,对于spring的IOC肯定也有所了解,通过配置文件定义好bean之后,如果需要使用这些bean,...

2015-01-24 14:42:38

阅读数 1222

评论数 0

原创 angular指令

http://www.cooklife.cn/detail/54bfbbd2fc2d96d1341b w3c制定的html标准中,html的标签以及标签的属性值有限,不能满足一些特定化的需求,在angular中可以通过指令是对html中的标签以及标签属性做的一个扩展。 首先...

2015-01-24 13:23:14

阅读数 1015

评论数 0

原创 linux在如何让进程在后台运行

http://www.cooklife.cn/detail/54a66aea268aeafe034003b3#View 今天碰到这么一个问题,使用ssh客户端登陆了linux服务器,启动并运行服务之后如果关闭客户端与服务器的连接,这个时候运行于服务器上的服务也会被关闭,如何让命令提交之后...

2015-01-21 23:06:09

阅读数 1768

评论数 0

原创 angular内置过滤器以及自定义过滤器

http://www.cooklife.cn/detail/54831589899a81cc9330d1a9#View angular中的过滤器提供了linux中管道式处理数据的方式。 如何自定义一个过滤器 angular中创建自定义的过滤器需要放在自己的模块中,通过模块的fil...

2015-01-21 22:51:18

阅读数 4882

评论数 0

转载 如何支持github账号登录

转载自:http://www.cooklife.cn/detail/54bbc8d4fc2d96d1341b00c9#View 有些时候我们需要自己的网站支持第三方账号的登录,这里来讲讲如何让自己的网站支持github账号的支持。 1.在github上面建立一个应用对应自己需要接入的网站 首先...

2015-01-20 20:23:19

阅读数 21679

评论数 0

原创 angular输出html

在用angular作为前端搭建个人博客的时候,发现用angularJs输出

2014-11-19 23:14:16

阅读数 31256

评论数 3

原创 代码高亮工具

我们写博客的时候通常会贴一些代码在上面,对这些代码做高亮

2014-11-12 21:16:03

阅读数 747

评论数 0

原创 mongdb的安装与使用

node.js环境搞定了,接下来安装

2014-11-08 12:53:35

阅读数 642

评论数 0

原创 认识项目结构

之前就大概翻了一下node.js开发指南这本书,自己并没有真正的写过node.js的代码,这里回忆一下node.js的一些基础知识。 在blog项目下面主要有三个目录,public,routes以及views,public中存放的是一些css和图片等资源文件,views文件夹中存放在我们的页...

2014-11-08 12:23:49

阅读数 559

评论数 0

原创 搭建环境

node.js的安装,我的电脑win8系统,直接从官网下载一个安装包,同win系统中其他的软件一样,下一步直到安装完成。安装完成之后进入控制台node --version可以看到 这样node.js就算安装完成了。 如何使用node.js来进行web开发,这里我们使...

2014-11-08 12:19:59

阅读数 2025

评论数 0

原创 做一个自己的博客

十一月五号,2014年还有不到两个月的时间,目前在用友做crm不忙,每天五点下班,回到家六点钟,想写点什么,一直想做一个自己的博客,争取在这不到两个月的时间里面搭建起来。 本着学习新技术的目的,不打算采用自己比较熟的java进行开发,决定用node.js+monjdb进行开发,前段使用boo...

2014-11-08 12:10:19

阅读数 579

评论数 0

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