当前位置: 首页 > Web前端 > CSS

FCC成都社区前端周刊第11期

时间:2023-03-30 21:55:07 CSS

1.Angular6正式发布Angular6.0.0已经正式发布。新版本重点关注工具链以及工具链在Angular中的运行速度。Angularv6是统一整体框架、Material和CLI的三个Angular组件的第一个版本。这次不再关注底层框架,而是更关注工具链,使其更具可移植性。详情:https://alligator.io/angular/angular-6/2。用户友好的数字输入“InputMode”数字输入框需要一个用于数字输入的UI界面。在大多数小屏手机上,只要将输入类型设置为数字,就可以轻松调用数字键盘来处理数字输入。但是在稍微大一点的手机屏幕上,会像PC端一样,在输入框的最右边出现一个默认的小上下箭头。当你用手指点击这个箭头时,体验会非常糟糕。这不是我们希望的结果。input='number'当我们不仅输入数字而且输入加号和减号时效果不佳。可以解决这个问题的InputMode已经被WHATWG提倡多年,现在Chrome66终于率先支持了这个模式。详情:https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/3。有了Meiosis,也许你不再需要Redux、MobX或RxJSMeiosis实际上并不是一个库,它只是提供了一种更简单的状态管理模式。它的特点是:你在开发的时候有更多的自由空间,不用依赖库的支持;没有“黑科技”,代码干什么你一清二楚;它提供可重用的纯函数对象组件;它有和RenderProps,和ReactContext一样的功能;支持引用第三方插件,如Bootstrap、jQuery等。详情:https://medium.com/@foxdonut00/you-dont-need-redux-mobx-rxjs-cerebral-6a735b150a024。创建你的第一个RESTfulAPI如果你是一个从未编写过服务器端代码的前端开发者那些想要将技能树扩展到后端开发的人,你可以尝试迈出第一步并跟随本文的作者文章了解如何使用NodeJS创建RESTFUL风格的API。详情:https://codeburst.io/building-my-first-restful-api-95575eb7ed42?gi=98b1f135d0325。漫画:ESModuleESModule为JavaScript提供了一个官方标准化的模块系统。然而,这需要一些时间——将近10年的标准化工作,但等待即将结束。随着5月份Firefox60(目前处于测试阶段)的发布,所有主流浏览器都将支持ESModules,NodeModules工作组正在努力在Node.js中添加ESModules支持。WebAssembly的ES模块集成也在进行中。下面我们就来看看ES模块可以解决哪些问题,以及它们与其他模块系统中的模块有何不同。详情:https://zhuanlan.zhihu.com/p/363586956。如何在团队开发中统一构建标准在开发团队中工作时,建立开发人员之间通用的构建标准对于节省时间和防止重复工作非常重要。以下是CircleCI在您的团队中自动化共享构建标准的3种方式:强制代码格式化、强制构建时间限制、强制PR分支目标。详情:https://circleci.com/blog/enforce-build-standards/7。使用CSS开发下拉菜单CSS变得越来越强大,并且具有CSS网格和自定义属性(也称为CSS变量)等功能,我们看到一些非常有创意的解决方案不断涌现。其中一些解决方案专注于使网页不仅更漂亮,而且更易于访问。这篇文章描述了如何使用focus-within伪类制作一个简单的下拉菜单。详情:https://css-tricks.com/solved-with-css-dropdown-menus/8。BuildingFormswithReact-EverythingYouNeedtoKnow表单对于任何现代应用程序都是必不可少的,它们是用户与应用程序交互的基本媒介。表单在您的应用程序中可以采用多种形式:安全登录用户、搜索和过滤产品列表、预订产品和构建购物车等。在本教程中,我们将了解React如何处理表单。我们不仅涵盖基础知识,还涵盖验证和最佳实践,以及经验丰富的开发人员会遇到的一些错误。详情:https://www.codementor.io/blizzerand/building-forms-using-react-everything-you-need-to-know-iz3eyoq4y9。你应该每天使用的现代JS特性JavaScript只在网站上使用添加一点交互性的日子已经一去不复返了。现在每年都会发布新的ECMAScript标准,带来越来越有用和强大的功能。JavaScript不仅用于前端,还用于构建后端架构、移动、桌面或物联网应用程序。本文作者作为一名全栈开发者和移动开发专家,为我们提供了他在日常工作中使用的JS技巧。详情:https://www.codementor.io/thomas478/modern-javascript-features-which-you-should-be-using-every-day-for-better-development-and-what-problems-do-they-解决-itkhcemti10。如何处理JavaScript内存泄漏本文是深入探讨JavaScript及其工作原理的系列文章中的第三篇,讨论了开发人员往往忽视的一个重要主题:内存管理。文章内容包括:什么是内存、内存生命周期、JavaScript中的内存分配、内存释放、垃圾回收、4种常见的JavaScript内存泄漏以及如何处理JavaScript内存泄漏的技巧。详情:https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650841194&idx=1&sn=c7994c15f1ad38b636c763a01f9c18ad11。万星技术面试基础知识。该项目总结了技术面试所需的基础知识,包括:算法、操作系统、网络、面向对象、数据库、Java、分布式、工具和编码实践等。详情:https://github.com/CyC2018/Interview-Notebook12。中国程序员容易读错的词中国程序员容易读错的词,包括大家熟知的Angular、AJAX、Git、hidden、Linux、module和width等。一起来看看吧,说不定会有新的发现呢。详情:https://github.com/shimohq/chinese-programmer-wrong-pronunciation每周一更新到github,欢迎star:)