在AngularJS模块化和依赖注入的基础上,来分析模块加载的详细过程。以如下代码为例:
html
angular.module('MyModule', [])
.controller('ctrl', ['$scope', function($scope) {}]);
继续阅读 »
安装说明
系统环境:Linux Centos6.3_64
软件:nginx1.7.7
下载地址:http://nginx.org/en/download.html
源码安装
//首先下载nginx源文件
wget -c http://nginx.org/download/nginx-1.7.7.tar.gz
//确保系统安装了g++、gcc、openssl-devel、pcre-devel和zlib-devel软件
yum install gcc-c++
yum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel
//首先解压缩
tar -zxv
继续阅读 »
1. box-model
盒模型基本结构如图所示:
图片来源于http://www.w3.org/TR/2011/REC-CSS2-20110607/box.html
继续阅读 »
使用JSX
JSX类似于XML的语法,是对JavaScript的扩展,从而可以在JS中使用HTML类似的标签。具体介绍在JSX in Depth。
继续阅读 »
参考资料:
Creating Custom Directives
HTML Compiler
$compile
angularjs1.3.0源码解析之directive
继续阅读 »
content
{:toc}
起因
起因是这样的,在尝试前后端分离的这条道路上,我自己也在不断摸索,感觉要把大部分的坑都踩踩了。目前我用的技术是:
webpack 自动构建
AMD 模块化 js
Sass 预处理 CSS
使用前端模板引擎 handlebars 解决动态操作将 html 拼接在 js 中的问题
但最近写了一个项目类似知乎这样的多页网站。前端 url 的处理让我觉得不够优雅。我使用的是 hash 的方式处理动态 url 的,为此我专门在知乎上提了一个问题:前端如何处理动态url?
继续阅读 »
写在前面的话
公司一些项目已经使用了JMS相关的组件,我们的项目接下来可以在某些功能上也会使用此组件,公司其他项目使用的HornetQ,为了方便接下来项目的进展,前期对相关的JMS中间件进行技术了解。
前期准备
操作系统:ubuntu14.04 64位
ActiveMQ:5.9.1 下载地址:http://activemq.apache.org/download.html
JDK:1.7.0_55
继续阅读 »
不想多说什么,直接开始主题。
JDK安装与配置
JDK下载
打开你的浏览器,不管你是Chrome还是Firefox还是Edge还是Internet Explore,只要是个浏览器就打开。
打开这个地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html(JDK下载地址)
找到下面的地方,然后根据图片操作。
在这里根据自己系统的位数进行下载,比如我的系统是64位的就下载64位的安装包。
如果不知道怎么查看自己系统的位数,请查看这个链接:https://jingyan.baidu.com/article/0bc8
继续阅读 »
Jekyll 的语法高亮在 Jekyll 3.0 以上默认使用的是 Rouge,
如果使用的是 Jekyll 2, 需要在配置文件里面设置 highlighter 为 rouge,
并确保 rouge 被正确的安装了
[表示此方法我没成功]
另外, 就是使用 Pygments, 这个需要使用 Python 来安装
如果你不想麻烦, 可以直接使用我的这个 syntax.css,
这个就是最后使用 pygments 生成的默认的代码高亮 css 文件
把这个 syntax.css 放在 /assets/css/syntax.css
在 _include/head.html 或者你自己的通用头文件里面添加 link
htm
继续阅读 »
关于Hexo
Hexo是一款轻量级的HTML静态博客生成器,由Node.js编写,支持Markdown撰写,运行速度快,可以一键部署到Github Pages等托管网站,同时支持插件,可以通过编写插件支持更加丰富的功能。
安装Hexo
Hexo基于Node.js编写,安装Hexo之前,需要首先确保正确安装了Node.js、npm和Git(参见Node.js官网、Git官网),只要运行以下命令即可将Hexo安装到电脑中:
npm install hexo-cli -g
初始化
安装Hexo成功后,即可创建Hexo工程目录,执行以下命令:
hexo init demo
cd demo
npm install
创建
继续阅读 »