Jelly

2020 年真的是灾祸频发，但是在各类前端框架上，依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态，尤大新增了三个语法糖特性，它们将用于优化 SFC 的开发体验，你会有兴趣尝鲜试试么～ 登高远眺 天高地迥，觉宇宙之无穷 前端框架 Vue 3: 2020 年中的状态更新 近日 Vue3 团队对 Vue 3 的状态进行了更新，介绍了各个主要工具的开发进度。整体计划是 7 月中旬推出 RC 版本，8 月早些时候能够推出正式版。在各工具在密锣紧鼓升级兼容 Vue3 的同时，受 Svelte 启发，尤大新增了 三个语法糖特性 用于优化 SFC 的开发体验，一起来了解一下吧～。 设计哲学 前后端一体化：前后端分离将死？ 天下大势，分久必合，合久必分，在几年前由于 NodeJS 等技术的蓬勃发展，业界涌现出前后端分离的技术架构体系，仿佛前后端分离，才是自然的法则。而如今，也是因为技术的不断发展，作者基于自身敏锐的观察，开始探索前后端一体化的架构，并列举了一系列关于前后端一体化即将到来的观点，非常值得学习、思考。不过，不管是哪种架构，都是为了在合适的时机出现，解决当下的问题，架构，没有终点。 图形编程 如何挑选数据可视化框架及平台 在数字化成为趋势的今天，数据可视化需求也越来越常见。这篇文章挑选了市面上较活跃较稳定的框架进行了详细的测评，包含框架的发展历史、优劣势

开发一个 IDE 很难么？这或许是件很难的事情，但当我们参考 VSCode 的技术构架来看，整个开发流程就会平滑顺畅很多，从内核开发、代码编辑器、视图结构到插件系统，在这整个技术构架中我们可以看到很多一个 IDE 开发中需要注意的方方面面。如果你对 VSCode 深入研究过，相信可以从中颇受启发，在此之前不妨先来看看本期推荐。 登高远眺 天高地迥，觉宇宙之无穷 基础技术 跟 VSCode 学习如何开发大型 IDE 项目 VSCode 是当下非常流行的微软开源的代码编辑器，它在满足多样性插件化生态的同时保证了软件的健壮和性能，这得益于其优秀的插件化内核架构设计。本文作者是蚂蚁金服云凤蝶团队成员，文中对 VSCode 的关键技术架构作了深刻的剖析和理解，包括内核分层隔离与扩展机制、依赖注入、命令系统、插件化架构等等，如果你正在打造一个可扩展的软件系统，这篇解读非常值得去学习参考。其实，VSCode 的优秀架构离不开其专注而克制的产品定位——“编辑器 + 代码理解 + 调试”，其他的内容交给社区生态来扩展。最完美的设计，往往是精简到极致，而无法再做减法了。 前端进阶：跟着开源项目学习插件化架构 微内核（插件化）架构被广泛应用于软件系统设计中，譬如 Vue 的插件机制 Vue.use(Plugin) 就是一个简单的插件化设计。微内核架构既能满足灵活扩展的特性，又不影响系统的稳定性

蒲公英 · JELLY技术周刊 Vol.15 听到“云游戏”，或许我们的第一反应会是“云玩家”而不是那些上云的“游戏”，在这个 5G 已来的时代，云游戏也迎来了全新的机遇。这是 5G 时代的过客？又或者这会是 5G 场景下第一个重量级应用？看完云鹭科技的这次大会分享，你会有自己的答案。 登高远眺 天高地迥，觉宇宙之无穷 前端框架 Vue 3 RFC 在 2019 年初，Vue 团队开始采用了 RFC (Request for Comments) 机制，Vue 3 的所有重大特性更新都可以在这里看到。每份 RFC 有固定的模板，提出者必须列出草案的动机、设计细节、缺陷和兼容策略等，这不仅能让提出者认真思索方案的可行性和各种边界情况，还能让社区参与到新特性的讨论与设计中来。无论是开源项目还是内部的大型项目，相信一定能从 RFC 机制中获益。 图形编程 云鹭科技的原生云游戏创意分享会 云概念在互联网界喊了好几年，终于轮到游戏了。7月15日，云河原生云游戏开发中心首次原生云游戏研发创意分享会在斗鱼直播平台进行。云鹭科技CEO温向东在直播中为大家剖析了目前游戏开发者遇到的困难，提出了入局云游戏产业来打破目前游戏研发困境的解决方法。在中国5G云游戏产业联盟的指导下成立的云河原生云游戏中心，将在“原生云游戏”的这条赛道上，扮演一个“推进者”的角色。 服务端开发 错误码如何设计才合理？

Jenkins持续集成,当我们自动打包部署完,我们可以发送一封邮件给相关的负责人。现介绍一下如何在Jenkins中配置实现邮件通知。 在Jenkins中配置实现邮件通知，Jenkins提供了两种方式的配置。 1、Jenkins内置默认的邮件通知，但是它本身有很多局限性，比如它的邮件通知无法提供详细的邮件内容、无法定义发送邮件的格式、无法定义灵活的邮件接收配置等等。 2、通过安装Email Extension Plugin插件，使用该插件来发送邮件通知。 不管哪种邮件通知都有全局配置和项目配置。其中全局配置是在Jenkins中系统管理的系统设置里面设置，项目配置在具体的项目中的配置中设置。 下面分别说明Jenkins两种邮件通知的配置。 示例中的Jenkins版本为 Jenkins ver. 2.107.2 一、Jenkins内置默认的邮件通知配置 【系统管理】——【系统设置】 在系统设置中找到Jenkins Locaction项填入Jenkins URL和系统管理员邮件地址，系统管理员邮件地址一定要配置，否则发不了邮件通知。因为邮件通知都是由系统管理员的邮箱发出来的。 点击【Test configuration】显示Email was successfully sent则发送成功。 2、设置项目通知 选择项目 在项目的设置中找到“增加构建后的操作步骤”，选择“E-mail

蒲公英 · JELLY技术周刊 Vol.04 「蒲公英」期刊全新升级——JELLY技术周刊！深度挖掘业界热点动态，来自团队大咖的专业点评，带你深入了解团队研究的技术方向。 登高远眺 天高地迥，觉宇宙之无穷 基础技术 WebAssembly 入门 WebAssembly 是一种类汇编语言，相比 Javascript 有着更快的解析和执行速度，能帮助我们突破 Web 应用中的性能瓶颈。文章介绍了 WASM 的开发背景、发展愿景、关键概念还有主要用途，能让我们清晰地了解 WASM 技术的整体脉络，为拓展性能优化新的思路。 从代码到像素，现代浏览器如何把页面呈现给你？ 谷歌出品的系列文章，用精美的图表和简洁的文字，从非常基础的硬件知识，浏览器的的架构到渲染的进程，深入浅出地介绍了现代浏览器是如何进行工作的。了解浏览器的工作过程，有助于我们编写合理的代码，找出或者避免页面中的性能瓶颈，带来更好的用户体验。 跨端框架技术 一个易迁移、兼容性高的 Flutter 富文本方案 在Flutter的富文本中，不同的版本的实现方式是不一样的，因此我们需要找到一个兼容性高、易迁移的富文本方案，来方便我们把富文本的功能从低版本迁移到高版本的Flutter中，在本篇文章中，作者将通过分析高版本富文本的实现原理，并通过正则替换，以及对HTML Node Tree的分析来逐步实现迁移的目的。

一、 问题：在顶部或者底部反复快速滑动界面，会出现自动向反方向滚动，或者视频有声音没有画面。 　　解决：在AndroidManifest.xml中给webview所在的activity添加硬件加速的属性：android:hardwareAccelerated="true"。 　　说明：1、view控件不能开启硬件加速（webView.setLayerType(View.LAYER_TYPE_HARDWARE,null);这个设置无效），但是view控件可以关闭该view的硬件加速：webView.setLayerType(View.LAYER_TYPE_SOFTWARE,null); 2、setLayerType方法只有在api>11才有。 3、参考网址： https://blog.csdn.net/u010142437/article/details/70915694 二、 webview的设置 　　WebSettings webSettings=webView.getSettings(); 　　 webSettings.setUseWideViewPort(true);//设置WebView是应该启用对“viewport”HTML元标记的支持还是应该使用宽视口。true:支持<meta>标签的viewport属性 　　 if (Build.VERSION.SDK_INT >=

Android： Google于2007年11月5日宣布，基于Linux平台搭建的开源手机操作系统的名称。 Logo是一个绿色（ #A4C639 ）机器人， 有时Logo会用纯文字来表达。 版本迭代： 1.1：2008年9月发布的Android第一版 1.5（ Cupcake，纸杯蛋糕，2009年4月30日）：支持拍摄/播放影片， 蓝牙耳机 ， 浏览器 ，复制/贴上，虚拟 键盘 ，屏幕旋转，来电照片显示 ； 1.6（ Donut，甜甜圈，2009年9月15日）： 支持 CDMA 网络，文字转语音 ， Virtual Private Network ， 更多的屏幕分辨率； 2.0：2009年10月26日， 支持HTML5，数码变焦； 2.2/2.2.1（ Froyo，冻酸奶，2010年5月20日）：性能提升， 3G 网络共享 ， Flash ； 2.3.x（Gingerbread，姜饼，2010年12月7日）： 感应器 ， 前置摄像头； 3.0/3.1/3.2（ Honeycomb，蜂巢，2011年2月2日/ 2011年 5月11日/ 2011年7月13日）：优化平板 ， USB 输入设备（ 键盘 、 鼠标 等）； 4.0（ Ice Cream Sandwich，冰激凌三明治，2011年10月19日 ）：全新的UI，Chrome Lite浏览器，离线功能，隐身浏览模式，截图，图片编辑

document.querySelector("选择器")； 备注： 选择器： 可以是css中的任意一种选择器 通过该选择器只能选中第一个元素。 document.querySelectorAll("选择器"); 备注： 与document.querySelector区别： querySelectorAll 可以选中所有符合选择器规则的元素，返回的是一个列表。querySelector返回的只是单独的一个元素 Dom.classList.add("类名"): 给当前dom元素添加类样式 Dom.classList.remove("类名"); 给当前dom元素移除类样式 classList.contains("类名"); 检测是否包含类样式 classList.toggle("active"); 切换类样式（有就删除，没有就添加） 自定义属性 data-自定义属性名 备注： 在标签中，以data-自定义名称 1. 获取自定义属性 Dom.dataset 返回的是一个对象 Dom.dataset.属性名 或者 Dom.dataset[属性名] 2. 设置自定义属性 Dom.dataset.自定义属性名=值 或者 Dom.dataset[自定义属性名]=值； 注意： 属性名是不包含data-（例如在标签中，设置为data-jelly）， 获取为Dom.dataset.jelly 来源：