20200522 前端开发日报

[重拾CSS]一道面试题来看伪元素、包含块和高度坍塌;初探在 WSL 中设置 Vim 前端开发环境;[⏰5分钟学会,或者1秒CV代码] d3.js 组合 Vue, 新手也实现 拓扑(svg 版);CSS 伪元素的一些罕见用例;【Flutter应用】Flutter精仿抖音开源;GitHub优秀开源项目整理;零学习成本:使用 web 标准开发动态化 Flutter 应用;WebP 方案分析与实践

  1. [重拾CSS]一道面试题来看伪元素、包含块和高度坍塌

    前几天某个群友在群里问了一道面试题,就是关于一个自适应的正方形布局的困惑,先贴上代码。我其实很长一段时间没有写 CSS 了,对于里面的一些细节也比较模糊了,因此决定重拾 CSS,来重新捋一捋这题目中的一些知...

  2. 初探在 WSL 中设置 Vim 前端开发环境

    在之前的 《在win10的WSL中设置前端开发环境》 一文中,介绍了 win10 结合其 Linux 子系统(WSL)的前端开发设置,使用的是 VSCode 开发工具。 而在某些情况下,出于追求工具轻量化、减轻系统负担,或应付临时开发场景等目的,只需要简单设置一下终端 vim 开发环境,借助各种强大成熟的插件,也能达到八九不离...

  3. [⏰5分钟学会,或者1秒CV代码] d3.js 组合 vue, 新手也实现 拓扑(svg 版)

    目标效果 在线实例 源码地址 如果急用, 可先cv走代码修改, 哪里没明白再回来看哪里. [链接] 介绍下 D3.js d3 是一个大而全的图形库, 集成了svg 元素操作和常见图表(图形)的数据结构. 本文基于v5 版本的 d3 编写...

  4. CSS 伪元素的一些罕见用例

    点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。

  5. 【Flutter应用】Flutter精仿抖音开源

    flutter_tiktok Flutter精仿抖音开源了,左滑搜索,右滑个人中心,上下滑动刷视频,双击点赞冒爱心,无敌精仿,感谢点Star。 应用截图 实现功能 上下刷视频,视频会自动加载封面 左右滑动去搜索与个人中心 双击冒...

  6. GitHub优秀开源项目整理

    {代码...} JavaGuide(Java学习+面试指南) doocs/advanced-java(互联网 Java 工程师进阶知识完全扫盲) awesome-java(一个很棒的Java编程语言框架/库和软件列表) computer-science(一个非常优秀的ossu计算机开放课...

  7. 零学习成本:使用 Web 标准开发动态化 Flutter 应用

    阿里妹导读:Kraken 是由淘系技术部前端架构团队开发的一个基于 Flutter 的动态化框架,本文将带大家了解和认识 Kraken,分享 Kraken 的一些设计思想以及 Flutter 和 Web 技术对接的实践。 文末福利:免费下载《Flutter 技术解析与实战》。 什么是 Kraken? Kraken 项目诞生于 2018 年底,当时...

  8. WebP 方案分析与实践

    对于网站来说,图片始终扮演着重要角色。图片大小直接影响网站速度、流量、运营成本以及用户体验。因此,减少图片大小成为网站优化最重要的一个环节。 如果你对优化还不甚了解,推荐阅读如下文章: 1.网站优化实战 2.网站优化工具 3.CSS 渲染原理以及优化策略 4.网站性能指标 - FMP 5.聚焦 Web 性能指标 TTI 6....

  9. Kitty Cloud (HTTP/RPC) 的全局异常处理

    项目地址 https://github.com/yinjihuan/kitty-cloud 异常处理不用我讲,大家都清楚。单独的异常处理太繁琐,全局异常处理可以在一个应用中统一进行异常的处理,非常方便。目前全局异常处理用的也越来越广泛,今天跟大家来聊一聊 Kitty Cloud 中的全局异常是如何处理的? 为什么要使用...

  10. 深入理解 Typescript 高级用法

    点击上方“前端技术砖家”关注 ❝ 「前言」:这里的标题看起来是 "高级用法",不少同学可能就表示被劝退了。其实Typescript作为一门强类型编程语言,最具特色的就是他的类型表达能力,这是很多完备的后端语言都难以媲美的 说的很对,但PHP是最好的语言,所以如果你搞懂了他的类型系统,对将来的日常开发...

  11. Deno 环境下的 TypeScript 开发

    作者:Flavio Copes翻译:疯狂的技术宅 原文:[链接] 未经允许严禁转载 我每周都会探索一些新的项目,但很少会有像 Deno 这样吸引我的。 在本文中,我会让你快速了解 Deno,并把它与 Node.js 进行比较,以此构建...

  12. Python 接口覆盖率集成 GITLAB CI/CD

    为什么做这个?这是什么? 为了做冒烟测试, BVT(Build Verification Testing)。 在daily build(构建版本)建立后,对系统的基本功能进行简单的测试或者功能完整性测试,也就是说冒烟测试是随着每一次构建而执行的。 冒烟测试并非研发流程中的测试阶段,而是一个开关。 通过了,你可以继续后...

更多内容请关注公众号【前端开发博客】每日更新
20200522 前端开发日报

原文:20200522 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200522.html)