240 发简信
IP属地:上海
  • Testing library 101 (一)

    概述 Testing-library[https://testing-library.com/] 是 React 官方推荐的单元测试库,对标的是 Airbnb 的 Enzym...

  • 前端基建

    这两三年我自学了一些前端知识,有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了,我记得早...

  • 120
    内容布局(四):Grid布局

    耽搁了好久一直没写 Grid 布局,主要是写布局的文章太累人😅。这期就朝花夕拾,写写 Grid layout 的入门教程。 Grid Basic Grid layout 翻译...

  • for 循环里的 await

    之前有篇我的 blog 提到过 js 的异步发展史:从 callback 到 promise 再到 async/await。async/await 之后的 JS 开始允许我们...

  • CSS 模块化管理

    昨天看了一道面试题,说如何管理 CSS 代码;它谈到了君子协定BEM 规范(然后楼主就说自己马上就拿到 offer 了😅)。但是,BEM 规范说实在已经不够接地气了,现代 C...

  • 120
    回忆杀,Nuxt.js

    这两年,我主要从事部门周边业务,搭建了数个细碎的 web 应用。最近由于一些人事变动,我又回到了最初的产品线上。时光飞逝,欣赏着自己的遗(la)产(ji)代码,“青骢”岁月浮...

  • JS 条件判断小技巧(二)

    我前面讲过一期关于条件判断小技巧的文章,今天接着聊。所谓小技巧,说实在就是特定场景里的特例手段;对于具备一定开发能力的码农,这些特例基本都能避开。但是,某些业务逻辑本身就十分...

  • JS 高阶函数

    最近在学习函数式编程,整个 team 都在啃一本叫《Mostly adequate guide》的函数式编程教材,难度确实挺大的,不过新意满满。今天就讲讲 FP 基础中的基础...

  • 120
    内容布局(三):Flexbox布局

    前两期讲了position 布局和水平布局,这期接着之前的话题继续聊聊更新一点的布局方式——Flexbox(弹性布局)。 Overview Flexbox 也就是 Flexi...

  • 120
    UI工具之Storybook

    Overview 今天科普一个有趣的前端开源工具——Stroybook,一个 UI 的可视化容器,可以视作组件库的 wiki。 Storybook is an open so...

  • 120
    内容布局(一):position布局

    最近出于某些原因,我又开始翻看 CSS 相关书籍了。可能有将近两年没再阅读过相关书籍了,工作中一般就是依靠 vuetify 之类的 UI 框架做做内容布局,久而久之很多知识也...

  • 120
    小话MV*分层模式

    我最早接触软件分层这种概念还是在本科时期,那时候我听不懂 OOP 课程,只好窝在宿舍看低清小视频,好像是北大青鸟的一个老师上传的 Web 教程,视频里整天就是 MVC,MVC...

  • Express Middleware (续)

    几个月前我写过一篇Express Middleware的介绍;最近又陆陆续续踩了点坑,所以决定再写一期,扩充一下 express 的知识点。 middleware 函数的参数...

  • 120
    BFF——服务于前端的后端

    以前我在谈论graphql的时候提到过BFF(Back-end For Front-end),每每都是一笔而过,这次就专门开一期,简介一下BFF——服务于前端的后端。 前端演...

  • 120
    单点登录之SAML

    这段时间出于大产品集成,我们尝试实现了系统认证从jwt到SAML的改造,以完成跨域免密登陆的功能。组里的小朋友单枪匹马完成了新功能,这里还是要夸赞一番的。今天借此机会谈谈SA...

  • 120
    小谈Node环境变量

    看了一篇外文,讲如何使用node环境变量的。这期我也结合自己的一些经验写写读后感吧。 概述 说来话长,我最早接触环境变量还是在学Java的时候。特地找了张比较复古的图片,记得...

  • Javascript Optional Chaining

    最近看到一个ECMAScript新动态——Optional Chaining在6月5号进入了stage2。Stage2表明委员会已经认可这个新feature,并希望最终能加入...

  • JS条件判断小技巧(一)

    经常code review,我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”,看看如何减少JS里的条件判断。 提前返回,少用if...el...

  • Vue renderless组件(函数式组件)

    开门见山,我在codepen上写了个简单demo:上下两个按钮,功能一致(开关);不同之处是:前者只改变文字,后者顺带改变了背景颜色。OK,怎么实现呢? 实现相同功能的模块,...

  • 120
    设计模式之工厂模式

    开个新坑,复习基础知识,用typescript写写旧技术——设计模式。今天就介绍一下工厂模式,以及其他两个衍生模式工厂方法和抽象工厂。 简单工厂 工厂模式,又称简单工厂,顾名...