发表于 | 分类于 ， ，
字数统计: 2k | 阅读时长 ≈ 7

关于js模块化问题

  • js天生不支持模块化
    • require
    • exports
    • Node.js才有的
  • 在浏览器中也可以像在Node中的模块一样来进行编程

发表于 | 分类于 ， ，
字数统计: 2.8k | 阅读时长 ≈ 11

文件路径和模块路径关系

文件操作中的相对路径./可以省略，模块加载中的相对路径./不能省略

  • 使用的所有文件操作API都是异步的

修改完代码自动重启

使用一个第三方命令行工具，nodemon来帮助我们频繁修改代码重启服务器问题。
nodemon是一个居于node.js开发的一个第三方命令行工具，我们使用的时候需要独立安装

阅读全文 »

发表于 | 分类于 ， ，
字数统计: 1.7k | 阅读时长 ≈ 6

代码规范

  • standard style
    • 细则
      • 使用两个空格进行缩进
      • 字符串使用单引号-需要转义的地方除外
      • 不再有冗余的变量-导致大量bug的源头
      • 无分号，要注意三种情况
        • 以（ [ ^开头的时候，则在前面补充一个分号避免发生一些解析错误
          阅读全文 »

发表于 | 分类于 ， ，
字数统计: 2k | 阅读时长 ≈ 8

CSS3–动画和渐变

变形

transform

用于元素的变形，实现元素的选装，缩放，移动，倾斜等变形效果。

1
2
3
transform：none|functions
none：默认值，不设置变形
functions：设置一个或者多个变形函数。变形函数包括：rotate（）、缩放scale（）、移动translate（）、倾斜skew（）、举证变形matrix（）等。设置多个变形函数用空格间隔
阅读全文 »

发表于 | 分类于 ， ，
字数统计: 751 | 阅读时长 ≈ 2

CSS3–多列布局

columns

用于快速定义多列的列数目和每列的宽度。基于webkit的替代私有属性是-webkit-columns，gecko内核的浏览器不支持

1
2
3
columns：width|count
width：每列的宽度
count：多列的列数
阅读全文 »

发表于 | 分类于 ， ，
字数统计: 1.1k | 阅读时长 ≈ 4

CSS3–背景+边框

多个背景图片

1
background：[background-image]|[background-origin]|[background-clip]|[background-repeat]|[background-size]|[background-position]
1
2
3
4
5
[background-origin]：指定背景的原点位置，属于新增的属性
[background-clip]：指定 背景的显示区域
[background-repeat]：背景图像是否重排
[background-size]：指定而背景图片的大小
[background-position]：背景图像位置

如果定义多重背景图，则用逗号隔开各个背景图。

比如：

1
2
3
background：url（.../images/1.png) 120px 110px no-repeat,
            url（.../images/2.png) 400px 10px no-repeat,
            url（.../images/3.png) no-repeat;
阅读全文 »

发表于 | 分类于 ， ，
字数统计: 465 | 阅读时长 ≈ 1

CSS3–界面设计

resize

1
resize：none|both|horizontal|vertical|inherit；
  • none：默认值，表示不能调整元素
  • both：表示可以调整元素的宽度和高度
  • horizontal：表示用户可以调整元素的宽度，但是不能调整元素的高度
  • vertical：表示可以调整元素的高度，按时不能调整元素的宽度
  • inherit：继承父元素
    阅读全文 »

发表于 | 分类于 ， ，
字数统计: 1.2k | 阅读时长 ≈ 4

CSS3–文本与字体

text-shadow

参数说明：text-shadow：Xpx Ypx opaciety color
分别表示为：水平方向相对于字体本身偏移的距离，在垂直方向上相对于字体本身偏移的距离，以及阴影模糊作用域的距离（默认为0，没有阴影效果），颜色
X、Y可以为负值，就相当于，水平方向向左偏移，垂直方向向上偏移。

阅读全文 »