highlight.js是一款功能强大的代码高亮Javascript工具,支持162程序语言,自带74种高亮样式,支持自动侦测语言类型,几乎所有的markdown都支持highlight.js。Hexo在syntax-highlighting-with-highlightjs的基础上成功实现对代码行号的添加,并且做了一些优化和改进。
注:阅读本文需要一定的前端基础知识。
加载highlight.js
使用highlight.js非常简单,只需引入highlight.js的css及js(推荐在主题模板中作为全局css和js引入,引入的位置在之间)。
html
highlight.js有许多代码风格,我在这里使用的是git
继续阅读 »
用sea.js的preload去加载bootstrap和jquery,会经常出现
$ is not defined
more
大概如下配置的:
seajs.config({
base: '/static/js/modules/',
alias: {
'jquery' : 'jquery.js',
'bootstrap' : 'bootstrap/js/bootstrap.min.js'
},
preload : ['jquery', 'bootstrap'],
charset : 'utf-8'
})
继续阅读 »
JS
写了有半年多js 了, 一开始会耍耍jQuery, 现在倒是不太喜欢了。
原因有这些:
1 写 jQuery 并不能提升 js 水平
2 太重,我之前给女朋友写webapp,在chrome环境里运行挺好的,换到她的手机上效果极差
继续阅读 »
在涉及到有回调函数的情况下,回调函数可能是同步执行的,也可能是异步执行的。
例如:
```js
function callback() {
console.log('callback')
}
function syncFn(fn) {
fn()
}
function asyncFn(fn) {
setImmediate(fn)
}
```
当执行:
js
syncFn(callback)
console.log('hello world')
输出为:
js
// => callback
// => hello world
当执行:
js
asyncFn(callback)
console.log(
继续阅读 »
今天试了试Swift发在了微博上,和kee就说了一些。他是专攻IOS方面的,我就是闲来无聊找找其他语言的乐子。我就说让他准备关于Swift的资料。
想了想我也应该自己写一份关于js的资料了,PHP我虽然已经不是我的主力语言了,但后面也稍微写一些吧。
继续阅读 »
简介
D3.js(后面简称D3,官方首页https://d3js.org/)是基于JavaScript开发的一套用于数据可视化工具,项目开源在GitHub,项目排名靠前。它提供了很多API,如DOM(Document Object Model)的一些操作,绘制图形等。截止本文发表时间,D3已更新到v4,v4在v3的基础上,有了很大的改变(因为v3只支持通过svg和dom构图,所以v4在v3的基础上增加了对Canvas的支持以及API的修改),本文使用的版本为v3的API。
Hello World
html
D3.js Hello World
继续阅读 »
看完了《node.js入门》这本书,然后远成介绍看《node.js in action》,现在看到了第六章。
书在第二章的时候介绍了怎么写一个 chatroom ,里面也有完整的代码,这里就不再说了,你也可以来 这里 跑一下,看一下
继续阅读 »
买票
我是五月份买的票,那个时候穷得要死,然而还是挤出来了500块买票。
我知道可以买票的时候已经过了两个小时,所以早鸟票早就没有了。哎。
Day 1
早上七点十分闹钟起床,比平常上课都勤快。吃了个鸡蛋就跑去地铁了。
继续阅读 »
最近写了一道数组去重的题,手抖,紧张,没写好。后来写了一会儿觉得还挺有意义的。现在做一下记录
Test case
测试用例如下
import test from 'ava'
import unique from '../src/unique'
继续阅读 »
国内的互联网企业有许多开源项目,其中就包括前端的很多优秀框架,摘录如下:
网易
NEC
http://nec.netease.com/
网易员工开源的CSS框架,特别是整理出一套规范,很值得研究。
NEJ
http://nej.netease.com/
继续阅读 »