个人技术站点JASONWU

Keep Coding


  • 主页

  • 文章

  • 搜索

Sass 7-1 Pattern

新建: 2021-06-03 编辑: 2021-06-22   |   分类: HTML & CSS   | 字数: 686 字

Sass 目录结构设计与 CSS(SCSS)实用代码。

Sass 7-1 Pattern

Text
 1sass/
 2|
 3|– abstracts/
 4|   |– _variables.scss   # Sass Variables
 5|   |– _functions.scss   # Sass Functions
 6|   |– _mixins.scss      # Sass Mixins
 7|   |– _helpers.scss     # Class & placeholders helpers
 8|
 9|– base/
10|   |– _animations.scss
11|   |– _base.scss
12|   |– _typograhy.scss
13|   |– _utilities.scss 
14|   ...                  # Etc…
15|
16|– components/
17|   |– _buttons.scss     # Buttons
18|   |– _carousel.scss    # Carousel
19|   |– _cover.scss       # Cover
20|   |– _dropdown.scss    # Dropdown
21|   ...                  # Etc…
22|
23|– layout/
24|   |– _navigation.scss  # Navigation
25|   |– _grid.scss        # Grid system
26|   |– _header.scss      # Header
27|   |– _footer.scss      # Footer
28|   |– _sidebar.scss     # Sidebar
29|   |– _forms.scss       # Forms
30|   ...                  # Etc…
31|
32|– pages/
33|   |– _home.scss        # Home specific styles
34|   |– _contact.scss     # Contact specific styles
35|   ...                  # Etc…
36|
37|– themes/
38|   |– _theme.scss       # Default theme
39|   |– _admin.scss       # Admin theme
40|   ...                  # Etc…
41|
42|– vendors/
43|   |– _bootstrap.scss   # Bootstrap
44|   |– _jquery-ui.scss   # jQuery UI
45|   ...                  # Etc…
46|
47`– main.scss             # Main Sass file
阅读全文 »

Electron 悬浮窗

新建: 2021-06-03 编辑: 2021-06-22   |   分类: JavaScript   | 字数: 965 字

创建支持内容切换及拖拽的悬浮窗,包含完整目录结构及示例代码。

目录结构

Text
 1.
 2├── main
 3│   └── floating-window.js
 4├── renderer
 5│   ├── img
 6│   │   └── logo.png
 7│   ├── floating-window.html
 8│   └── style.css
 9├── sass
10│   ├── abstracts
11│   │   ├── _helpers.scss
12│   │   ├── _mixins.scss
13│   │   └── _variables.scss
14│   │── base
15│   │   └── _base.scss
16│   │── pages
17│   │   └── _floating-window.scss
18│   └── main.scss
19├── main.js
20├── package.json
21└── package-lock.json
阅读全文 »

Linux 包管理器(包含 MacOS)

新建: 2021-06-22 编辑: 2021-06-22   |   分类: Linux   | 字数: 1099 字

CentOS/RHEL(Red Hat Enterprise Linux)包(RPM)管理器

YUM(Yellowdog Updater Modified)
基于 RPM(RedHat Package Manager)Linux 系统的包管理器。

查找软件包

yum search <package>
查找软件包。
yum info <package>
查看软件包信息。
yum deplist <package>
查看软件包依赖。
阅读全文 »

npm 包管理器

新建: 2021-06-19 编辑: 2021-06-21   |   分类: JavaScript   | 字数: 448 字

语义化版本号

npm 的语义化版本号由三组数字组成,格式为 v<主版本号>.<次版本号>.<补丁版本号>:

  • 主版本号:发生不兼容变化
  • 次版本号:增加、优化功能
  • 补丁版本号:修复 Bug

npm 版本管理

  • ^1.0.0,默认,跟踪次版本或补丁版本号
  • ~1.0.0,仅跟踪补丁版本号,更加保守和稳定的选择
阅读全文 »

JavaScript 函数中的 this 值

新建: 2021-05-29 编辑: 2021-06-21   |   分类: JavaScript   | 字数: 803 字

动态修改 JS 函数中的 this 值。

通用代码片段

JavaScript
 1const jsCourse = {
 2  subject: 'JavaScript',
 3  description: '一门流行的前端编程语言',
 4  people: 0,
 5
 6  score(like, stars) {
 7    console.log(`${this.subject}:${this.description}
 8已有${++this.people}人评价,\
 9您的评价为:${like ? '👍' : '👎'} ${'⭐️'.repeat(stars)}`);
10  }
11};
12
13jsCourse.score(false, 3);
14// JavaScript:一门流行的前端编程语言
15// 已有1人评价,您的评价为:👎 ⭐️⭐️⭐️
16
17const nodeCourse = {
18  subject: 'Node.js',
19  description: '后端 JS 运行环境',
20  people: 0
21};
阅读全文 »
1 2 3 4 5 6
吴仙杰

吴仙杰

🔍 Ctrl+K / ⌘K

27 文章
9 分类
25 标签
RSS 订阅
邮箱 GitHub
© 2021-2025 吴仙杰 保留所有权利 All Rights Reserved
浙公网安备 33010302003726号 浙ICP备2021017187号-1
0%