搜索[前端性能]结果-低调大师优秀个人博客

精选列表

搜索[前端性能]，共10000篇文章

EMP微前端分享内容回顾（上）

前言大家好，今天我们将带来EMP微前端解决方案。看到这个名字，大家脑海里是否会想起这些问题：EMP是个什么？微前端又是什么？微前端有什么用？EMP微前端的价值点在哪里？

2020-12-16

Bootstrap 5 Beta 1 现已发布。官方表示，该版本包含了许多新功能以及重大更改。此后，其将只对功能、bug 和文档进行微调。本次更新的一些重点内容如下：添加了 RTL 支持。具体变化有： CSS dist 文件的新 RTL 版本，其中包括网格、Reboot、实用工具和标准捆绑包。可参阅目录页面以获取文件的完整列表。新的 RTL 文档帮助入门。五个新的 RTL 示例展示了新的 RTL CSS 的运行情况，并将 Album、Checkout、Carousel、Blog 和 Dashboard 示例转换为所有新的从右到左的等效项。两个新的 cheatsheet kitchen sink页面重命名逻辑属性类将 Popper 更新到 v2.x，并对其工具提示和弹出窗口进行了一些小改动。在数据属性中添加命名空间 "bs"。示例如下： <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown button </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> 添加新的 toast positioning JavaScript 改进和错误修复通过 state 选项更新了具有 pseudo-classes支持的实用程序 API 更多详情可查看：https://github.com/twbs/bootstrap/releases/tag/v5.0.0-beta1

2020-12-09

2020 大前端学习路线完全指南

前端学习路线思维导图本次的内容，我们来聊一聊大前端的学习路线。

2020-12-07

网站前端技术之通俗理解

如今的前端技术是一个复杂的生态。随便阅读一篇关于前端的技术文章，一定会发现大量的技术术语。

2020-11-27

对比多种微前端方案

转自团队掘金文章：https://juejin.cn/post/6898268972178178061 一、写在前面在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念

2020-11-24

前端福音：Serverless 和 SSR 的天作之合

性能分析依赖 Serverless Component, 虽然我们可以快速部署 SSR 应用。但是对于开发者来说，性能才是最重要的。那么 Serverless 方案的性能表现如何呢？

2020-06-11

前端也要懂物理 —— 惯性滚动篇

除此之外，在丰富多姿的 web 前端生态中，很多经典组件的交互都一定程度地沿用了惯性滚动的效果，譬如下面提到的几个流行 H5 组件库中的例子。

2020-06-11

WebStorm 2020.1 RC 发布，前端开发 IDE

WebStorm 2020.1 RC 发布了，主要更新内容有：新的默认编辑器字体：从 v2020.1 开始，WebStorm 默认选择了 JetBrains Mono，并可以选择设置字体。更有用的快速文档：将鼠标悬停在符号上时，将显示“文档”弹出窗口。这有助于更快地找到有关特定符号的信息。对于 JavaScript 和 TypeScript，弹出窗口包含有关符号的类型和可见性以及该符号的定义位置的详细信息。用于集中编码的 Zen 模式：新的 Zen 模式结合了 Distraction Free 模式和 Full Screen 模式。想完全专注于代码时就可以使用它。改进的 Vue 支持：此版本增加了对 Vuex 库和 Vue 3 中的 Composition API 的支持。在保存时运行 Prettier：使用新的“在文件上保存时运行”选项，WebStorm 将在保存这些文件后，将 Prettier 格式应用于 IDE 设置中指定并在项目中编辑的所有文件。 Bundled spell checker：WebStorm 2020.1 与 Grazie（拼写、语法和样式检查工具）捆绑在一起。简化的commit rebasing过程：在 WebStorm 2020.1 中，将有重新编制的、更具交互性的 “Rebasing Commits” 对话框。使用 WebStorm 进行快速编辑：使用新的 LightEdit 模式，可以在类似文本的编辑器窗口中打开文件，而无需创建或加载项目。更新说明：https://blog.jetbrains.com/webstorm/2020/04/webstorm-2020-1-rc/

2020-04-02

前端工程师眼中的Docker

前端工程师眼中的Docker笔者最近在整理Node.js操作各数据库的方法，却不料遇到一个很棘手的问题：很多数据库，都需要同时下载Server端和Client端，并进行相应的配置，着实是麻烦。

2020-03-17

Serverless 掀起新的前端技术变革

作者：蒋航，阿里云前端工程师前端开发模式的演进首先回顾一下前端开发模式的演进，我觉得主要有四个阶段。

2020-03-02

关于 2020 年的前端趋势预测

根据对前端发展现状的观察，和对一些已有调查的研究，前端开发者 Roberto Hernandez在其个人专栏中对接下来的前端发展趋势做出了个人预测。

2019-12-29

quickly 1.3 版本发布，CSS 前端框架

quicklyCSS前端框架发布1.3版本演示地址 http://qietu.com/quickly-1.3/ pc界面移动界面关于框架 quicklyCSS框架曾用名 ThinkCSS,QuickCSS

2019-12-03

Cadmin 1.1 发布，新增 React 版前端

新增react客户端项目地址:https://gitee.com/baiy/Cadmin-client-react 其他更新添加当前用户设置功能添加用户描述字段添加演示站点演示地址 vue版前端

2019-12-03

前端javascript练习题之promise

前端javascript练习题之promisepromise-ajax的封装function ajax(url){//创建promise对象 var promise = new Promise(function

2019-11-27

WebStorm 2019.3 正式发布，前端开发 IDE

性能更快的启动速度框架和工具更高级的 Vue.js 代码完成 WebStorm 现在可以了解位于单独文件中的组件各部分之间的链接，并为未在单个 .vue 文件中定义的道具，数据和方法提供准确的完成建议

2019-11-26

前端javascript练习题Ajax封装

前端javascript练习题Ajax封装ajax的基本封装 ----必须掌握function ajax(url,fn){ if(window.XMLHttpRequest){ var xhr = new

2019-11-26

web前端之javascript练习题

javascript 练习题，正则表达式表单验证简单的布局： Q Q 手机邮箱座机姓名 js代码： checkInput(my$("qq"),/^\d{5,11}$/); //qq的 checkInput(my$("phone"),/^\d{11}$/); //手机 checkInput(my$("e-mail"),/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/); //邮箱 checkInput(my$("telephone"),/^\d{3,4}[-]\d{7,8}$/); //座机号码 checkInput(my$("fullName"),/^[\u4e00-\u9fa5]{2,6}$/); //中文名字//通过正则表达式验证当前的文本框是否匹配并显示结果 function checkInput(input,reg) { //文本框注册失去焦点的事件 input.onblur=function () { if(reg.test(this.value)){ this.nextElementSibling.innerText="正确了"; this.nextElementSibling.style.color="green"; }else{ this.nextElementSibling.innerText="让你得瑟,错了吧"; this.nextElementSibling.style.color="red"; } }; }

2019-11-20

WebStorm 2019.3 Beta 发布，前端开发 IDE

WebStorm 2019.3 Beta 发布了，更新内容如下：启动更快 WebStorm 欢迎屏幕和打开已经索引的项目的速度比以前快 20％。更高级的 Vue.js 支持今年发布的每个新 WebStorm 版本都扩展了对 Vue.js 的支持，从而使使用 Vue.js 构建出色的应用变得更加容易。WebStorm 2019.3 也不例外：它具有插槽名称的代码完成，对单独文件中定义的组件的支持以及 Vue 符号（F1）的快速文档。 JavaScript 中新符号的名称建议在 JavaScript 或 TypeScript 文件中添加新的变量和参数名称时，你将根据项目、标准库和所使用的依赖项中定义的类、接口和类型别名的名称获得建议名称。对于新的变量、函数、类和接口，你还将获得有关已在同一作用域中使用但尚未定义且标记为未解析的名称的建议。支持一些较为流行的技术的最新版本 WebStorm 2019.3 通过 Angular 9 和 Yarn 2 的 Plug'n'Play 功能支持原理图（schematics）。另外，它可以帮助使用 TypeScript 3.7 的关键功能，例如可选的链接，无效合并和断言签名，而无需其他配置。 CDN 上 CSS 库的完成如果你使用的是 Bootstrap 或其他 CSS 库，并且通过 HTML 文件中的 CDN 链接了它，则现在可以从该库中获得类名的完成，而无需将其源添加到项目中。重新设计的用于克隆项目的 UI 从 VCS 克隆项目时，你会在欢迎屏幕和 VCS 菜单上看到更新的“从版本控制获取”对话框。运行任何操作现在可以启动 npm 和 Yarn 之类的工具，打开最近的项目，并使用单个“运行任何内容”操作（Ctrl-Ctrl）启动运行/调试配置–不再需要记住这些特定操作的所有快捷方式。其他还有一些小的改进，详情见更新说明： https://blog.jetbrains.com/webstorm/2019/11/announcing-webstorm-2019-3-beta/

2019-11-17

指尖前端重构（React）技术调研分析

一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。

2019-09-26

前端学习笔记（3） - JavaScript对象分类

JavaScript中的对象分类宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。原生对象（Native Objects）：可以由用户通过 Array、RegExp 等内置构造器或者特殊语法创建的对象。普通对象（Ordinary Objects）：由{}语法、Object 构造器或者 class 关键字定义类创建的对象，它能够被原型继承。函数对象与构造器对象 JavaScript中使用对象来模拟函数与构造器。JavaScript 为这一类对象预留了私有字段机制，并规定了抽象的函数对象与构造器对象的概念。函数对象的定义是：具有 [[call]] 私有字段的对象，构造器对象的定义是：具有私有字段 [[construct]] 的对象。我们可以这样说，任何对象只需要实现 [[call]]，它就是一个函数对象，可以去作为函数被调用。而如果它能实现 [[construct]]，它就是一个构造器对象，可以作为构造器被调用。程序员使用function关键字创建出来的对象同时拥有[[call]]、[[construct]]属性，所以既可以被当做函数调用也可以当做构造器，只不过它们的行为总是相似的。当返回值为对象时函数对象与构造器对象的作用是相同的。当作为构造器对象使用时过程如下：以 Object.protoype 为原型创建一个新对象；以新对象为 this，执行函数的 [[call]]；如果 [[call]] 的返回值是对象，那么，返回这个对象，否则返回第一步创建的新对象。 es6中的=>函数只能被当做函数调用。

2019-08-12

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。