发表于   |   分类于   |  

本文为知乎live内容摘要，主讲人尤雨溪

组件

最初一个页面 后来封装 组件树
react 组件可以是函数

分类

  1. 展示型
  2. 接入型 和数据源打交道
  3. 交互型 （展示型的封装和加强） element-ui 复杂交互逻辑 通用逻辑 复用
  4. 功能型 抽象、不渲染内容、作为扩展和抽象机制 vue的路由、Translation组件

模板、jsx（本质js、灵活）

阅读全文 »

发表于   |   分类于   |  

本文主要内容为winter专题内容，分享供小伙伴们学习研究

at-rule(@规则)

at-rule 由一个 @ 关键字和后续的一个区块组成，如果没有区块，则以分号结束。下面包含了CSS标准中的所有可能的at-rule。

@chart

用于提示 CSS 文件使用的字符编码方式，它如果被使用，必须出现在最前面。

1
@charset "utf-8";

@import

用于引入一个 CSS 文件，除了 @charset 规则不会被引入，@import 可以引入另一个文件的全部内容。

阅读全文 »

发表于   |   分类于   |  

本文作者 Daniel 蚂蚁金服·数据体验技术团队，转载分享供小伙伴们学习研究

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。

不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有了新版配置的文档。社区中一些开发者也已经成功试水，升级到了 Webpack 4，并且总结成了博客。所以我也终于去了解了 Webpack 4 的具体情况。以下就是我对迁移到 Webpack 4 的一些经验。

本文的重点在：

  • Webpack 4 在配置上带来了哪些便利？要迁移需要修改配置文件的哪些内容？
  • 之前的 Webpack 配置最佳实践在 Webpack 4 这个版本，还适用吗？
    阅读全文 »

发表于   |   分类于   |  

本文为张鑫旭 原创文章，转载分享供小伙伴们学习研究

屋外，灿白的骄阳炙烤着大地，园区的水泥地面腾起了可见的热气，连知了叫了两声都要停下来休息；屋内，阴沉的冷风冰冻着皮肤，爱美的妹子也把简陋的外衣披在肩上，除了空调的呼呼声剩下的就是不绝于耳的键盘敲击声。

这激荡的键盘声，如同一道道神秘的指令，他们汇聚在一起，旋转、扩散、同时以光一般的速度前进，交织与碰撞。越来越多的指令，愈来愈多的碰撞，如同宇宙大爆炸一般，“砰”~一个网络世界诞生了。

在这个世界中，有一群名叫前端开发的人，他们在这里一起或把酒言欢，或指点江山，或塑造光环，受人膜拜。还有一群名为前端开发的人或分门别派，或吵架不断，或推波助澜，好生精彩。还有一群名为前端开发的人，他们在这里一起或板凳瓜观，或茶余饭谈，或拍手称赞，吐槽药丸。还有一群名为前端开发的人，他们在这里或匿名出现，或段子飞溅，或追逐热点，或跟风跪舔，大千世界。

无论哪种类别哪种形态，他们都有一个统一的称谓——前端

阅读全文 »

发表于   |   分类于   |  

一.CSS Transition（过渡）

1.1基本用法

在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时完成。例如：

1
2
3
4
5
6
7
8
9
img{
  height:15px;
  width:15px;
}

img:hover{
  height: 450px;
  width: 450px;
}

transition的作用在于，指定状态变化所需要的时间。

阅读全文 »

发表于   |   分类于   |   
1
2
3
4
5
<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>
  1. type

提交 commit 的类型，包括以下几种

  • feat: 新功能
  • fix: 修复问题
  • docs: 修改文档
  • style: 修改代码格式，不影响代码逻辑
  • refactor: 重构代码，理论上不影响现有功能
  • perf: 提升性能
  • test: 增加修改测试用例
  • chore: 修改工具相关（包括但不限于文档、代码生成等）
  • deps: 升级依赖
    阅读全文 »

发表于   |   分类于   |  

分支介绍

master

  • 主分支 , 产品的功能全部实现后 , 最终在master分支对外发布
  • 该分支为只读唯一分支 , 只能从其他分支(release/hotfix)合并 , 不能在此分支修改
  • 另外所有在master分支的推送应该打标签做记录,方便追溯
  • 例如release合并到master , 或hotfix合并到master
    阅读全文 »

发表于   |   分类于   |  

如何积累开发经验？

目的: 将个人经验教训转变成团队经验教训

实现形式：

  • 空窗期将开发经验和教训通过文档、博客的形式记录下来
  • 定期组织技术研讨会，互相交流，形成共识
    阅读全文 »

发表于   |   分类于   |  

创建版本库

通过git init命令把当前目录变成Git可以管理的仓库。

把一个文件放到Git仓库只需要两步：

  1. 通过git add <filename.filenameExtension>命令告诉Git，把文件添加到仓库。

    (可以使用git add * 将全部文件添加到仓库。)

    阅读全文 »

发表于   |   分类于   |  

架构/设计/常规

  1. 单一职责原则

    一个类只能干一个事情，一个方法最好也只干一件事情。比较常见的违背是一个类既干UI的事情，又干逻辑的事情，这个在低质量的客户端代码里很常见。

    阅读全文 »