Decorative image frame

人生如逆旅,我亦是行人

行有不足 | 反求诸己

人生如逆旅,我亦是行人

CSS收藏

设置浏览器滚动条颜色

1
2
3
4
::-webkit-scrollbar-track-piece{width:8px;background-color:#0b0c11}
::-webkit-scrollbar{width:8px;background-color:#e71822}
::-webkit-scrollbar-thumb{width:8px;background-color:#e71822}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#3d3d3d}

好看的阴影

1
box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);

好看的字体

1
font-family: Crimson Text, Georgia, serif;

设置input[placeholder]的样式

1
2
3
4
5
6
7
8
9
10
11
12
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ 
color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
color: #999999;
}
:-ms-input-placeholder { /* IE 10+ */
color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
color: #999999;
}

去除input[type=date]的默认样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
input[type="date"]::-webkit-calendar-picker-indicator {
display: none;
}
input[type="date"]::-webkit-clear-button{
display:none;
}
input[type="time"], input[type="date"] {
border: none;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: none;
}
input[type="time"]::-ms-expand,
input[type="date"]::-ms-expand{
display: none;
}

node.js学习笔记三

node.js 学习笔记三

node.js的事件循环机制

Node.js 在什么时候会进入事件循环呢?答案是 Node.js 程序由事件循环开始,到事件循环结束,所有的逻辑都是事件的回调函数,所以 Node.js 始终在事件循环中,程序入口就是事件循环第一个事件的回调函数。事件的回调函数在执行的过程中,可能会发出 I/O 请求或直接发射(emit)事件,执行完毕后再返回事件循环,事件循环会检查事件队列中有没有未处理的事件,直到程序结束

事件循环 –> 回调函数 –> 磁盘I/O/网络通信/数据库查询 –> 时间循环队列 –> 事件循环 –> 回调函数

阅读全文 >>

node.js学习笔记二

Node.js同步与异步

Node.js最大的特性就是异步式I/O与事件紧密结合的编程模式。这种模式与传统的同步式IO线性的编程思路有很大的不同,因为控制流很大程度上要靠事件和回调函数来组织,一个逻辑要拆分为若干个单元格。

阅读全文 >>

node.js学习笔记一

Node.js学习笔记一

Node.js 是什么

Node.js 不是一门独立的语言,不是Javascript的框架,不是浏览器的库,Node.js是一个让Javascript运行在服务器的开发平台

Node.js 能做什么

  • Javascript是由客户端而产生,Node.js为网络而生
  • 实现复杂逻辑的网站
  • 基于社交网络的大WEB的应用
  • Web Socket服务器
  • TCP/UDP套接字应用程序
  • 命令行工具
  • 交互式终端程序
阅读全文 >>

正则表达式

正则表达式笔记

常用的元字符

  • . 匹配除换行符意外的任意字符
  • \w 匹配字母或数字或下划线或汉字
  • \s 匹配任意的空白符
  • \d 匹配数字
  • \b 匹配单词的开始或结束
  • ^ 匹配字符串的开始
  • $ 匹配字符串的结束
阅读全文 >>

MongoDB-shell命令

MongoDB shell 常用命令

关系数据的表的record 必须拥有field,mongoDB的一行数据以文档(document) 的形式,相在关系数据库中是一条记录,mongoDB的key可以不一样,在关系数据库中查询使用SQL,在mongoDB中使用find函数->基于BSON的特殊查询工具,mongodb的灵活度扩展度极高

阅读全文 >>

less环境配置

less环境配置

less的简单介绍

less是基于nodejs的一种工具,能够实现对css的预编译,提高css可维护性

命令提示符下对less的编译

  • 安装node.js (查看是否安装好node,在命令提示符中写入node -v)
  • 打开命令提示符 (win+r)
  • 在node环境下安装less (npm install less -g)
  • 检查是否安装成功(lessc -v)
  • 如何在命令提示符中完成less文件对css的转换
    1. cd到你的less文件目录
    2. 输入命令: lessc less文件名.less 转换成css的文件名.css
阅读全文 >>

gulp笔记

gulp 学习笔记

  • 确认在安装gulp工具前已安装nodeJS环境
  • 打开命令提示符,执行 npm install gulp -g
  • cd 到目录下 npm install gulp
  • 在项目中创建 gulpfile.js
  • 在项目文件中配置 gulpfile.js 来支配 gulp 如何工作
  • gulp 是总指挥,不参与具体的实现,通过调用gulp的插件,这些插件都是基于nodejs的
  • 插件安装 npm install gulp-cssmin ;插件安装 npm install gulp-autoperfixer 等等…(每使用一个gulp插件,都需要在命令行执行相应的安装命令)
阅读全文 >>