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

前端技术期刊-JavaScript是如何成长为一门“真正的”语言的

时间:2023-04-05 18:40:33 HTML5

这个期刊专注于Web的前端技术。整理了值得分享的内容。有些链接可能直接打不开,需要科学上网解决。本期热门文章JavaScript如何成长并成为一种“真正的”语言2005年第一次看到GoogleMaps时,但早在1999年,微软发布IE5时,就有XMLHttpRequest的文档。当开发者看到JavaScript可以在浏览器中实现更好的交互时,就像打开了潘多拉魔盒,JavaScript迎来了第二春!https://t.co/ESSX9e8ATOMATTHEWMACDONALDES6符号实用指南ES6引入符号作为一种新的基本类型来充当唯一标识符,以下是它们的用途。http://thecodebarbarian.com/a...VALERIKARPOV第一次启动浏览器时会发生什么?一系列有趣且具有启发性的Twitter线程,深入研究您在安装/首次启动时使用的浏览器(包括Chrome、Firefox、Opera等)会发生什么情况。https://twitter.com/jonathans...JONATHANSAMPSON推特上Dojo6发布:AProgressiveFrameworkforWebAppsMikealRogers曾经说过React是新的Dojo,但Dojo是一个流行的“内置电池”框架,它仍在创新,v6是自去年v2推出以来最雄心勃勃的版本的。https://dojo.io/blog/version-...OPENJSFOUNDATIONUseEmbeddedImagePreviewforFasterImageLoading本文介绍的EmbeddedImagePreview(EIP)技术允许我们使用ProgressiveJPEG、Ajax和HTTPrangerequests在延迟加载期间加载预览图像而不传输额外数据。https://www.smashingmagazine....CHRISTOPHERDMANNWeb内容对用电量的影响出色的Web性能不会因您第一次浏览的速度有多快或页面有多薄而停止。这篇文章涵盖了电池耗尽的一些要点,并向您展示了可在浏览器中使用的工具,以检查您的网站是否性能不佳并过度耗尽用户的电池寿命。https://webkit.org/blog/8970/...TypeScript3.6https://devblogs.microsoft.co...DANIELROSENWASSER(MICROSOFT)如何以丝般流畅的性能为盒子阴影制作动画,以便为元素添加阴影可能是帮助他们脱颖而出的好方法,在不影响性能的情况下探索更多。https://tobiasahlin.com/blog/...ReactSliderCodropswithParallaxHoverEffect为您带来了如何使用视差效果构建基于React的滑块的演示。https://tympanus.net/codrops/...文章和教程ChromeDevTools:使用WebAudioInspector检查音频https://umar.com/dev-tips/20...UMARHANSA让Yarn和pnpm超越npmnpm的两个备择方案。https://blog.nicco.io/2019/08...NICCOLOBORGIOLI使用DOM元素的属性https://css-tricks.com/workin...CHRISCOYIERChrome中视频字幕的CSS样式正在开发中您可以在WebVTT文件中使用外部CSS文件或样式块(它在Safari中发布)。https://twitter.com/sw12/stat...SAMDUTTON在TWITTER上使用VuePress轻松制作文档VuePress是一个静态站点生成器,特别适合生成文档站点。https://www.smashingmagazine....BENHONG使用face-api.js创建“实时”头像该公司使用face-api.js在其网站上跟踪面部位置“实时头像”。https://blog.pragli.com/live-...DOUGSAFRENO如何构建基于Web的实时多人虚拟现实游戏使用熟悉的Web开发进行VR开发,在本系列的第一部分中,您将学习如何创建具有互动游戏元素的虚拟现实场景。https://www.smashingmagazine....ALVINWAN使用HTML5网络存储创建购物车https://www.smashingmagazine....MATTZAND使用“表格编号”进行更优雅的动态数字渲染随着值的变化,例如视频时间戳或用户控制的数字滑块,可能值得考虑是否使用支持等宽数字(也称为表格数字)的字体来改善用户体验。https://blog.usejournal.com/p...工具与资源MVC.js一个简单的JavaScript中的MVC应用程序,这可能是理解模型/视图/控制器模式的良好起点。https://github.com/taniarasci...Monolith可以将网页保存到单个捆绑的HTML文件中。与浏览器的“另存为”功能不同,Monolith将页面的HTML、CSS、图像和JavaScript资源嵌入到单个HTML文件中,以便于存储。https://github.com/Y2Z/monolithY2ZradialMenu适用于桌面和移动设备的高度可定制的JavaScript径向菜单。https://github.com/victorqrib...VICTORRIBEIROTrumbowyg一个轻量级的所见即所得编辑器。该编辑器是一个jQuery插件,压缩后只有8KB。https://github.com/Alex-D/Tru...ALEXANDREDEMODEKarma是一个用于JavaScript的多浏览器测试运行器,可以同时在多个真实浏览器中测试代码。https://github.com/karma-runn...KARMACompress-Or-Die将JPG/JPEG/PNG/GIF/WebP文件压缩到极限。https://compress-or-die.com/?...LazyKit是一个完整的基于Bootstrap4的设计系统。涵盖了所有Bootstrap4组件并增加了2个插件,自带三个示例页面。https://github.com/bootstrapb...KendoReactReactUI组件库,包含许多可定制的UI和数据可视化组件,包括DataGrid、DatePicker、TreeView等。https://www.telerik.com/kendo...DivjoyReact代码生成器。一个基于Web的免费工具,可为您的下一个项目创建完美的代码库。https://divjoy.com/FullStack用Typescript编写的React/ApolloGraphQL/Node/Mongo的演示,可以用作全栈样板。https://github.com/TrillCybor...geo-info一个简单且免费的地理编码API,用于将坐标转换为人类可读的位置以及将位置转换为坐标。https://geo-info.co/Honeycomb用于现代工程和DevOps的下一代应用程序性能监控,可有效观察、调试和改进生产系统。https://www.honeycomb.io/HTML电子邮件模板来自MySigMail的四个HTML电子邮件模板(两个时事通讯,两个电子商务)。https://github.com/mysigmail/...Transform多语言网络转换器。将HTML、SVG、JSON、GraphQL等转换为各种格式。https://transform.tools/ColorSnappermacOS颜色选择器应用程序,适用于设计人员和开发人员,可以轻松收集、调整、组织和导出屏幕上任何像素的颜色。https://colorsnapper.com/?mc_...ColorSlurpColorSlurp是开发人员或设计师的终极色彩生成助推器。使用放大镜从屏幕上的任意位置选择一种颜色。使用各种颜色选择工具创建和编辑颜色。只需单击一下,即可以任何格式将颜色复制并导入ColorSlurp。http://colorslurp.com/?mc_cid...创意3D动画开关https://codepen.io/aaroniker/...H1元素的CSS样式https://codepen.io/cbird78/pe...gold积木动画https://codepen.io/jkantner/p...版本发布SystemJS6.0,https://github.com/systemjs/s...react-datepicker2.9.0,https://github.com/Hacker0x01...VeeValidate3.0-Vue.js基于模板的验证,https://www.baianat.com/labs/...Quasar1.1-快速构建Vue.js驱动的接口,https://quasar。dev/jquery.terminal2.8-在web上创建类似终端的体验,https://github.com/jcubic/jqu...内容来自FrontendFocus,https://frontendfoc.us/JavaScriptWeekly,https://javascriptweekly.com/响应式设计周刊,https://responsivedesign.is/WebTools周刊,https://webtoolsweekly.com/CSS动画周刊,https://weekly.cssanimation.r...关注我公众号,专注于前端技术