5 小时前 / Fundebug
随着 TypeScript 继续普及，会不会出现直接跑 TypeScript 的运行时？显示全部关注者 588 被浏览 136,099 关注问题写回答邀请回答1 条评论分享查看全部 31 个回答 doodlewind 花名雪碧 | github.com/doodlewind936 人赞同了该回答打开 @wryjdhej
5 天前 / 江米小枣tonylua
原文：michaelnthiessen.com 编写可维护的代码并不容易。这件事学起来难，教别人如何做更难。大多数时候，这是个熟能生巧的事情。但是历年来，我学习到的能让你快速掌握的参考资料还是比较少。 在你全面学习相关知识之前，至少记住这里列出的三个方面： 1. 减少副作用副作用很糟糕……有时却是必不可少的。 它们造成了应用中大量的复杂性，所以减少它们刻不容缓。 但你又无法完全摆脱副作用，没有它们你的应用将做不了任何有意义的事情。 副作用（side effects）指的是任何能改变其直接作用域之外状态的东西。如果你有一个函数执行了某些计算并在内......
10 天前 / 枼鳴
作者 | 朱士奇 杏仁前端开发工程师，代码洁癖症早期，关注前端技术。 自入职以来，85% 的工作都是在做 HIS:Hospital Information System (医院信息系统)的需求。从前端的角度来看，这是一个很典型的后台管理系统，而且有趣的是，你可以从项目的 git 记录中窥探到近年前端技术的变迁。 在我接手到这项目的时候，它已经稳定运行了有三年多的时间了，而且每月都有至少两个以上新需求需要去完成。这是一个非常好的事情，说明我们一直是稳步前进的，不过对于开发者来说，未必是那么的美好。因为出于项目的稳定性考虑，正在使用......
10 天前 / 美团技术团队
新年将至，年味渐浓。美团点评技术年货如期而至。从2013年12月4日发布第一篇文章，一直到今天，美团技术团队官方博客已经走过了6个春秋。截止目前，我们共发布376篇技术文章，微信公众号（meituantech）的关注者也超过20万。由衷地感谢大家一直以来对我们的鼓励和陪伴！2020年春节到来之际，我们精选美团技术博客几十篇技术干货以及数篇国际顶会论文，整理制作成一本厚达900多页的电子书，作为新年礼物赠送给大家。目录如下： 这本电子书内容覆盖前端、后台、算法、数据等多个领域，希望小伙伴们在新的一年里收获满满，成长多多。 也欢迎......
14 天前 / 噶牛爱尚
过去我们在讨论前端组件化架构的时候，通常是指某个框架限制下的组件化架构，主流组件化框架有React、Angular和Vue。理想的组件库可以自然地用于所有的前端框架，而传统的组件库是技术栈强耦合的，在面临技术栈升级或变更的时候，往往需要进行大面积的代码调整和重构，同时需要维护多套组件库。这种环境强耦合的方式会带来重复开发、交互不一致、升级困难等问题。网易严选前端团队从2019年开始了对跨框架组件开发的实践，以未来组件化趋势Web Components为桥梁，将组件核心代码与技术栈隔离，支持React和Angular的封装，力求“write once，......
16 天前 / openio
作为阿里经济体前端委员会四大技术方向之一，前端智能化项目经历了 2019 双十一的阶段性考验，交出了不错的答卷，天猫淘宝双十一会场新增模块 79.34% 的线上代码由前端智能化项目自动生成。在此期间研发小组经历了许多困难与思考，本次 《前端代码是怎样智能生成的》 系列分享，将与大家分享前端智能化项目中技术与思考的点点滴滴。 概述 一直以来，如何从“视觉稿”精确的还原出对应的 UI 侧代码一直是端侧开发同学工作里消耗比较大的部分，一方面这部分的工作比较确定缺少技术深度，另一方面视觉设计师也需要投入大量的......
17 天前 / 噶牛爱尚
首发于饿了么前端写文章从 0 到 1 实现 useAxios戯言前端新手，渣渣程序猿58 人赞同了该文章在 React 发布 16.8.0 版本后，Hooks 功能正式启用。这一改变让函数式组件获得了质的飞跃，拥有了如同类组件般处理各种副作用的能力。而自定义 Hooks 的能力，进一步让我们通过 Hooks 封装，进行能力的抽象复用。 今天笔者将带领大家从 0 到 1 实现一个常用的数据请求 Hook —— useAxios。 该 Hook 将具有以下能力： 全局配置手动请求控制请求状态管理请求取消为什么要用 Hook为了说明使用 Hook 的优点，我们通过简单的一个 demo 进行对比。 不使用 H......
21 天前 / KingJ
本文首发于【前端课湛】微信公众号。可以在微信里搜索【前端课湛】关注，第一时间看文章！ 导读：本小节主要讲解 CSS 中的结构伪类选择器的内容，其中包含了结构伪类选择器的概念以及各个结构伪类选择器的用法。虽然结构伪类选择器不一定要和表格元素配合使用，但在表格元素中使用结构伪类是最为常见的应用之一。 什么是结构伪类选择器CSS 中的结构伪类选择器是根据 HTML 页面中元素之间的关系来定位 HTML 元素，从而减少对 HTML 元素的 id 属性和 class 属性的依赖。 CSS 结构伪类选择器如下表所示： 伪类选择器作用selector:first-child用来......
24 天前 / 开发者头条
免费加入「头条君的圈子」 项目介绍 特性可视化开发：通过 GUI 操作简化前端工程复杂度，同时通过适配器可接入不同的项目工程进行可视化管理，定制专有的前端工作台丰富的物料：基于物料拼装提高项目开发效率，同时提供丰富的 React/Vue 物料最佳实践：结合丰富的经验沉淀出的项目开发最佳实践，包括目录结构、开发调试、路由配置、状态管理等自定义物料：通过物料开发者工具快速开发构建私有物料体系更多特性请参考站点 ice.work。GitHub 地址 如何获取项目地址？点击链接，打开后，「复制链接」即可。https://github.com/alibaba/ice ......
24 天前 / 噶牛爱尚
首发于小郭话前端写文章CSS浏览器兼容性，最完整处理方案一郭鲜前端“鲜”肉 , 同名公众号“一郭鲜”5 人赞同了该文章前端是一个让人又爱又恨的职业，爱,是因为技术更新快，发展道路宽阔；恨的是需要学习、掌握的东西太多太多，永远学不完，正如俗话说：活到老，学到老；但更让人头疼的是，还要面临各种适配、兼容性问题。 网上对适配、兼容性问题都有相关解答，但一直以来都是头痛医头脚痛医脚，没有进行系统的梳理，整个思路和方向全是混乱的，所以最近整理了一份CSS浏览器兼容性的常见解决思路和方案，分享给大家，一起进步。 浏览器兼容性问......
24 天前 / Dunizb
webpack 2.0 开始引入 tree shaking 技术，翻译过来的中文意思就是摇树，它可以在打包时忽略没有用到的代码。 疼！大连这些树快被摇断了 图片来自网络 机制简述 tree shaking 是 rollup 作者首先提出的。这里有一个比喻： 如果把代码打包比作制作蛋糕。传统的方式是把鸡蛋(带壳)全部丢进去搅拌，然后放入烤箱，最后把(没有用的)蛋壳全部挑选并剔除出去。而 treeshaking 则是一开始就把有用的蛋白蛋黄放入搅拌，最后直接做出蛋糕。 因此，相比于 排除不使用的代码，tree shaking 其实是找出使用的代码。 Tree shaking 两步......