1 区分 ECMAScript/JS/NodeJs --ECMAScript.定义了语法,写JS和NodeJS都要遵守: 变量定义,循环/判断/函数: 原型和原形链/作用域和闭包/异步 不能操作DOM 不能监听click事件,不能发送ajax请求,不能处理http请求,不能操作文件. 总之,只有ECMAScript 几乎做不了任何实际项目. -- JS .使用了 ECMAScript 语法规范,外加 WebAPI 缺一不可. 包含DOM操作 BOM操作 事件绑定 AJAX等 两个结合在能完成浏览

hexo是一款基于Node.js的静态博客框架.目前在GitHub上已有1375 star 和 219 fork. 特性 风一般的速度 Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成. 流畅的撰写 支持GitHub Flavored Markdown和所有Octopress的插件. 扩展性 Hexo支持EJS.Swig和Stylus.通过插件支持Haml.Jade和Less. 快速入门 安装 前提是必须先安装 Node.js,至于怎么安装自己 Google 吧 若是重装过系统或者

前言:这是一篇教你如何在阿里云的ECS CentOS 7服务器上搭建一个个人博客的教程,教程比较基础,笔者尽可能比较详细的把每一步都罗列下来,包括所需软件的下载安装和域名的绑定,笔者在此之前对Linux系统也是了解甚少,通过这个过程,自感学到很多东西,我喜欢用文字整理并且分享,也希望因此交到更多的朋友,可能以下教程存在很多描述不清或者措辞不当的地方,还请资深人士给予指出.即使你是小白,也没关系,一步一步按照教程来,可能会遇到一些困难,多百度一下,或者跟我交流,都OK的.在教程之前,你需要对整个流

一个博客应当具备哪些功能? 前台展示 点击下一页,可以点击分类导航. 可以点击进入到具体博文页面 下方允许评论.显示发表时间.允许留言分页. 右侧有登录注册界面. 后台管理 管理员账号:登陆后看到页面不一样,有后台页面. 允许添加新的分类.从后台添加新的文章. 编辑允许markdown写法. 评论管理. 安装模块 Express 一个简洁灵活的node.js WEB应用框架,提供一系列强大的特性帮助我们创建web应用. Mongodb 用于保存产生的数据 第三方模块和中间件: bodyParse

这个项目最初其实是fork别人的项目.当初想接触下mongodb数据库,找个例子学习下,后来改着改着就面目全非了.后台和数据库重构,前端增加了登录注册功能,仅保留了博客设置页面,但是也优化了. 一.功能特点 一个基本的博客内容管理器功能,如发布并管理文章等 每个用户可以通过注册拥有自己的博客 支持markdown语法编辑 支持代码高亮 可以管理博客页面的链接 博客页面对移动端适配优化 账户管理(修改密码) 页面足够大气.酷炫嘿 二.用到的技术和实现思路: 2.1 前端:Vue全家桶 Vue.js

数据库设计 用户表: id phone password nickname head_img personal_sign level_id create_time update_time is_del id 手机号 密码 昵称 头像 个性签名 头衔 创建时间 修改时间 是否删除 个人信息表: id user_id original_count week_count total_count access_count history_count integral_count fans_count p

Express: https://github.com/petecoop/generator-express 安装node.js和npm 执行: npm install -g yo npm install -g generator-express 执行:yo 创建项目成功. 项目的目录: brew安装:MongoDb http://blog.csdn.net/moumaobuchiyu/article/details/54885306 http://www.cnblogs.com/junqili

app.js // 内置http模块,提供了http服务器和客户端功能 var http=require("http"); // 内置文件处理模块 var fs=require('fs'); // 创建一个将流数据写入文件的WriteStream对象 var outstream=fs.createWriteStream('./list.html'); // 存储文章标题的数组 var titles=[]; // 请求参数JSON var options={ hostname:'www.

1. 安装yoman :npm install -g yo 2. 安装 generator-express :npm install -g generator-express 3. 安装 bower :npm install -g bower 前三项都是各种工具的安装,安装失败往往都是版本不兼容导致的.一般可以通过更新解决问题.

使用 Hexo 在 GitHub 上建立博客 # 写在前面 其实我在一月份的就开始写了三篇博客文章,你没有看错,只是写了三篇,然后,就没有然后了.我还在其中一篇文章中写着,不知道自己能够坚持多久.事实是,为大约坚持了两天.于是,就停止了更新.这真的很让人汗颜.不过,现在想想.之前所用的框架可能确实也不如这个方便.之前用的是 jekyll ,其实就是通过 GitHub 自己生成静态页面.但是总是需要在提交代码后更新 gh-Pages .感觉有点麻烦.而且有时候还是会有延时才能生成.总是感觉不那么痛

传送门: 5分钟 0元搭建个人独立博客网站(一):https://mp.weixin.qq.com/s/69isJE191WV2gaVbjrwTtw 5分钟 0元搭建个人独立博客网站(二):https://mp.weixin.qq.com/s/JFhh5zU4cI26-NlOlApncA hexo 中文官方文档:https://hexo.io/zh-cn/docs/setup.html 步骤概览: 申请 Github Pages(略): 使用 hexo 初始化项目; 修改 google cdn

没时间写博客,又觉得这篇很不错,或许以后能用到,只能copy与点赞: Javascript模块化编程(三):require.js的用法   作者: 阮一峰 日期: 2012年11月 7日 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够

1. 建立工程 进入工程目录 cd D:\workspace\project 全局安装express,express作为命令被安装到了系统中 npm install -g express 查看express版本 express -V 3.2.2 使用express命令创建工程,并支持ejs D:\workspace\project>express -e nodejs-demo create : nodejs-demo create : nodejs-demo/package.json creat

动态显示目录的作用 不用每次写博客的时候繁琐的人工整理目录,又可以动态浮动在右下角,方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解. 实现原理 首先根据个人喜好,我习惯了用 h1 来做分类.所以本篇内容也主要是针对h1来提取目录. 如何提取出来h1呢? 先来看这张图,以猎豹浏览器为例: 首先在博客内容第一行点击鼠标右键,然后选择检查.这时会弹出右边的框,直接定位到我的h1标签,就这么简单的找到了它的父级 cnblogs_post_body . 然后使用 jquery 选择器

昨天刚申请成功JS权限,心血来潮想添加点东西,记得之前看到别人家博客首页点击鼠标的时候会出现炫酷的 “小心心”,自己也来搞一个.没有用jquery啥的框架,原生js写起来麻烦了点,不过主要是怕博客首页加载不进去jquery所以先这么着试试,意料之中没有问题. 毕竟刚开始给自己博客添加JS才疏学浅,有更好的方法添加更炫酷的动态效果可以分享给我呀.有大神给指点指点那就更多谢啦.欢迎指正错误~ 效果如下: 话不多说了,先添加css代码,主要是用来画“小心心”的: body {position: rel

通过Node.js创建一个web服务器,要写的代码可能不是最少的,但是一定是最容易理解的. 用6行代码创建的web服务器 当在浏览器中访问http://127.0.0.1:1337会看到自定义的字样 Node.js var http=require('http');//require引用内置模块http http.createServer(function(req,res){ res.writeHead(,{'Content-Type':'text/path'});//设置头信息 res.end

前几天在一个博客中看到有一个打赏功能.其实简单说来就是在页面中加入动态DOM节点,使用的也是简单的HTML.CSS.JS这些前端的一些简单知识.在GitHub上有开源的代码,这里稍加改造就可以用在自己的博客中了. 最简单的使用方式是在页面中加入如下JS代码: <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 1, buttonTip: "z

今天颓了一会,用JavaScript给我的博客园博客写了一个页面背景随滚动而渐变的效果,做完之后自我感觉良好-- 下面就以我的博客园博客为例,介绍一下如何制作这个效果! 准备 [x] 申请博客园的JS权限(如果你也想把它用在自己的博客园上) [x] 可能需要一些JS的基础知识(你可以打开w3school,然后就当自己准备好了) [x] 可能需要一些CSS基础知识(你需要知道颜色是怎样用16进制表示的) --当然,你也可以复制下面的代码然后走人-- 注意:如果你想要用在自己的博客园上,请注意博客园

一.建立简单的Web服务器涉及到Node.js的一些基本知识点: 1.请求模块 在Node.js中,系统提供了许多有用的模块(当然你也可以用JavaScript编写自己的模块,以后的章节我们将详细讲解),如http.url等.模块封装特定的功能,提供相应的方法或属性,要使用这些模块,需要先请求模块获得其操作对象. 例如要使用系统的http模块,可以这样写: var libHttp = require('http'); //请求HTTP协议模块 这样,以后的程序将可以通过变量libHttp访问ht

0.前言 当我们写博客或者文档的时候常常需要引用图片.倘或引用图片的链接是外网的,常常会出现加载过慢的情况,并且不稳定的图片来源不方便管理.所以如果建立一个博客专用的图片仓库,统一管理维护方面就方便得多,更重要的是链接不会失效,能对图片来源进行最大程度的把控. 1.在Github上创建一个新的repository 2通过Git把图片文件发布到Github新仓库上 3.打开仓库目录中的图片 4.点击"Download"按钮即可在地址栏上获取图片地址 有了个人的图片仓库之后,用Markdo

我本打算信心满满的做个vue+ts做个博客的,其实架构搭的差不多了,但是我在用vuex的时候发现一个自己无法忍受的瑕疵,那就是在用vuex的时候,得利于普通版vuex的map语法糖实在太好用,这把我惯出了许些脾气,这也是我坚定选择vue的原因. ts版: import { Module, VuexModule, Mutation, Action } from 'vuex-module-decorators' @Module({ namespaced: true, stateFactory: tr