• 通过工具实现Git Commit Log规范化撰写,提升项目可维护性,CodeReview效率

    参考实践

    1. Commit message 和 Change log 编写指南
    2. 支持 AngularJS Git Commit Message Conventions 编写规范
    3. Commit message 和 Change log 编写指南

    问题集合:

    1. cmder中utf8中文编码问题:https://gist.github.com/vamdt/6334583b4aae156ed8571b7bf2329c62
    2. git版本管理工具:https://desktop.github.com/
    3. commi
  • yongheng2016yongheng2016/blog· 2 天前

    执行时机

    • 由首页进入user页面:
      global beforeEach > router beforeEnter > component beforeRouteEnter > global beforeResolve > global afterEach > mounted
    • 由user回到首页:
      component beforeRouteLeave => global beforeEach => global beforeResolve => global afterEach

    排除beforeRouteUpdate,其余六个导航钩子的执行时机

  • GuoYongfengiuap-design/blog· 3 天前

    0.起因

    浅笑同学根据 webpack 官方提供的文档想要实现服务代理的时候,发现代理不成功。

    这里先链接到官方文档:https://webpack.js.org/configuration/dev-server/#devserver-proxy。

    我们的代码是这样的:(https://mock.yonyoucloud.com 是我们基于开源搭建的mock数据模拟平台)

    module.exports = {
    ...
    devServer: {
        proxy: {
      "/api": {
        target: "https://mock.yonyoucloud.com/1643/mock"
  • Presentation

    Google 幻灯片链接

    Agenda

    • 引子:V2EX的吐槽
    • 知行合一
    • 第1部分 Virtual DOM
      • 为什么会产生虚拟DOM?
      • 减少reflow和repaint次数
      • 虚拟DOM思想
      • 虚拟DOM算法思想
      • 虚拟DOM性能对比
      • 再次审视Virtual DOM
      • Virtual DOM vs. MVVM
      • 第1部分扩展阅读指南
    • 第2部分 组件之核心秘笈
      • 为什么要组件化?
      • 组件的生命周期
      • 例子:shouldComponentUpdate
      • 例子:componentDidUpdate
      • setState与组件生命周期
      • 双向数据流
      • 单向数据流
      • 组件的类型
        • class类型
  • chokcocochokcoco/iCSS· 4 天前

    上次发完 不可思议的纯 CSS 导航栏下划线跟随效果 这篇文章之后,很多朋友找我讨论,感叹 CSS 的奇妙。

    然后昨天,群里一位朋友问到了一个和这个效果比较类似的效果,问如何

    将下面这个动画的下划线效果,从左进入,右边离开修改为从上方进入,下方离开

    描述很难理解,看看原本的效果:

    tsorigin

    难点所在

    第一眼看到这个效果,我的内心毫无波澜。以为只是简单的一个下划线 hover 效果,经过友人提醒,才发现,这个动画效果中,下划线是从一端进入,从另外一端离开的。而且,这个 hover 动画是纯 CSS 实现的。

    youqu

    先不考虑上面说的修改需求,先想一想,如果就是还原上述效果,仅仅使用 CSS,该如何做呢?

  • 2/24