node 学习之路（1）- 安装

2014-09-15

1、在官网http://nodejs.org/选择下载对应系统的安装文件后启动命令行npm，出现

Error: ENOENT, stat ‘C:\Users\duti\AppData\Roaming\npm’错误，

解决办法：在对应文字新建npm文件夹就行，这是最新版node在win7中的错误

2、输入命令出现

npm ERR! install Couldn’t read dependencies
npm ERR! package.json ENOENT, open ‘C:\Users\duti\Desktop\2048\package.json’
npm ERR! package.json This is most likely not a problem with npm itself.
npm ERR! package.json npm can’t find a package.json file in your current directory.

npm ERR! System Windows_NT 6.1.7601
npm ERR! command “C:\nodejs\\node.exe” “C:\nodejs\node_modules\npm\bin\npm-cli.js” “install”
npm ERR! cwd C:\Users\duti\Desktop\2048
npm ERR! node -v v0.10.31
npm ERR! npm -v 1.4.23
npm ERR! path C:\Users\duti\Desktop\2048\package.json
npm ERR! code ENOPACKAGEJSON
npm ERR! errno 34
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! C:\Users\duti\Desktop\2048\npm-debug.log
npm ERR! not ok code 0

这是因为缺少package.json文件，这时候只要在项目根目录新建一个package.json文件，文件中包含安装的module和版本就行了

展开全文 >>

AngularJS 中文资料+工具+库+Demo 大搜集

2014-08-28

中文学习资料：

中文资料且成系统的就这么多，优酷上有个中文视频。

http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide

http://www.ituring.com.cn/minibook/303 翻译的官方的tutorial

http://www.lovelucy.info/angularjs-best-practices.html Angular最佳实践

http://zouyesheng.com/angular.html angularjs的学习笔记

http://www.sunzhongwei.com/angularjs.html 另一个网友的笔记

https://github.com/jmcunningham/AngularJS-Learning/blob/master/ZH-CN.md github上的一个资料整理

AngularJS体验式编程系列文章

2013年度最强AngularJS资源合集

工具：

AngularJS WebInspector Extension for Chrome

https://github.com/yeoman/generator-angular YeoMan的帮助创建angularjs APP

https://github.com/johnlindquist/angularjs-plugin 适合Idea、WebStorm等Intellij平台的IDE插件

https://github.com/angular-ui/AngularJS-sublime-package Angularjs的Sublime插件

more >>

展开全文 >>

css3学习之transitions

2014-08-13

css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。

transitions的兼容情况

css-transitions[/caption]

transitions的属性：

transition:  [ transition-property ||
               transition-duration ||
               transition-timing-function ||
               transition-delay ]

more >>

展开全文 >>

禁用 Google Fonts，加快 WordPress 打开速度

2014-07-30

最近google被墙，博客因为调用了google的font导致加载缓慢，检测速度为23s左右，所以上网搜了一下解决方法，解决办法如下

方法一：

//移除google fonts api
function remove_open_sans_from_wp_core() {
 // 移除 open-sans 字体
wp_deregister_style( 'open-sans' );
wp_register_style( 'open-sans', false );
wp_enqueue_style('open-sans','');
// 移除 bushwick-lato 字体
wp_deregister_style( 'bushwick-lato' );
wp_register_style( 'bushwick-lato', false );
wp_enqueue_style('bushwick-lato','');
}
add_action( 'init', 'remove_open_sans_from_wp_core' );

方法二：

add_filter( 'gettext_with_context', 'wpjam_disable_google_fonts', 888, 4);
function wpjam_disable_google_fonts($translations, $text, $context, $domain ) {
    $google_fonts_contexts = array('Open Sans font: on or off','Lato font: on or off','Source Sans Pro font: on or off','Bitter font: on or off');
    if( $text == 'on' && in_array($context, $google_fonts_contexts ) ){
        $translations = 'off';
    }

    return $translations;
}

方法三：

经检测，上述方法不太有效，所以楼主综合了一下网上的方法，总结出了第三个方法

more >>

展开全文 >>

css学习之css选择器（3）

2014-07-29

1、CSS :first-child Selector

版本：css2

用法：用于选择父级的第一个子元素

支持版本：

pc：ie7+、all chrome versions、all firefox versions、all safair versions、all opera versions

mobile：all ios safair versions、all opera mini versions、all Android Browser versions

eg：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>dsky</title>
<style id="jsbin-css">
p:first-child{background:#666;}
div p:first-child{background:#ddd;}
</style>
</head>
<body>
<p>body的第一个p</p>
<p>body的第二个p</p>
<div>
  <p>div的第一个p</p>
  <p>div的第二个p</p>
</div>
</body>
</html>

预览地址：http://jsbin.com/malik/1

more >>

展开全文 >>

css学习之css选择器（2）

2014-07-14

1、CSS [attribute] Selector

版本：css2

用法：用于选择具有指定属性的元素

支持版本：

pc：ie7+、all chrome versions、all firefox versions、all safair versions、all opera versions

mobile：all ios safair versions、all opera mini versions、all Android Browser versions

eg:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>CSS [attribute] Selector</title>
<style id="jsbin-css">
a[target]
{
background-color:yellow;
}
a[title]
{
  background-color:red;
}
</style>
</head>
<body>
  <a href="http://dsky.pw" title="">我没有target,我有title</a>
  <a href="http://dsky.pw" target="_blank">我有target，我没有title</a>
</body>
</html>

预览地址：http://jsbin.com/qiqoq/1

more >>

展开全文 >>