CSS类名推荐
CSS样式命名
说明
网页公共命名
#wrapper
页面外围控制整体布局宽度
#container或#content
容器,用于最外层
#layout
布局
#head, #header
页头部分
#foot, #footer
页脚部分
#nav
主导航
#subnav
二级导航
#menu
菜单
#submenu
子菜单
#sideBar
侧栏
#sidebar_a, #sidebar_b
左边栏或右边栏
#main
页面主体
#tag
标签
#msg #message
提示信息
#tips
小技巧
#vote
投票
#friendlink
友情连接
#title
标题
#summary
摘要
#loginbar
登录条
#searchInput
搜索输入框
#hot
热门热点
#search
搜索
#search_output
搜索输出和搜索结果相似
#searchBar
搜索条
#search_results
搜索结果
#copyright
版权信息
# ...
Axios
专注网络数据请求的库,比jquery更轻量,比xhr更简单好用post 请求12345axios.get('url',{params:{/*参数*/}}).then(function(res){ var result = res.data; // res.data才是服务器返回的数据 console.log(result)})// 参数转换成了查询字符串
post请求12345axios.post('url',{/*参数*/}).then(function(res){ var result = res.data; console.log(result)})// 参数默认转换成json
axois 请求1234567axios({ method: '请求类型', url: '请求的URL地址', headers: {Authorization:'Bearer ...
Ajax
服务器和客户端相互的过程123客户端发起请求服务器处理服务器返回数据-响应
jQuery123$.get() // 一般用于获取数据$.post() // 一般用于提交数据$.ajax() // 所有请求类型都支持
$.get()1234$.get(url,[data],[callback])url // string 要请求的资源地址data // object 请求资源期间要携带的参数callback // 请求成功的回调函数
$.post()1234$.post(url,[data],[callback])url // string 要请求的资源地址data // object 请求资源期间要携带的参数callback // 请求成功的回调函数
$.ajax1234567891011121314151617$.ajax({ type:'', // 请求的方式 url:'', // 请求的url地址 data:{}, // 请求携带的数据 contentType:'', // ...
模块化与包
模块化
模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元
编程领域中的模块化,就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块
把代码进行模块化拆分的好处
提高了代码的复用性
提高了代码的可维护性
可以实现按需加载
模块的分类
内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)
自定义模块(用户创建的每个 .js 文件,都是自定义模块)
第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)
12345678// 1. 加载内置的 fs 模块const fs = require('fs')// 2. 加载用户的自定义模块const custom = require('./custom.js')// 3. 加载第三方模块,(使用第三方模块)const moment = require('moment')
模块作用域和函数作用域类似,在自定义 ...
初识Node.js.md
浏览器的JavaScript解析引擎
Chrome 浏览器 => V8
Firefox 浏览器 => OdinMonkey(奥丁猴)
Safri 浏览器 => JSCore
IE 浏览器 => Chakra(查克拉)
etc…
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。fs文件系统模块1const fs = require('fs')
fs.readFile()方法,用来读取指定文件中的内容1fs.writeFile(file, data[, options], callback) // option 是字符编码
fs.writeFile() 方法,用来向指定的文件中写入内容1fs.readFile(path[, options], callback)
文件的路径问题
__dirname: 表示,当前正在执行的js文件所在的目录
__filename: 表示,当前正在执行的js文件的完整路径
path路径模块1const path = require('pat ...
hexo新建文章的操作
新建文章1$ hexo new text_md
通过关键字来指定文章的分类、标签及是否开启评论等功能。12345678title: Hello Worlddate: 2018/6/7 19:45:12categories: // 分类- Diarytags: // 标签- PS3- Gamescomments: false // 评论功能,默认开启
新建文章的模板修改12345678910// 目录 scaffolds/post.mdtitle: {{ title }}date: {{ date }}tags: - categories: - comments: password:
清除缓存,和已经生成的静态文件( publish 文件夹)1$ hexo clean
重新生成静态文件1$ hexo generate // hexo g
启动本地服务查看是否修改(发布)成功123$ hexo server // hexo s// http://localhost:4000/
...