自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(40)
  • 收藏
  • 关注

转载 简单配置,让ES6脚本在浏览器里飞

如果你只是想学习ES6语法,找个地方练习下写法。不想看环境如何搭配,就想简单的学习,那有两种简单的方式。1、在Chrome浏览器里直接F12调出控制台2、在浏览器里跑引用ES6的HTML页面babel-standalone是一个在非Node环境的Babel独立编译,这个非Node环境包括浏览器。可以去 babel-standalone Github详细了解...

2017-04-26 16:01:00 111

转载 Mastering Web Application Development with AngularJS 读书笔记(三)

第一章笔记(三)一、Factoriesfactory 方法是创建对象的另一种方式,与service相比更灵活,因为可以注册可任何任意对象创造功能。例如:myMod.factory('notificationsService',function(notificationsArchive){ var MAX_LEN = 10; var notifications =...

2015-05-09 23:00:00 107

转载 Mastering Web Application Development with AngularJS 读书笔记(二)

第一章笔记(二)一、scopes的层级和事件系统(the eventing system)在层级中管理的scopes可以被用做事件总线。AngularJS 允许我们去传播已经命名的事件用一种有效负荷通过scopes的层级。一个事件可以从任何一个scope被传播,并且可以向上($emit)或者向下($broadcast)传送。AngularJS核心服务和指...

2015-05-09 22:55:00 105

转载 Mastering Web Application Development with AngularJS 读书笔记(一)

第一章笔记(一)一、PS:运行时配置IIS<html> <head> <script src="angular.js"></script> </head> <body ng-app ng-init="name = 'World'"> ...

2015-05-09 22:49:00 75

转载 Mastering Web Application Development with AngularJS 读书笔记-前记

学习AngularJS的笔记,这个是英文版的,有些地方翻译的很随意,做的笔记不是很详细,用来自勉。觉得写下来要比看能理解的更深入点。有理解不对的地方还请前辈们纠正!一、关于《Mastering Web Application Development with AngularJS》的pdf和书中示例代码下载:百度网盘-Mastering Web Application Devel...

2015-05-09 22:29:00 90

转载 通过信息系统项目管理师-我的备考经验

时光真的是如一把杀猪刀,又一年华逝去。一些事情开始一些事情落幕,无从感慨。新的一年即将来临,在如此特别的日子,发放点福利?!额,或者说我终于动手写出来了,希望对正在备考的朋友有所帮助。去年参加了两次考试,幸得眷顾都顺利的过了,哦,上帝这么眷顾我估计是倒霉太久了 - -! 分享一下考试心得,只是供大家参考。因为对论文的恐惧,最后我还是报班,就是上次提到的,就不重复了,免得又说我...

2015-02-15 00:22:00 104

转载 通过系统集成项目管理工程师考试-我的备考分享

软考结束已经两个月了,我顺利的通过了考试,晒下成绩单~~下午考得差,原自于对该科内容错误判断,分配时间错误。险过!从对这个考试的完全不了解,到最后通过考试,我想分享下自己过去两个多月的备考过程,希望对准备考试的朋友有所帮助。每个人都有不同的做事处理问题的习惯。软考最大的吸引力,最初对我而言是听过可以挂靠赚钱,不要鄙视我哦!当我立马报名订书之后,才知道现行政策挂靠是有点不易啦。...

2014-08-06 22:21:00 183

转载 即将翻译 Building The New Financial Times Web App

《金融时报》这份Web APP 经验的总结,写得非常详细,也提到Web APP制作中常遇到的问题。为么他们就没有点透Bug - -!Building The New Financial Times Web App (A Case Study)先记录下,未来几天就翻译这篇文章。转载于:https://www.cnblogs.com/yixiaoheng/p/buildin...

2014-04-22 22:34:00 90

转载 CSS3:flex布局应用

想把先前的整理的东西贴出来,怎奈总是有额外事情发生,额,教训电脑要离水杯远点~~ 推荐一本书,《编写可维护的Javascript》这是Nicbolas C.Zakas写的,他的《Javascript高级程序设计》我先前推荐过,这个作者非常优秀,五年就成了Yahoo首席前端工程师,出的书都是精品,想比之下,真是很惭愧!《编写可维护的Javascript》是13年的书,对比这本书再回头想想自...

2014-04-22 22:26:00 63

转载 前端性能利器——dynatrace ajax edition

因为最近的工作跟性能分析有关系,所以写个小总结。顺带推荐两个我常用的小工具:1、文件对比工具beyond compare,非常好用,对比、修改很简单。当然我只是用的试用版本。google一下官网下载2、绿色版本 FastStone Capture,做视频、截图、取距离、取色,非常非常的方便,配合PS,检查页面元素对齐,绝对一利器!如果你比较懒的话,可以来这下载百度网盘...

2014-03-30 23:25:00 423

转载 再读<<基于MVC的JavaScript Web 富应用开发>>

  工作的时候粗读过这本书的几章内容,真真是囫囵吞枣~~目前手边就剩这一本,重新读才觉得先前是没看明白啊!这个作者博闻强识,对这些插件、库了解的非常多。记录下,查的资料订阅/发布jQuery Tiny Pub/Sub书中提及的库更新到这了MDC ApplyFunction.prototype.apply()Simple JavaScript Inheritance书...

2014-03-05 12:19:00 66

转载 琐事一二三

  自感先前知识有多遗忘,所以暂时停笔,不看新东西,只是温习先前的知识,基础扎实才可高屋建瓴。貌似,ExtJS系列看的人逐渐多了~,我自己用的时候也慢慢入状态了,不过可惜很长时间会用不到这个库,所以目前不会继续写了。转载于:https://www.cnblogs.com/yixiaoheng/p/others-0.html...

2014-02-27 07:58:00 50

转载 ExtJS学习之路第八步:Window组件

  一个专门Panel用作程序窗口。默认的,Window可以是浮动的(floated)、可缩放(resizable)以及可拖动的(draggable)。Window能够被最大化适应可视窗口,(restored)恢复到先前的大小以及可以最小化。Window也可以被链接到一个Ext.ZIndexManager或者由Ext.WindowManager来提供分组(grouping)、活动(act...

2014-02-21 23:20:00 94

转载 ExtJS学习之路第七步:contentEl与renderTo的区别

上回在Panel的应用中我们应该能大致区分开conteEl和renderTo,这回我们从定义中区分。在Panel的API中,contentEl:String指定一个现有的HTML元素或者id作为此组件的内容。这个config选项是用来利用现有的HTML元素,并将其放置在一个新的组件的布局元素(它只是将指定的DOM元素移动到,已经被渲染的组件之中当内容使用)注意:在其他配置的HTM...

2014-02-21 21:28:00 133

转载 ExtJS学习之路第六步:深入讨论组件Panel用法

Panel加载页面 var myPanel=Ext.create('Ext.panel.Panel',{ bodyPadding: "15px 10px 0 10px", title:'目标', width:300, height:220, html:'<p>好好学习,天天向上...

2014-02-21 20:58:00 131

转载 ExtJS学习之路第五步:认识最常见组件Panel

文档中描述  Panel(面板)是一个容器,它具有特定的功能和结构部件,这使它成为面向应用用户界面的完美基石。面板,继承自Ext.container.Container,能够配置布局以及子组件(Child Components)。当向Panel中添加指定的子项(Child Items)或者动态的添加组件时,记得要考虑如何排版Panel中的子元素,这些子元素是否需要Ext内建Layou...

2014-02-21 17:06:00 96

转载 ExtJS学习之路第四步:看源码,实战MessageBox

可以通过看MessageBox.js的源码来深入认识,记住它的主要用法。Ext.MessageBox是实用类,用于生成不同风格的消息框,它是Singleton(单例),别名Ext.Msg。注意MessageBox是异步的,不同于一般的Javascript'alert'(它将停止浏览器的执行),显示一个MessageBox不会导致代码停止。出于这个原因,如果你有代码应该只运行在Messag...

2014-02-19 23:02:00 101

转载 ExtJS学习之路第三步:理解引擎之下,ExtJS4中的类

写写就发现,有些代码不查查源头,不明白是怎么回事?搜到这篇文章觉得还是收益匪浅,更容易读懂代码。Classes in Ext JS 4: Under the hoodCountdown to Ext JS 4: Dynamic Loading and New Class System[官网]整理如下:简单回顾一下,新的Class System (类系统),使我们能够这样定...

2014-02-19 20:25:00 81

转载 ExtJS学习之路第二步:Ext.Component 和 Ext.dom.Element 的区别

让我们来初步的探讨下Ext.Component和Ext.Element的区别。jQuery偏重于DOM元素的操作1、每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页面的内容,正是通过使用脚本语言来操作DOM对象实现。通常使用getElementById/Ext.getDOM获得DOM对象举例:<div id="...

2014-02-18 20:30:00 91

转载 ExtJS学习之路第一步:对比jQuery,认识ExtJS

最近纷杂的事情比较多了,奔波ing!所以,Node.js 和Canvas动画系列都停止了,等稳定了再重拾书本继续学习!因为某种原因最近在看ExtJS,分享下学习的心得,希望对同道中人有所帮助。第一用ExtJS的时候还是比较震撼的,这个颜色这些控件经常看到有没有?!先前用过Drupal,觉得二者有某种相似性,Container,Panel,Layout某些概念上,只不过Drupal是操...

2014-02-18 12:51:00 109

转载 菜鸟学习Spring Web MVC之二

有文章从结构上详细讲解了Spring Web MVC,我个菜鸟就不引据来讲了。说说强悍的XP环境如何配置运行环境~~最后我配好的环境Tomcat、Spring Tool Suites、Maven目前就是这样的啦!如何安装Tomcat?先安装JDK!一、安装JDK,并配置环境变量先前Phonegap的时候,已经安装好JDK了,如何查安装的位置?可以在控制面板->Jav...

2014-02-10 01:54:00 56

转载 菜鸟学习Spring Web MVC之一

---恢复内容开始---  当当当!!沉寂两日,学习Spring Web MVC去了。吐槽:近日跟同行探讨了下,前端攻城师,左肩担着设计师绘图,右肩担着JAVA代码?!我虽设计过UI,但这只算是PS技巧+偶尔的灵感,真正的设计师是讲创意、实用和美学的吧!呃,认为只有高手才懂得JAVA~~现在要努力做前端中设计好的,设计中懂得JAVA的?不错的方向吧,嘿嘿^^只要付出肯定有点收获!好吧...

2014-02-10 00:28:00 84

转载 Internet Explorer 6 的15个讨厌的bug和简单的解决方法

关于bug更全的,我推荐去这个网站hasLayout,整理的非常全!三年前就看了,最近手生,又翻出来看看~~虽然上面有很多bug讲解,但是我觉得目前用的比较多或者说是常见的应该属下面这篇文章,15 annoying Internet Explorer 6 bugs + simple solutions,我翻译了一下与大家共分享!写代码的时候,自己习惯的避过不这样,久了也不记得原因了,这次...

2014-02-04 13:05:00 83

转载 前端遇到的跨域问题及解决方案二

解决不同域之间JS交互问题,有这么几种方法。FIM – Fragment Identitier Messaging不同的域之间,JavaScript只能做很有限的访问和操作,其实我们利用这些有限的访问权限就可以达到跨域通信的目的了。FIM (Fragment Identitier Messaging)就是在这个大前提下被发明的。父窗口可以对iframe进行URL读写,iframe...

2014-02-03 17:00:00 127

转载 前端遇到的跨域问题及解决方案一

《JavaScript 高级程序设计》一直断断续续的看这本书,有些地方看了三四遍,有些地方一遍也没有看过。这本书真心是非常不错的书,再随着google些资料,还是受益很多的。昨睡不着,翻了下看看跨域,今又认真搜了下,有跟先前不一样的体会了。工作中遇到的跨域,比如说iframe引用某某盛典的页面,你是没有办法设置高度的~~有嵌套iframe的方法获取高度,但是对方这个页面不是你一家用的,你...

2014-02-02 22:58:00 119

转载 第六 添加文字

Canvas支持基本文字渲染在线基准上。只需要输入一个文字和点坐标,fillText("text", x, y) 或是strokeText("text", x, y)。文字用当前的描边或填充样式渲染,可以是颜色,渐变或者图案。你可以指定文字的设置,如font family, size, and weight, and the text alignment and baseline....

2014-01-22 23:33:00 72

转载 第五章、使用预绘制图片

你可以添加预先绘制的图像到画布上,如果gif,jpeg,png,svg或者视频的当前帧。默认情况,这样的图片会按照它原本的大小绘制,超过了canvas的部分会被裁剪。但是,你可以指定高度和宽度在其中显示图像,或者图像绘制区域来绘制。你可以用img元素,视频元素,或其他canvas元素做图像源。如果你的image是一个html元素,通过getElementById 把它变成一个java...

2014-01-22 23:29:00 68

转载 第四、渐变和图案

当你描边或者填充的时候,你用当前的描边或者填充样式。而这可以被设定为一个颜色,一个团或者是渐变。渐变渐变指定起始颜色,结束颜色,以及颜色变换的区域。一个单一的渐变包含一个以上的颜色变化。二位画布上绘图上下文支持两种渐变类型:线性 linear和径向 radial。线性渐变线性渐变定义两点之间颜色沿着一条线变化。 var grad = ctx.createLinear...

2014-01-22 23:27:00 97

转载 第三 画曲线

贝塞尔或者二次方程曲线如果我们需绘制更加复杂的曲线路径,我们或许该用到贝塞尔或者二次方程曲线。bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)quadraticCurveTo(cp1x, cp1y, x, y)两种曲线有何区别?我们可以参看下面这张图,2种曲线都有一个起点和终点(blue point),但是贝塞尔曲线仅有一个“cont...

2014-01-22 23:20:00 60

转载 第二、画线和路径

2d上下文对画矩形,线,曲线,弧线和圆有很多方法。1、 线,曲线和弧线能够在端点链接形成路径。路径可以闭合形成复杂的形状。2、 形状可以沿外边线描边或者是填充3、 你可以设置线和描边的厚度4、 描边和填充可以设置颜色、图案或者是渐变。设置描边和填充样式context.strokeStyle = "black";context.fillStyle = "...

2014-01-22 23:09:00 85

转载 第一、介绍Canvas

canvas能做什么?canvas是HTML5中的新元素,你可以使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。它也可用于创建图片特效和动画。如果你掌握了完整的命令,你可以用canvas创建丰富的web应用程序。如果你想很好的使用canvas,你首先应该很好的掌握javascript。canvas标签<canvas width="400" heig...

2014-01-22 23:00:00 52

转载 JavaScript的单线程性质以及定时器的工作原理

前些日子还在网上争论过js动画用setTimeout还是setInterval,个人偏向于setTimeout,当动画中牵扯到ajax时用setInterval会有时间偏差,出现一些问题即使用clearInterval也失效。ok,从基础层面上,对于动画我们要先了解定时器和js的单线程。关于定时器我推荐How JavaScript Timers Work,这篇文章讲解的有深度,你会对...

2014-01-22 22:02:00 74

转载 用Canvas做动画

之前看过不少HTML5动画的书,讲解的是如何去做,对于其中的数学原理讲解的不详细,常有困惑。最近看的《HTML5+JavaScript 动画基础》这个是译本,Keith Peters曾写过《Foundation ActionScript Animation》其中的数学原理被不少人转载引用,学习过AS的对这本书应该有了解。基于此,才有的这本书,HTML5版本的动画原理。哈哈,庆幸我是数学出...

2014-01-22 21:33:00 67

转载 jQuery中Animate进阶用法(三)

progressType: Function( Promise animation, Number progress, Number remainingMs )每一步动画完成后调用的一个函数,无论动画属性有多少,每个动画元素都执行单独的函数。(version added: 1.8)Number progress表示当前动画进展程度0~1 Number remainingMs 就是变...

2014-01-05 23:09:00 75

转载 jQuery中Animate进阶用法(二)

StepType: Function( Number now, Tween tween )每个动画元素的每个动画属性将调用的函数。这个函数为修改Tween 对象提供了一个机会来改变设置中得属性值。这个是如此的模糊,让我们看下实例吧!var k=0; $( ".block:first" ).animate( { left:...

2014-01-05 22:54:00 82

转载 jQuery中Animate进阶用法(一)

jQuery中animate的用法你了解多少呢?如果仅仅是简单的移动位置,显示隐藏,哦!天哪你在浪费资源!因为animate太强大了,你可以有很多意想不到的用法!让我们一起研究一下吧~~首先要了解jQuery API中animate的详细用法。animate( properties [, duration ] [, easing ] [, complete ] )返回jQue...

2014-01-05 08:05:00 139

转载 初步揭秘node.js中的事件

当你学习node.js的时候,Events是一个非常重要的需要理解的事情。非常多的Node对象触发事件,你能在文档API中找到很多例子。但是关于如何写自己的事件和监听,你可能还不太清楚。如果你不了解,你很快就会碰壁。那么我们如何写自己的事件和监听呢?首先而且重要的是,你要了解node.js中的events模块。事件发布/订阅模式事件监听器模式是一种广泛应用于一步变成的模式,是回调函...

2014-01-04 22:06:00 44

转载 让我们一起学习《Node.js入门》一书吧!

Node.js入门读完本书之后,你将完成一个完整的web应用,该应用允许用户浏览页面以及上传文件。里面对一些知识的讲解,让你略窥Node.js的门径。最好一段代码一段代码的写下来,我的习惯是手里拿着笔,边写重点的词,边思索,再敲敲代码。一天到两天你能看完这本书,我看过一遍了,计划再寻摸一遍。有问题大家可以一起探讨。四个文件在同一个目录下启动cmd窗口:输入 n...

2014-01-04 20:10:00 56

转载 Windows环境下 Node和NPM个性安装

常拿自己的电脑常用来测试各种Bug,所以始终奋斗在XP、IE6的环境下。让我们在如此级别的环境下,开始Node之路吧~~在过去,Node.js一直不支持在Windows平台下原生编译,需要借助Cygwin或MinGW来模拟POSIX系统,才能编译安装。如果学的早,可能会体会比较深刻啊!幸运的是2011年6月微软开始与Joyent合作移植Node.js到Windows平台上(htt...

2014-01-04 20:06:00 40

转载 Node.js 究竟是什么

简而言之,Node.js是一个“编码就绪”服务器。Node是一个服务器端的JavaScript解释器,它将改变服务器如何工作的概念。是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同事连接到一个物理机的连接代码。一、Node旨在解决什么问题?当前的服务器程序有什么问题?我们来做个数学题。在 Java™和 PHP 这类语言中,每个连接都会生成一个新线程,每个新线程可能需要...

2014-01-04 20:03:00 75

空空如也

空空如也

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

TA关注的人

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