前端优化es6webpack

数据平台技术架构

1、系统架构图如下：2、系统各层介绍以上采用五层的逻辑架构，第一层客户层，第二层前端优化层，第三层应用层，第四层服务层，第五层数据存储层，每层的介绍如下：1、客户层：支持PC浏览器和手机APP，可以直接通过
weixin_30906185·2020-06-20 21:32

深度理解浏览器前端优化

优化关乎速度和满意度。从用户体验（UX）角度，我们希望前端网页可以快速加载从开发体验（DX）角度，我们希望前端是快速，简洁，规范的浏览器都做了什么?我们希望浏览器打开一个简单的网页The"Clickthebutton"pageClickthebutton.Clickmevarbutton=document.querySelector("button");button.style.fontWeigh
June.1·2020-06-09 11:32

前端优化js篇

文章目录前言正文js优化建议js优化方向js优化建议let与const使用let取代varconst的使用字符串定义解构赋值深拷贝解构赋值ArrayObject对象的循环调用对象尽量静态化对象属性名称动态对象属性动态对象属性简写函数链式调用箭头函数函数的参数赋值多个函数返回值函数参数默认值性能优化循环优化减少运算最小化语句数合并语句写在最后前言分享即学习，欢迎转载，随意抄袭，学到了就是你的。文章共
野生馒头·2020-06-02 13:47

高并发解决方案 超详细！！！

高并发解决方案1.高并发和大流量解决方案高并发解决方案案例流量优化：防盗链处理前端优化：减少HTTP请求，合并css或js，添加异步请求，启用浏览器缓存和文件压缩，CDN加速，建立独立图片服务器，服务端优化
南湖小九·2020-06-01 16:30

深入理解 React 的 Virtual DOM

这是Choerodon的一个前端页面在复杂的前端项目中一个页面可能包含上百个状态，对React框架理解得更精细一些对前端优化很重要。曾经这个页面点击一条记录展示详情会卡顿数秒，而这仅仅是前端渲染
Choerodon猪齿鱼·2020-05-27 23:36

阿里Java架构师精通资料：性能优化+亿级并发架构汇总+架构选型

亿级高并发网站的监控策略，重点监控指标是什么等性能优化方案汇总JVM性能优化MySQL慢查询优化MySQL索引优化表优化代码优化Web前端优化应用服务器
liuhuiteng·2020-05-26 10:13

淘东电商项目（74） -秒杀系统（库存超卖解决方案）

4a1e952df7a06cb764166262b02c8c23962e6084），有兴趣的同学可以下载来看看：https://github.com/ylw-github/taodong-shop在上一篇博客《淘东电商项目（73）-秒杀系统（前端优化
杨林伟·2020-05-25 17:27

阿里P8架构师谈：应用后端+移动端的性能优化指标，以及性能优化方法

性能优化专题阿里P8架构师谈：MySQL数据库的索引原理、与慢SQL优化的5大原则阿里P8架构师谈：Web前端、应用服务器、数据库SQL等性能优化总结大型网站Web前端优化最佳实践，以及最全优化工具集锦阿里
liuhuiteng·2020-05-22 09:52

SLAM学习笔记（三） 后端优化与回环检测

后端优化是对相机位姿和点位置的再度优化（相较于前端优化规模更大），回环检测是对地图进行的一种修正（当机器人回到原来位置时，地图也实现一个闭环）。
叶惹秋·2020-04-22 15:21

前端性能优化方案

前端性能优化方案前端资源比较庞大，包括HTML、CSS、JavaScript、Image、Flash、Media、Font、Doc等等，前端优化相对比较复杂，对于各种资源的优化都有不同的方式，按粒度大致可以分为两类
WindrunnerMax·2020-04-22 13:00

【Vue+Typescript】项目优化之CDN配置

我们今天就谈谈一个前端优化小之又小的事情——CDN的配置。什么是CDN？我们先来看一下百度百科的解释：“CDN的全称是ContentDeliveryNetwork，即内容分发网络。CDN
Equicy·2020-04-19 23:07

前端性能优化 —— 移动端浏览器优化策略

摘要:前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。
Lanlanwork·2020-04-13 12:51

HTTP 缓存详解

----------随着现在网页越来越丰富，同时对图片的要求也比较清楚，如果每次用户都通过网络获取内容既缓慢，也增加了访问者的数据成本，合理利用浏览器的缓存也成为前端优化性能很关键的一个方面。
_小黑哥_·2020-04-12 13:01

gulp.js - 自动化构建工具之自动合成雪碧图

众所周知前端优化其中之一就是合并图片，其工作量也是挺大的，通过ps切除图片然后拼成一张图，还要量出具体的坐标，相当麻烦，接下来我们通过gulp自动化构建工具轻松完成自动合成雪碧图。
放下手机出来嗨·2020-04-12 00:16

前端性能优化方法

前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么?1.从用户角度而言，优化能够让页面加载得更快、对用户的操作相应得更及时，能够给用户提供更为友好的体验。
西瓜w·2020-04-11 06:57

组件化链接资料

如何让你的插件兼容CommonJS,AMD,CMD和原生JS]NPM私服：使用sinopia五步快速完成本地npm搭建2016年最具有实效性的8个HTML5场景工具组件化架构漫谈前端开发工程化探讨--基础篇前端优化带来的思考
大前端之路·2020-04-10 16:35

前端优化之网络请求。

前端的网络请求的话包含，css，js，img的请求。也包含ajax发起的请求（简单请求和预检请求）。资源请求1.减少HTTP请求次数建议尽可能的根据需要去合并静态资源图片，js和css文件，减少页面请求数，这样可以缩短页面首次访问的等待时间2.减少HTTP请求大小除了减少请求资源数，也要减少每个http请求的大小。比如减少没必要的图片，js，css和html等。对文件进行压缩优化，开启gzip压缩
七六丶·2020-04-09 21:15

前端优化

性能优化主要分为两类：加载时优化（1-8）和运行时优化（9-12）1.静态资源使用CDN2.将CSS放在文件头部，JavaScript文件放在底部3.使用字体图标iconfont代替图片图标，生成的文件特别小，而且减少了htttp请求次数4.采用csssprite技术5.善用缓存，不重复加载相同的资源6.在项目中，我们最好把css或者js文件进行合并或者压缩，尤其是在移动端开发的时候，如果css或
苗仔·2020-04-08 03:25

渐进式jpeg（Progressive JPEGs )解析

在前端优化过程当中,为了提升用户体验，一种叫做progressivejpegs的技术正被广泛的应用着。BaselineJPEG和ProgressiveJPEG的区别：JPEG文件格式有两种保存方式。
一只好奇的茂·2020-04-05 16:33

asp.net 前端优化 压缩,合并 js,css 生成版本号

引用System.Web.Optimization使用NuGet安装Microsoft.AspNet.Web.OptimizationApp_Start添加BundleConfig.csusingSystem.Web;usingSystem.Web.Optimization;namespaceWebApp{publicclassBundleConfig{//Formoreinformationon
易飞扬·2020-04-02 20:06

前端优化：几个技巧，提高 Web 性能（结尾资料分享

·减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个a)合并CSS、JavaScriptb)合并小图片，使用雪碧图·缓存使用缓存可以减少向服务器的请求数，节省加载时间，所以所有静态资源都要在服务器端设置缓存，并且尽量使用长Cache（长Cache资源的更新可使用时间戳）a)缓存一切可缓存的
心旗_3587·2020-04-02 16:11

前端的性能优化都有哪些东西？

所以我们就从实际的工程应用角度出发，聊我们最常遇见的前端优化问题。
野次·2020-03-31 08:07

2017.11.29 Js中event、AppCan前端优化、clearForm()、 Positive、 jquery 中post 、get的同步问题

第一组：杨昊Js中event中的几个对象的对比之前老刘在项目中遇到这样一个问题：需要将AngularJS中的modal弹出层设置为可拖动（详情咨询刘聪），虽然功能是实现了，但是复制的代码没有理解，其中出现了event.PageX等字段，经过我上网查询，终于了解这些对象的差异。现在我将这些常见的对象的区别分享给大家。首先，拖拽功能说到底是布局定位原理，虽说是动态的，但是起止位置的怎么计算，这就涉及到
胡諾·2020-03-31 04:15

解析前端面试题

1.JS手写二分搜索算法2.闭包相关3.实现一个Lazyman4.用JS代码求出页面上一个元素的最终的background-color，不考虑IE浏览器，不考虑元素float情况5.前端优化的手段有哪些
袋小超·2020-03-31 03:00

WEB服务器如何管理及优化内存？

一原因：越来越多的并发连接数页面的元素增多，交互复杂主流浏览器的连接数在增加二辅助方案：通过WEB前端优化，降低服务器的压力减少web请求减轻web请求合并页面请求三推荐方案：节约web服务器的内存preforkM
王中阳·2020-03-30 14:21

前端优化之 -- 使用 require.context 让项目实现路由自动导入

最近接手了公司两个项目，一个PC端后台管理系统，一个app端项目，当然使用的依然是熟悉“Vue全家桶”那套！但是，当我打开项目时，里面的代码是这样的（路由模块）：就是所有路由配置都放到一个index.js中，这多少还是让我有点惊呆的，显然，项目会越做越大，模块会越加越多，那这种不分模块的架构方式明显给以后带来很大维护困难，index.js文件会变得异常庞大...所以，我便想趁现在代码量还在可控的情
加菲猫001·2020-03-28 00:00

前端优化指南（12种）

1.减少HTTP请求；1.1CSS图片精灵；1.2使用data:这样的内联图片；1.3合并尽可能多的脚本和样式表；2.CDN；3.压缩组件；1.1压缩代码；1.2使用gzip编码压缩HTTP响应包；4.样式表放在顶部，脚本放在底部；理由：样式表放在顶部可以优先加载，不至于出现网速慢时先有无样式的HTML网页一闪而过的尴尬情景；至于脚本放在底部最后加载，是因为防止脚本加载错误或失败导致网页卡住。5.
Mike_Gu·2020-03-27 22:05

网站性能优化

一、前端优化网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法。
liuboxx1·2020-03-26 21:11

WordPress 全方位优化指南（上）

作为一个全面的WordPress性能优化教程，本文旨在帮助读者排查WordPress网站的性能问题，同时也提供网站前端优化加速的建议。
OneAPM·2020-03-24 17:15

web前端优化之图片优化

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，麻烦大家指出批评，也算对自己的一个巩固。很多的前端开发者都比较关心性能的优化的问题，今天主要讲一下图片优化的见解和总结，
程序蜗牛·2020-03-24 09:43

京东三级列表页持续架构优化—前端优化实践

京东三级列表页持续架构优化—前端优化实践王向维，京东商城三级列表页架构师，完成列表页的nodejs版本到nginx+lua版本的变迁，并做了大量三级列表页的服务端和前端的优化工作。
meng_philip123·2020-03-20 22:07

前端优化

资源肥多、频繁操作DOM、接口响应慢2.怎么做好前端优化1.页面减肥a.页面的肥瘦是影响加载速度最重要的因素,b.删除不必要的空格、注释。c.将inline的script和css移到外部文件。
dhb666·2020-03-20 19:33

干货 | Web前端优化的强者之路

首先大家来思考一个问题：前端性能对一个Web应用到底有多重要？...为了有最直观的印象，我们直接上图：如图显示：如果Web应用的页面加载速度非常快，对用户的操作可及时响应，那么该应用的用户体验将非常好，随着加载时间的增多，超过某个阈值后，用户体验会呈现断崖式的下降。（由图看出，5秒是一个用户能接受的中位值，超过5秒就开始扣分了...）那么，你的Web页面的速度够快吗？是不是在5秒之内？（PS：即使
达达陈·2020-03-18 02:28

JavaScript

前端优化策略-自查表前端性能优化常用总结鸟瞰前端,再论性能优化跨域，你需要知道的全在这里内存分析与内存泄漏定位精读《JS中的内存管理》JavaScript深入系列Js运行机制深层剖析傻傻分不清的proto
诺颜110·2020-03-17 05:52

前端优化 1 待优化项分析

待优化项分析打包项目资源分析使用现在做主流的框架进行开发，大多都要经历打包这一过程,将核心代码和引入的第三方模块进行打包，但是往往会发现打包的结果不尽人意，在这里使用一个工具可以分析打包文件的构成.可视化打包分析工具:webpack-bundle-analyzer1.下载安装npminstallwebpack-bundle-analyzer--save-devvue.config.js配置cons
wx5e6e3b936f6ff·2020-03-15 22:10

本月学习笔记

前端优化优先使用webp格式图片懒加载在页面初始化后，只会加载页面视口内的图片，当我们滚动相应的位置才会加载对应的图片ＣＳＳ练习https://segmentfault.com/u/comehope/articles
房东家的猫·2020-03-13 11:00

QQ面试经历

第二天就约了时间，晚上八点QQ视频面试一面做了自我介绍，然后就开始进入：mpvue开发和vue何不同，vuex是干啥子用的，有没有做过啥子webpack优化，垂直水平居中，介绍CSRF，如何跨域，前端优化
peace_1·2020-03-10 10:00

前端性能优化（2）

压缩等方面介绍前端性能优化问题（详见JavaWeb前端高性能优化（一)）本次我们主要从图像BASE64编码、GZIP压缩、懒加载与预加载以及OneAPMBrowserInsight的定位分析功能四个方面介绍前端优化方法二
DavieKong·2020-03-05 07:46

前端面试每日 3+1 —— 第123天

[js]分析('b'+'a'++'a'+'a').toLowerCase()返回的结果[软技能]你了解雅虎前端优化的35条军规吗？你能说上几条？
浪子神剑·2020-03-04 00:48

前端优化使用@import 判断

主要的问题在于@import的加载机制：通过@import引用的文件，是在页面内容载入完毕后再加载常现问题：1.影响浏览器的并行下载2.多个@import导致下载顺序紊乱可见https://segmentfault.com/q/10100000071262263.会因为加载文件的机制，读取完文件后在加载，网速慢的时候导致样式出现闪烁4.每一个@import都会产生一个新的http请求，过多文件会增
Dorazzz·2020-03-03 03:26

前端性能优化（3）

在前端高性能优化（一）、（二）中，笔者介绍了一些关于前端优化的技术，这些技术都依赖于前人的辛苦努
DavieKong·2020-03-02 22:03

前端优化之四：了解浏览器渲染

60fps与设备刷新率目前大多数设备的屏幕刷新率为60次/秒。因此，如果在页面中有一个动画或渐变效果，或者用户正在滚动页面，那么浏览器渲染动画或页面的每一帧的速率也需要跟设备屏幕的刷新率保持一致。其中每个帧的预算时间仅比16毫秒多一点(1秒/60=16.66毫秒)。但实际上，浏览器有整理工作要做，因此您的所有工作需要在10毫秒内完成。如果无法符合此预算，帧率将下降，并且内容会在屏幕上抖动。此现象通
蟹老板爱写代码·2020-03-02 10:51

前端优化的初级阶段

性能测试网站www.webpagetest.org1.尽量减少HTTP请求数文件合并，减少资源请求次数CSSSprites，合并背景图片行内图片（base64）2.减少DNS查找减少不同主机名的数量同时也减少了页面能够并行下载的组件数量，避免DNS查找削减了响应时间，而减少并行下载数量却增加了响应时间。我的原则是把组件分散在2到4个主机名下，这是同时减少DNS查找和允许高并发下载的折中方案。3.避
鲁迅三世·2020-02-29 00:21

今日头条面试--2018

web前端优化？给定一个数组arr，选出n个数的和等于m一个列表，假设有100000个数据，这个该怎么办？给一个多行多空格的字符串，让你分割成三行三列的数组。
小猫猫_1ba8·2020-02-28 00:31

前端优化，你有哪些方法？

雅虎14条性能优化原则1.尽可能减少http请求数-content2.使用CDN,ContentDeliveryNetwork-Server3.添加Expires(或Cache-contro)-Server4.Gzip组件-Server5.将CSS放在页面的上方-CSS6.将脚本移动到底部（包括内联的）-Javascript7.避免使用CSS中的Expressions-CSS8.将Javascri
Miya_hope·2020-02-27 17:09

微信小程序简易SEO优化

前端优化：跳转的URL可以直接打开简单可以测试为，分享出去的卡片，均可以直接打开（请务必测试是否登录，神坑）。这里牵扯到两个问题。
kvker·2020-02-22 04:18

6.雅虎前端优化35条规则(转)

1.Content1.1MakeFewerHTTPRequestsMinimizeHTTPRequests减少/最小化http请求数。到终端用户的响应时间80%花在前端：大部分用于下载组件（js/css/image/flash等等）。减少组件数就是减少渲染页面所需的http请求数。这是更快页面的关键。减少组件数的一个方法就是简化页面设计。保持富内容的页面且能减少http请求，有以下几个技术：Com
jqClub·2020-02-21 08:59

前端性能优化（蛋人网）

01前端性能优化介绍02网页性能优化03浏览器的加载和渲染机制04如何在Rails的视图layout中放置JavaScript和CSS05Rails中Assets的多域名设置01前端性能优化介绍影响前端优化的影响因素
Jayzen·2020-02-19 14:23

2019-12-11

什么是dockerDD这边的部署方案是什么reactdomdiff策略和dom树的遍历策略（深度优先还是广度优先）你的技术深度：react渲染原理（我主动说的）react和vue的区别（多个维度介绍一下）前端优化方案
peterMenghuan·2020-02-17 12:53

前端优化的积累

1、关于reflow与repaint的解释：http://www.jianshu.com/p/2a85de4240342、图片优化日常工作中，存放图片通常有2个途径：1、存在线上的云存储中。2、存于本地。具体操作建议：1、平台频繁使用的图片资源放在本地img文件夹里存储，反之请给dataurl有个比较典型的案例：例如实时通信中的表情包资源，请看代码letemojiBaseUrl=`https://
Ann_l·2020-02-17 04:12
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他