Skip to content

Commit

Permalink
remove github.com/senntyou/blogs/
Browse files Browse the repository at this point in the history
  • Loading branch information
deepraining committed Oct 21, 2019
1 parent 3ac6f22 commit 9af7f14
Show file tree
Hide file tree
Showing 17 changed files with 37 additions and 37 deletions.
2 changes: 1 addition & 1 deletion advanced/10.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# webpack 之外的另一种选择:parcel

之前有写过一篇 [webpack 之外的另一种选择:rollup](https://github.com/senntyou/blogs/blob/master/advanced/6.md),这次算是姊妹篇,介绍另外一个工具 [parcel](https://github.com/parcel-bundler/parcel).
之前有写过一篇 [webpack 之外的另一种选择:rollup](../advanced/6.md),这次算是姊妹篇,介绍另外一个工具 [parcel](https://github.com/parcel-bundler/parcel).

现在前端打包基本上都会用 [webpack](https://github.com/webpack/webpack),但经常使用 `webpack` 的开发者基本都有一个体会:配置比较复杂,尤其是有很多项目的时候,更新需要到处改配置。

Expand Down
2 changes: 1 addition & 1 deletion advanced/12.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

`web` 的三要素 `html, css, js` 在前端组件化的过程中,比如 [react](https://github.com/facebook/react)[vue](https://github.com/vuejs/vue) 等组件化框架的运用,使 `html 的弱化与 js 的强化` 成为了一种趋势,而在这个过程中,其实还有另一种趋势也在慢慢形成:`css 的弱化与 js 的强化`

之前有写过一篇 [CSS 模块化](https://github.com/senntyou/blogs/blob/master/advanced/1.md),但对 `css in js` 这种理念没有过多讲解,所以这次深入一下。
之前有写过一篇 [CSS 模块化](../advanced/1.md),但对 `css in js` 这种理念没有过多讲解,所以这次深入一下。

`css in js` 理念,即是摒弃原有的用 `.css` 文件书写样式,而把样式写进 `js` 里面,这样就可以做到一个组件对应一个文件、一个文件便是一个组件。

Expand Down
2 changes: 1 addition & 1 deletion advanced/13.md
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@

如果你将当前的项目发布为一个 npm 包,而其他的包在引用你的包时,构建工具就会去找 `main` 字段定义的入口文件,详细参考 [package.json#main](https://docs.npmjs.com/files/package.json#main)

还有其他的特殊的入口文件,参考 [package.json 非官方字段集合](https://github.com/senntyou/blogs/blob/master/extend/3.md)
还有其他的特殊的入口文件,参考 [package.json 非官方字段集合](../extend/3.md)

### 1.2 `bin`: 配置命令行可执行文件

Expand Down
4 changes: 2 additions & 2 deletions advanced/14.md
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ module.exports =
可以参考:

- [rollup](https://github.com/rollup/rollup)
- [webpack 之外的另一种选择:rollup](./6.md)
- [webpack 之外的另一种选择:rollup](../advanced/6.md)

## 10. [prepack](https://github.com/facebook/prepack)

Expand Down Expand Up @@ -251,7 +251,7 @@ module.exports =
可以参考:

- [prepack](https://github.com/facebook/prepack)
- [js 性能优化利器:prepack](./9.md)
- [js 性能优化利器:prepack](../advanced/9.md)

## 11. css 选择器不要嵌套太深

Expand Down
4 changes: 2 additions & 2 deletions advanced/3.md
Original file line number Diff line number Diff line change
Expand Up @@ -256,9 +256,9 @@ trim_trailing_whitespace = false # .md 文件不去掉每行末尾的空

1. 模块化:
* js 的模块化已经很成熟了,目前使用最多的是 `commonjs` 模块化规范和 `es6` 模块;
* css 的模块化也一直在探索中,之前也专门写了一篇 [CSS 模块化](https://github.com/senntyou/blogs/blob/master/advanced/1.md),可以参考下;
* css 的模块化也一直在探索中,之前也专门写了一篇 [CSS 模块化](../advanced/1.md),可以参考下;
* html 没有模块化,但是可以将一个很长的 html 文件进行分块,参考 [html-loader](https://github.com/webpack-contrib/html-loader)
2. 组件化:当项目变大、变多,很多公共的代码需要复用或者跨项目使用的时候,组件化就变得很必要了,之前也专门写了一篇 [组件化](https://github.com/senntyou/blogs/blob/master/architecture/6.md),可以参考下;
2. 组件化:当项目变大、变多,很多公共的代码需要复用或者跨项目使用的时候,组件化就变得很必要了,之前也专门写了一篇 [组件化](../architecture/6.md),可以参考下;
3. 逻辑解耦:把一个复杂的逻辑,分割成多个子逻辑,然后将子逻辑串起来,或者把多个交叉逻辑的公共部分拆出来,然后再挨个串起来;
4. 功能分块:细化一个一个的功能为单独的模块。

Expand Down
6 changes: 3 additions & 3 deletions advanced/8.md
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ npm install --save-dev babel-cli

这个工具能够检查 js 语法(包括 jsx 语法),然后最大程度的矫正不符合规范的代码。对于提升个人代码质量,保证团队代码规范和代码风格是相当有用的。

[eslint](https://github.com/eslint/eslint) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](https://github.com/senntyou/blogs/blob/master/advanced/3.md)
[eslint](https://github.com/eslint/eslint) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](../advanced/3.md)

#### 安装

Expand All @@ -122,7 +122,7 @@ npm install --save-dev eslint

这个工具能够检查 css 语法(包括 less, scss 语法),然后最大程度的矫正不符合规范的代码。对于提升个人代码质量,保证团队代码规范和代码风格是相当有用的。

[stylelint](https://github.com/stylelint/stylelint) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](https://github.com/senntyou/blogs/blob/master/advanced/3.md)
[stylelint](https://github.com/stylelint/stylelint) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](../advanced/3.md)

#### 安装

Expand All @@ -138,7 +138,7 @@ npm install --save-dev stylelint

这个工具能够优化 `js, jsx, ts, css, less, scss, json, md, ...`,对于保证团队代码风格是相当有用的。

[prettier](https://github.com/prettier/prettier) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](https://github.com/senntyou/blogs/blob/master/advanced/3.md)
[prettier](https://github.com/prettier/prettier) 一般会配合 [husky](https://github.com/typicode/husky)[lint-staged](https://github.com/okonet/lint-staged) 一起使用。详细用法可以参考 [怎样提升代码质量](../advanced/3.md)

#### 安装

Expand Down
2 changes: 1 addition & 1 deletion advanced/9.md
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ const user = users.find(item => item.age === 1 && item.active === true);

现在前端打包基本上都会用 [webpack](https://github.com/webpack/webpack),但 `webpack` 打包之后的文件会产生很多冗余代码,这会导致 `js` 性能降低。

如果在打包文件的性能上有特别需求的小伙伴,可以使用 [rollup](https://github.com/rollup/rollup),详细使用与对比可以参考这里 [webpack 之外的另一种选择:rollup](https://github.com/senntyou/blogs/blob/master/advanced/6.md).
如果在打包文件的性能上有特别需求的小伙伴,可以使用 [rollup](https://github.com/rollup/rollup),详细使用与对比可以参考这里 [webpack 之外的另一种选择:rollup](../advanced/6.md).

### 1.3 代码预编译

Expand Down
2 changes: 1 addition & 1 deletion architecture/1.md
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ web与static服务器分离之后,前端开发人员便可无顾虑的备份

## 4. 后续

下一篇:[本地化接口模拟、前后端并行开发](https://github.com/senntyou/blogs/blob/master/architecture/2.md)
下一篇:[本地化接口模拟、前后端并行开发](../architecture/2.md)

更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)

Expand Down
4 changes: 2 additions & 2 deletions architecture/2.md
Original file line number Diff line number Diff line change
Expand Up @@ -138,9 +138,9 @@ seeAjax('list', {keyA: 'valueA', keyB, 'valueB'}, res => {...});

## 4. 后续

上一篇:[前后端分离、web与static服务器分离](https://github.com/senntyou/blogs/blob/master/architecture/1.md)
上一篇:[前后端分离、web与static服务器分离](../architecture/1.md)

下一篇:[前端开发规范](https://github.com/senntyou/blogs/blob/master/architecture/3.md)
下一篇:[前端开发规范](../architecture/3.md)

参考文章:

Expand Down
4 changes: 2 additions & 2 deletions architecture/3.md
Original file line number Diff line number Diff line change
Expand Up @@ -114,9 +114,9 @@

## 3. 后续

上一篇:[本地化接口模拟、前后端并行开发](https://github.com/senntyou/blogs/blob/master/architecture/2.md)
上一篇:[本地化接口模拟、前后端并行开发](../architecture/2.md)

下一篇:[前端开发文档](https://github.com/senntyou/blogs/blob/master/architecture/4.md)
下一篇:[前端开发文档](../architecture/4.md)


更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)
Expand Down
4 changes: 2 additions & 2 deletions architecture/4.md
Original file line number Diff line number Diff line change
Expand Up @@ -137,9 +137,9 @@ Book.prototype={

## 3. 后续

上一篇:[前端开发规范](https://github.com/senntyou/blogs/blob/master/architecture/3.md)
上一篇:[前端开发规范](../architecture/3.md)

下一篇:[构建工具 for teamwork](https://github.com/senntyou/blogs/blob/master/architecture/5.md)
下一篇:[构建工具 for teamwork](../architecture/5.md)

参考文章:

Expand Down
4 changes: 2 additions & 2 deletions architecture/5.md
Original file line number Diff line number Diff line change
Expand Up @@ -133,9 +133,9 @@ lila sync moduleName [-e 0|1|2] [-l localName]

## 4. 后续

上一篇:[前端开发文档](https://github.com/senntyou/blogs/blob/master/architecture/4.md)
上一篇:[前端开发文档](../architecture/4.md)

下一篇:[组件化](https://github.com/senntyou/blogs/blob/master/architecture/6.md)
下一篇:[组件化](../architecture/6.md)


更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)
Expand Down
6 changes: 3 additions & 3 deletions architecture/6.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ const component1 = require('@yourCompany/component1');
import component1 from '@yourCompany/component1';
```

独立化组件与私有 npm 仓库配合使用是最完美的,下一节 [私有 npm 仓库](https://github.com/senntyou/blogs/blob/master/architecture/7.md) 将会讲到。
独立化组件与私有 npm 仓库配合使用是最完美的,下一节 [私有 npm 仓库](../architecture/7.md) 将会讲到。

```
# npm
Expand Down Expand Up @@ -262,9 +262,9 @@ $ lila sync moduleName -e 2 --out

## 6. 后续

上一篇:[构建工具 for teamwork](https://github.com/senntyou/blogs/blob/master/architecture/5.md)
上一篇:[构建工具 for teamwork](../architecture/5.md)

下一篇:[私有 npm 仓库](https://github.com/senntyou/blogs/blob/master/architecture/7.md)
下一篇:[私有 npm 仓库](../architecture/7.md)


更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)
Expand Down
4 changes: 2 additions & 2 deletions architecture/7.md
Original file line number Diff line number Diff line change
Expand Up @@ -259,9 +259,9 @@ $ screen -r cnpmjs

## 4. 后续

上一篇:[组件化](https://github.com/senntyou/blogs/blob/master/architecture/6.md)
上一篇:[组件化](../architecture/6.md)

下一篇:[单页面应用(SPA)、按需加载](https://github.com/senntyou/blogs/blob/master/architecture/8.md)
下一篇:[单页面应用(SPA)、按需加载](../architecture/8.md)

参考文章:

Expand Down
4 changes: 2 additions & 2 deletions architecture/8.md
Original file line number Diff line number Diff line change
Expand Up @@ -103,9 +103,9 @@ register('page2', () => {

## 6. 后续

上一篇:[私有 npm 仓库](https://github.com/senntyou/blogs/blob/master/architecture/7.md)
上一篇:[私有 npm 仓库](../architecture/7.md)

下一篇:[服务器端渲染(SSR)与 node 中间层](https://github.com/senntyou/blogs/blob/master/architecture/9.md)
下一篇:[服务器端渲染(SSR)与 node 中间层](../architecture/9.md)

更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)

Expand Down
2 changes: 1 addition & 1 deletion architecture/9.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@

## 4. 后续

上一篇:[单页面应用(SPA)、按需加载](https://github.com/senntyou/blogs/blob/master/architecture/8.md)
上一篇:[单页面应用(SPA)、按需加载](../architecture/8.md)

更多博客,查看 [https://github.com/senntyou/blogs](https://github.com/senntyou/blogs)

Expand Down
18 changes: 9 additions & 9 deletions extend/4.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,11 +21,11 @@

当然,如果这些模板或工具都不能满足你的需求,你也可以搭建自己的脚手架,可以参考:

- [搭建自己的前端脚手架](https://github.com/senntyou/blogs/blob/master/advanced/13.md)
- [怎样提升代码质量](https://github.com/senntyou/blogs/blob/master/advanced/3.md)
- [CSS 模块化](https://github.com/senntyou/blogs/blob/master/advanced/1.md)
- [css 的弱化与 js 的强化](https://github.com/senntyou/blogs/blob/master/advanced/12.md)
- [本地化接口模拟、前后端并行开发](https://github.com/senntyou/blogs/blob/master/architecture/2.md)
- [搭建自己的前端脚手架](../advanced/13.md)
- [怎样提升代码质量](../advanced/3.md)
- [CSS 模块化](../advanced/1.md)
- [css 的弱化与 js 的强化](../advanced/12.md)
- [本地化接口模拟、前后端并行开发](../architecture/2.md)

## 2. 定义好项目的目录结构

Expand All @@ -35,7 +35,7 @@
2. 分块:按照功能对代码进行分块、分组,并能快捷的添加分块、分组
3. 编辑器友好:需要更新功能时,可以很快的定位到相关文件,并且这些文件应该是很靠近的,而不至于到处找文件

可以参考 [目录结构优化](https://github.com/senntyou/blogs/blob/master/advanced/2.md)
可以参考 [目录结构优化](../advanced/2.md)

## 3. 做好项目的组件化

Expand All @@ -51,8 +51,8 @@

可以参考:

- [组件化](https://github.com/senntyou/blogs/blob/master/architecture/6.md)
- [私有 npm 仓库](https://github.com/senntyou/blogs/blob/master/architecture/7.md)
- [组件化](../architecture/6.md)
- [私有 npm 仓库](../architecture/7.md)

## 4. 封装团队的构建工具

Expand All @@ -69,7 +69,7 @@

开始开发前,需要先选好基础 `js` 框架,比如 [react](https://github.com/facebook/react)[vue](https://github.com/vuejs/vue)[angular](https://github.com/angular/angular)[jquery](https://github.com/jquery/jquery) 等,因为一旦选定,基本上后面都不能更换了,因为更换的成本太大了。

选好基础 `js` 框架后,可以选一个比较好的 ui 框架,这样可以少写很多代码,可以参考 [前端最受欢迎的 UI 框架](https://github.com/senntyou/blogs/blob/master/intro/1.md)
选好基础 `js` 框架后,可以选一个比较好的 ui 框架,这样可以少写很多代码,可以参考 [前端最受欢迎的 UI 框架](../intro/1.md)

如果页面的定制化程度不高,可以选择一个比较好的页面模板,比如:

Expand Down

0 comments on commit 9af7f14

Please sign in to comment.