• 如何搭建一个高可用的服务端渲染工程
    但同时,也带来了一些问题:页面的DOM完全由js来渲染,使得大部分搜索引擎无法爬取渲染后真实的DOM,不利于SEO。// 终于讲到服务端渲染这个重点了。而正是Node的发展和基于Virtual DOM的前端框架的出现,使得用js实现服务端渲染成为可能。这样做的好处是明显的:1. 较大地节省CPU资源;2. 减小了服务端渲染直出的html字符串长度,能够更快地响应给浏览器,减小白屏时间。
  • 带你微前端入门(长文,建议收藏)
    但是网上关于微前端文章总是说得似是而非,于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构,因为看起来业界对最佳实践并没有达成一致。一些微型前端实现可能导致依赖关系非常重复,从而增加用户的下载量。微前端的优点增量升级对于许多团队而言,这是开始微前端之旅的首要原因。部署范围的减小,带来了风险的降低。每个微前端应用都应具有自己的持续交付途径,不停地构建、测试、部署。但是,这种方法意味着我们必须重新编译并发布每个微前端应用,才能发布我们对某个应用作出的更改。
  • 2019年前端经典书推荐
    本书通过系统地介绍前端架构世界的方方面面,来帮助前端工程师更好地进行系统设计。NO.5《Flutter:从0到1构建大前端应用》何瑞君 著谷歌全平台框架,Flutter技术入门、进阶实战Flutter 1.5.4疑点、难点解析,从基础学习到上架App本书是Flutter从基础入门到进阶实战的教程书,也是一本面向大前端的新技术书。本书讲解了大前端方向中多个主流的技术栈,针对每个技术栈,本书选取入门必需的内容进行详细讲解。中奖者如果24小时内未填写地址,视为自动弃权!
  • 如何使你的开源项目成功[每日前端夜话0xD0]
    每日前端夜话0xCF每日前端夜话,陪你聊前端。你在 README.md 中编写了一些说明,并发布了1.0版。总而言之,一个好的开源项目解决了开发人员正在积极寻求解决方案的问题。探索被广泛使用但性能中等的开源项目。这方面是增加信任度并证明你的开源项目正在测试质量的好方法。如果 README.md 缺少详细信息,你可能会认为开发人员慧深入研究实现细节,并自行找到如何使用该工具的方法。关键 成功的开源项目应该具有引人注目的 README.md 和出色的文档5. 展示 demo 和截图人类是视觉生物。
  • React VS Vue:2020年应该选哪个?[每日前端夜话0xD3]
    每日前端夜话0xD3每日前端夜话,陪你聊前端。与选择技术栈相关的一些常见问题是:React 或 Vue:哪个更适合我的下一个 Web 发项目?让我们根据各种参数对 React 与 Vue 进行比较,以揭示这些工具在 2020 年的现实情况。让我们看一下 2019 年的最新统计数据,来了解 React 和 Vue 中哪个是更受欢迎的。截至撰稿时的最新版本是 2.6.10,于 2019 年 3 月 20 日发布。React VS Vue: 性能Web 程序的修改反映在其用户界面和被称为 DOM 的事物中。框架大小React 小比 Vue.js 略大。React 大约为 100 KB,Vue 的为 80 KB。React 有 一个顶级公司 facebook支持,但 Vue 没有。React 提供了比 Vue 更大的灵活性。
  • 怎样创建你的第一个React Native App[每日前端夜话0xD8]
    日前端夜话0xD8每日前端夜话,陪你聊前端。因此,你需要学习如何用 React Native Starter 创建全新的移动应用程序,了解其设计模式并尝试理解如何确保主代码干净且可扩展。React Native Starter 可以通过为开发人员提供适用于他们应用程序的可扩展、多功能和强大的入门套件来解决这些问题。用 React Native Starter 开始一个全新的 App 项目所需的先决条件:要使用本教程,你必须对 React 和 JavaScript 有所了解。Reactotron:这是一个桌面程序,用于检查 React Native 和 React.js 项目。结论如你所见,使用 React Native Starter 开始一个全新的应用非常简单。这就是在开始一个新的移动应用项目时,React Native Starter 居于首位的原因!
  • 我们应该为 JavaScript 重新命名吗?[每日前端夜话0xDA]
    最近,LinkedIn 的 JavaScript 组提出了一个有趣的问题:是否需要重新命名JavaScript?非官方的,社区制作的JavaScript徽标。但是对我来说,JavaScript 名称的最大问题是范围模糊。如果一个计算机程序被证明是用 JavaScript 所编写的,那么这并不能告诉我运行该程序所需的一切。重新命名 JavaScript 可能有助于消除所有这些混乱。新的 JavaScript如果我们确实重命名了 JavaScript,将会如何称呼它?JavaScript 已经有了很多名字。1995 年底发布的 JavaScript。但我个人更喜欢将 JavaScript 重命名为 JS。也许会有一个 ServerJS 标准,该标准指定了预期由服务器端 JavaScript 运行时提供的其他API。因此,WebJS 2020 将引用 ECMAScript 的快照以及截至 2020 年标准化的所有 Web API。
  • 不忘初心,砥砺前行
    经过两天的思考,给公众号定名为:全栈前端精选。过程其实公众好几年前就有了,之前的 500+粉丝还在关注着。经常整理文章、写文章一不小心就两三点了,每天想的都是如何写好的文章,如何能够吸引关注。甚至,已经分散了很多我工作上和生活上的精力,这是非常危险和恐怖的,虽然我不断地提醒着自己,工作第一,学习第一。感悟勿忘初心,方能始终目前已经退出了群,在这个人人都有公众号的前端娱乐圈,实在不想太过于随波逐流。我会继续写,更多的知识沉淀我也会继续分享。不忘初心,收拢下精力。一切解释权归 Nealyang 所有。
  • 在 Node.js 上运行 Flutter Web 应用和 API[每日前端夜话0xDC]
    另一个相对较新的框架是 Flutter。Flutter 简述Flutter 是 Google 跨平台开发解决方案之一。Flutter 主要关注 iOS 和 Android。在 1.9 版中已将 Web 支持添加为技术预览。将 Flutter 程序编译为 Web 应用并将其托管在现有的 Node.js 服务器上可能是当前解决方案的逻辑扩展,而无需增加额外的托管成本。示范现在该深入研究代码,看看 Flutter web 的实际应用了。需要 Node.js 12 才能运行 Flutter Weather 程序的 Web 版本以及后端 Weather API。手机上的Flutter Weather Appweather app 允许用户查看预定义城市的当前天气。天气数据是从运行在 Node.js 上的后端服务器中检索的。探索 Flutter 天气应用在编辑器中打开 weather_app_flutter 。
  • 10个智能音响,30本优质书籍:来抽奖啰!
    活动介绍奖品设置:一等奖:小米音响10名二等奖:优质前端书籍30本开奖时间:11月1日 中午 17:30参与活动本次活动一共有10个公众号参与,每个公众号都分配有1个小米音响,优质前端书籍3本。现在,你可以找到更酷的生活方式,小爱将陆续联动更多的智能产品,给您打造一个智能温馨的家。
  • 极客时间前端教程推荐
    让你在既有终端技术栈的基础上做能力叠加,而非从零开始学习 Flutter,沉浸在 API 的参数和实现细节中。特惠购买:9小时搞定微信小程序开发极客邦科技与腾讯 NOW 直播工程师高磊联合打造了《9 小时搞定微信小程序开发》系列视频课程,力求在尽量短的时间内教会你用最规范的微信小程序开发技能,快速打造出一款属于自己的微信小程序。阅读原文查看更多教程
  • 前端基础必会哪些CSS主流布局方案?
    作为页面化妆师的CSS属于前端必会的技能,用于定义页面的样式结构如字体、颜色、位置等信息来控制页面显示效果,入门级包含选择器、盒子模型、float浮动、position、display、文本样式等内容,用于CSS页面布局中。目前主流的CSS布局包含居中布局、多列布局以及全屏布局,如下举例情况在网页中非常常见。对于需要学习CSS布局的人来说,清晰、系统、细致的布局课程,可以帮助学习者节省知识搜索的时间和建立严谨的布局习惯。微课全网稀缺的课程全面整合CSS主流布局方案5小时提升CSS布局技能慕课网限时福利1元购买资格轻松获得!
  • 从入门到精通:2019最全的前端学习规划与指导
    一名靠谱的程序员,必须建立自己的知识体系。但更重要的是,掌握其中学习的规律和顺序。现在,帮你从入门到精通前端开发知识的机会来了!成为一个优秀的web前端,少不了学习这些内容!HTML阶段:JavaScript阶段:在腾讯课堂搜索渡一教育,《2019权威「HTML+CSS」零基础入门精英课》和《Web前端开发之JavaScript精英课堂》两场精品公益课带你从新手小白过渡到前端大神!2018-2019年渡一教育更是凭借高质量的教学服务、创新的运营模式、独特的教学理念连续获得腾讯课堂官方认证机构、金课堂之最受欢迎机构奖的荣誉。
  • 一文掌握 全部前端主流CSS布局方案!
    目前主流的CSS布局包含居中布局、多列布局以及全屏布局,如下举例情况在网页中非常常见。对于需要学习CSS布局的人来说,清晰、系统、细致的布局课程,可以帮助学习者节省知识搜索的时间和建立严谨的布局习惯。微课全网稀缺的课程全面整合CSS主流布局方案5小时提升CSS布局技能慕课网限时福利1元购买资格轻松获得限时限量,先到先得,扫码速抢这门课程涵盖以上三种主流布局,分别讲解三种布局的N种布局情况,每一种情况又分别提供几种不同的主流解决方案,学完可以直接应用于实际工作和面试中,通过布局巩固HTML与CSS知识点,并解决布局的具体问题。
  • Vue 3 中令人兴奋的新功能[每日前端夜话0xE2]
    每日前端夜话0xE2每日前端夜话,陪你聊前端。我们已经知道,用新的 Vue 3 编写的程序效果会很好,但性能并不是最重要的部分。如你所料,Vue 3 带来了许多令人兴奋的新功能。值得庆幸的是,Vue 团队主要介绍了对当前 API 的添加和改进,而不是重大更改,所以已经了解 Vue 2 的人们应该很快就会对新语法感到满意。在后台,Vue 编译器需要将此属性转换为工作代码。Vue 核心团队将组件 API 描述为 “一组基于函数的附加 API,可以灵活地组合组件逻辑。”传递的元素的值将会保留在所创建引用的 value 属性中。假设我们要提取 counter 中的功能并在其他组件中重用。
  • 一段神奇的监视 DOM 的代码[每日前端夜话0xE4]
    每日前端夜话0xE4每日前端夜话,陪你聊前端。SpyOn demo将鼠标悬停在 DOM 元素上会显示其属性!自己尝试一下复制下面的整个代码块,并将其粘贴到浏览器 Web 控制台中。这样只要需要一些 DOM 监视辅助,就可以将代码复制并粘贴到 Web 控制台中。将 div 插入到文档的正文中,并在正文上启用鼠标事件侦听器。用例帮助解决UI错误确保你所应用的 DOM 元素能够按预期工作了解一个 Web 应用的结构你可以从这段代码中学到什么如何使用 Vanilla JS 实现工具提示模块如何解析 DOM 对象的属性如何找到鼠标 X 和 Y 的位置如何获取文档的滚动位置
  • 「开源活动」2019 成都 Web 全栈大会
    本期活动推荐:2019 成都 Web 全栈大会详情请看文内介绍。2019 年刚过一半,就有小伙伴通过各种渠道来问:今年前端大会还有吗?《城市大脑地图可视化技术实践》时间:2019 年 11 月 16 日 10:50 ~ 11:30领域:Web 前端、数据可视化难度:入门内容简介:背景组件库设计生态建设最佳实践陈森森 阿里巴巴 - Web 前端工程师讲师简介:中国科学技术大学毕业,计算机专业硕士。《聊聊 Node.js 构建部署时我们要关心的数据》时间:2019 年 11 月 16 日 16:20 ~ 17:00领域:Node.js、DevOps难度:进阶内容简介:在 DevOps 的时代,构建和部署都已经自动化了。
  • JavaScript测试教程-part 2:引入 Enzyme 并测试 React 组件[每日前端夜话0xE8]
    每日前端夜话0xE8每日前端夜话,陪你聊前端。正文共:1319 字预计阅读时间:6 分钟作者:Marcin Wanago翻译:疯狂的技术宅来源:wanago.io1. JavaScript测试教程-part 1:用 Jest 进行单元测试2. JavaScript测试教程–part 2:引入 Enzyme 并测试 React 组件3. JavaScript测试教程–part 3:测试 props,挂载函数和快照测试4. JavaScript测试教程–part 4:模拟 API 调用和模拟 React 组件交互在本教程的第一篇中,我们简要介绍了单元测试的基础。这次要更进一步,使用 Enzyme 库测试 React。它将包含 adapter 的用法,后者是一个附加库,允许你将 Enzyme 与一组特定的 React 版本一起使用。"这里要注意一个非常重要的点:即使我们用了 Enzyme,但测试运行程序仍然是 Jest。
  • 2019 成都 Web 全栈大会
    我们今年办 ——全栈大会!!《基于 Node.js 打造研发团队的瑞士军刀》领域难度时间Node.js、工作流入门2019 年 11 月 16 日 10:10 ~ 10:50不断提高研发效率(快)与提升研发体验(爽)应该是一个团队成长所必需的两个点。《城市大脑地图可视化技术实践》领域难度时间Web 前端、数据可视化入门2019 年 11 月 16 日 10:50 ~ 11:30背景组件库设计生态建设最佳实践陈森森阿里巴巴 - Web 前端工程师中国科学技术大学毕业,计算机专业硕士。《聊聊 Node.js 构建部署时我们要关心的数据》领域难度时间Node.js、DevOps进阶2019 年 11 月 16 日 16:20 ~ 17:00在 DevOps 的时代,构建和部署都已经自动化了。
  • JavaScript 测试教程–part 3:测试 props,挂载函数和快照测试[每日前端夜话0xE9]
    每日前端夜话0xE9每日前端夜话,陪你聊前端。正文共:1489 字预计阅读时间:6 分钟作者:Marcin Wanago翻译:疯狂的技术宅来源:wanago.io1. JavaScript测试教程-part 1:用 Jest 进行单元测试2. JavaScript测试教程–part 2:引入 Enzyme 并测试 React 组件3. JavaScript测试教程–part 3:测试 props,挂载函数和快照测试4. JavaScript测试教程–part 4:模拟 API 调用和模拟 React 组件交互在上一篇教程中,我介绍了使用 Enzyme 测试 React 组件的基础知识。今天,将进行更深入的研究,并学习如何测试 props,如何使用 mount 函数以及什么是快照测试。由于 toDoListInstance 和 taskInstance 均继承自 ShallowWrapper,因此我们可以调用 props 函数。
公众号