2014 年 5月随笔档案 - Joanna Qian

你需要知道的三个 CSS3技巧(转)

摘要：1. 在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性，在很多情况下都能帮你省去了以往需要Javascript处理的过程。要想使用这个功能，你需要用到三种元素：一个:befor... 阅读全文

posted @ 2014-05-29 22:43 Joanna Qian 阅读(263) 评论(0) 推荐(0)

CommonJS规范(转)

摘要：概述CommonJS是服务器端模块的规范，Node.js采用了这个规范。根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读取一个文件并执行，最后返回文件内部的exports对象。下面就是一个简单的模块文件example.js。console.log("ev... 阅读全文

posted @ 2014-05-28 04:16 Joanna Qian 阅读(421) 评论(0) 推荐(0)

使用Yeoman，Grunt和Bower开发AngularJS（译）

摘要：使用Yeoman产生AngularJS的主要骨架使用Grunt加速开发和帮助执行使用Bower来加入第三方插件和框架——third party plugins/frameworks一、准备工作安装好NodeJS和NPM（读者可自己去google）二、安装Yeoman, Grunt and Bower... 阅读全文

posted @ 2014-05-28 02:09 Joanna Qian 阅读(1538) 评论(0) 推荐(0)

HTML5的 2D SVG和SVG DOM的学习笔记（1）

摘要：（项目中要使用SVG，只好补充知识了）HTML体系中，最常用的绘制矢量图的技术是SVG和HTML5新增加的canvas元素。这两种技术都支持绘制矢量图和光栅图。一、SVG概述可缩放矢量图形(Scalable Vector Graphics，简称SVG)是一种使用XML来描述二维图形的语言(SVG... 阅读全文

posted @ 2014-05-24 03:05 Joanna Qian 阅读(2628) 评论(0) 推荐(0)

响应式设计中的响应式图片制作

摘要：两种方法实现响应式图片：在该两个标签中使用srcset和sizes属性，如：配合的css如下article{ margin: 0 auto; max-width: 700px; }@media (max-width: 500px) { img {width: 250px } }... 阅读全文

posted @ 2014-05-22 00:19 Joanna Qian 阅读(502) 评论(0) 推荐(0)

为 Node.js 开发者准备的 8 本免费在线电子书(转)

摘要：ode.js 是一套用来编写高性能网络服务器的JavaScript工具包，一系列的变化由此开始。比较独特的是，Node.js会假设你是在POSIX环境下运行它 Linux 或 Mac OS X。如果你是在Windows下，那就需要安装MinGW以获得一个仿POSIX的环境。在Node中，Http是首... 阅读全文

posted @ 2014-05-20 22:11 Joanna Qian 阅读(362) 评论(0) 推荐(0)

程序员/设计师能用上的 75 份速查表(转)

摘要：75 份速查表，由 vikas 收集整理，包括：jQuery、HTML、HTML5、CSS、CSS3、JavaScript、Photoshop、git、Linux、Java、Perl、PHP、Python、Ruby、Ruby on Rails、Scala、C#、SQLite、C++、C语言、Ubun... 阅读全文

posted @ 2014-05-13 22:16 Joanna Qian 阅读(536) 评论(0) 推荐(0)

JavaScript学习——判断数据类型总结(转)

摘要：一、JS中的数据类型 1.数值型（Number）：包括整数、浮点数。 2.布尔型（Boolean） 3.字符串型（String） 4.对象（Object） 5.数组（Array） 6.空值(Null) 7.未定义（Undefined）二、判断一个变量的数据类型1.数值型（... 阅读全文

posted @ 2014-05-12 23:08 Joanna Qian 阅读(305) 评论(0) 推荐(0)

用JavaScript操作Media Queries

摘要：在响应式（或自适应）设计中要用到Media Queries这个CSS属性，但在某些时候我们需要对Media Queries进行动态操作，这时候可以使用Javascript。如以下Media Queries的代码：@media all and (max-width: 700px) { body ... 阅读全文

posted @ 2014-05-09 00:31 Joanna Qian 阅读(467) 评论(0) 推荐(0)

Jquery操作select小结

摘要：每次操作select都要查资料，干脆总结一下。为select设置placeholder为Select添加事件，当选择其中一项时触发$("#select_id").change(function(){ //code...});jQuery获取Select选择的Text和Value:var che... 阅读全文

posted @ 2014-05-08 02:49 Joanna Qian 阅读(650) 评论(0) 推荐(0)

详解Jquery和AngularJs，Servlet中jsonp解决跨域问题(转)

摘要：众所周知，jsonp可以解决跨域问题，下面是我在查阅资料和实际项目使用后的一些总结。Jquery中jsonp的使用//myUrl = "http://localhost:8090/api/test";$.ajax({ type:"GET", url:myUrl, dataType:"jsonp... 阅读全文

posted @ 2014-05-07 00:50 Joanna Qian 阅读(830) 评论(0) 推荐(0)

AngularJS开发经验(转)

摘要：AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。一、AngularJS 中的精美特性双向绑定上面的例子已经说明了，我们可以像... 阅读全文

posted @ 2014-05-06 00:24 Joanna Qian 阅读(446) 评论(0) 推荐(0)

Play framework logging设置

摘要：play的logger是基于Log4j，Play 2.0 uses logback as its logging engine.一、配置1. 在conf/application.conf中设置logger的级别// Logger// ~~~~~~~~~~~~~~~~~~~~~~~~~// You c... 阅读全文

posted @ 2014-05-03 01:57 Joanna Qian 阅读(2958) 评论(0) 推荐(0)

《Pro AngularJS》学习小结-02

摘要：上一篇的项目只有一个单独的模板页面，加入了相应的controller，filter，使得页面上的数据能够动态的变化。现在我们开始建立并整合多个模板，加入购物车模块和结账checkout模块。一、在页面中处理Ajax的错误在storesSport.js中我们已经有了在申请Ajax请求错误时候的处理代码... 阅读全文

posted @ 2014-05-02 22:35 Joanna Qian 阅读(660) 评论(5) 推荐(0)

《Pro AngularJS》学习小结-01

摘要：《Pro AngularJS》该书以一个SportsStore案例为主线铺开。一、开发环境设置该书中所用的数据库data server开发环境是Deployed，从来没听说过，而且作者也说该数据库data server没什么人用，我干脆弃用之。其他的环境包括NodeJS——这个必须装karma——测... 阅读全文

posted @ 2014-05-02 04:02 Joanna Qian 阅读(988) 评论(0) 推荐(0)