前端优化已经到极致了么？业务还在为看到不停的而揪心么？还在为2秒率不达标苦恼么？好吧我知道答案，大家一如既往的烦恼中。。。那么接下来我们看看，facebook，淘宝，人人网，一淘都是怎么做前端优化的，他们页面信息量比我们大的多。前段时间泳洋和我提了flush技术，业界很多公司都在这么用。终于找时间来好好研究了一番，获得这个新名词----BigPipe，什么是BigPipe? 接着往下看。1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的 页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用
转载
2013-11-06 10:08:00
211阅读
2评论
如今的前端技术是一个复杂的生态。 随便阅读一篇关于前端的技术文章，一定会发现大量的技术术语。什么 vue, webpack, react, Antdesign 等，各种新名词让初学者感到非常困惑，在较短的时间根...
转载
2020-11-27 15:20:00
180阅读
2评论
人声分离网站前端技术解析现代人声分离网站的前端技术通常结合了先进的Web技术和AI处理能力，以下是主要技术栈和实现方案：核心前端技术React/Vue框架大多数现代人声分离网站采用React或Vue作为前端框架提供组件化开发模式和高效的虚拟DOM渲染典型案例：React + Redux状态管理方案Web Audio API处理音频流的核心浏览器API实现音频可视化、波形显示、播放控制等功能支持Au
前端网站 http://navnav.co/ https://neumorphism.io/ http://tympanus.net/codrops/ http://blog.itmyhome.com/ https://myau.moe/about/ https://cdn.baomitu.com/ ...
转载
2021-09-01 16:48:00
80阅读
2评论
http://babeljs.cn/ ES6 网站
原创
2021-06-30 10:13:43
86阅读
://babeljs.cn/ ES6 网站
原创
2022-03-28 16:21:36
109阅读
什么是微前端引用qiankun里的解释 简而言之，微前端就是可以将多个模块或者多个项目合并到一个项目中。a项目里可以嵌入b项目的页面，并且可以交互通信。为什么不用iframe 为了解决微服务架构， 后来出现了single-spa，但是也存在一切弊端。为此，蚂蚁金融科技孵化qiankun 基于微前端架构的云产品统一接入平台。qiankun官网地址：https://qiankun.umijs.org/
转载
2024-01-25 17:36:04
66阅读
https://stackoverflow.com/
转载
2021-03-08 16:38:00
94阅读
2评论
技术网站:VMWARE ESXI : my.vmware.com https://my.vmware.com/cn/group/vmware/home ubuntu下常用软件的安装： &nb
原创
2015-11-03 10:51:03
582阅读
http://www.ssas-info.com/ analysis service 的技术网站http://www.sqlis.com/ 专注于 integration service 的网站http://www.sqlservercentral.com/ sql server 相关的技术文章和视频http://www.sqlbits.com 同上http://www.jumpstarttv.com/Default.aspx ...
转载
2011-09-16 09:32:00
48阅读
2评论
IBM--面向 Linux 程序员和系统管理员的技术资源
http://www.ibm.com/developerworks/cn/linux/
centos pub---centos服务器构建
http://www.centospub.com/make.html
FreeBSD资料
http://www.twbsd.org/
Shell学习资料
http://www.linux
原创
2011-06-12 08:55:39
793阅读
学习前端技术已有些时日，微博，博客，论坛这些地方也没少去，今天有空整理了下，挺好挺好。 以下是我收藏的一些网站，排名不分先后，全是个人喜好： 1，w3cplus，http://www.w3cplus.com/，一个非常赞的网站，有各种前端知识，排版精致，紧靠时代前沿，每天关注。 2，极客标签，
原创
2013-05-25 14:41:34
513阅读
点赞
电商后台项目概述管理员使用的业务服务：PC后台管理端 PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计 前端项目是基于Vue的SPA（单页应用程序）项目，前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts项目及数据库准备恢复依赖包安装进入 vue-api-server 目录，运行如
转载
2024-01-28 05:36:48
59阅读
http://learning.artech.cn/
原创
2013-05-20 17:53:14
394阅读
1. 找到谷歌商店
https://chrome.google.com/webstore/search/wappalyzer?utm_source=ext_app_menu
2. 搜索 Wappalyzer
3. 添加至Chrome
4. 使用 插件
比如打开 https://www.bilibili.com/
就可以看到其所以用的前端技术栈了
原创
2023-09-11 10:02:20
319阅读
**更好的用户体验**：前后端分离让前端开发者可以使用更多的前端框架和技术，如React、Vue.js等，提供更加流畅和互动性强的用户体验。- **GraphQL**：作为一种新兴的API查询语言，GraphQL提供了更加灵活的数据查询和操作方式，逐渐成为前后端分离开发的热门选择。- **非关系型数据库（NoSQL）**：如MongoDB、Cassandra等，适合处理大规模、分布式的数据，并支持灵活的存储方式。后端是网站的“幕后英雄”，负责数据的处理、存储和与前端的交互。
比如打开 https://www.bilibili.com/就可以看到其所以用的前端技术栈了。
原创
2023-10-07 10:14:34
382阅读
时间花哪里去了？
只有10%-20%的最终用户响应时间花在了下载html文档上,其余80%-90%时间花在了下载页面的相关组件上。如：图片、Flash等。
所以主要优化：
减少http请求
缓存
减少文件大小：压缩文件+优化代码
健康的优化因该是根据页面的加载过程，全面的优化过程
第一步、浏览器预处理
查询Cache：读取Cache 或者发送304请求
第二步、查询DNS
优化规则--减少DNS查找
DNS缓存
浏览器DNS缓存 计算机DNS缓存 服务器DNS缓存（TTL）
使用Keep-Alive特性
减少DNS查找
当客户端的DNS缓存为空时，DNS查找的数量与Web页面中唯一主机名的数量相等。减少唯一主机名的数量就可以减少DNS查找的数量。
较少的域名来减少DNS查找（2-4个主机）
原创
2021-06-07 18:00:16
630阅读
这个列表包含许多种类的资源，所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js —
转载
2024-07-28 14:03:23
33阅读
定义：网站加速技术是一个综合的提高网站访问速度的各种技术的总和。静态数据：css、js、flash之类的数据，变动不大。动态数据：从数据库查询出来的数据。（一）页面静态化，可以从某种角度加快网站访问速度，Smarty就可以实现页面静态化，将从数据库中查询出的数据静态化，缓存起来。（二）使用Squid代理服务器这就是代理服务器的示意图，PC机，不直接访问服务器，而是把请求交给Squid代理服务器，由代理服务器去访问服务器，然后将返回的结果，交给PC机。一般，代理服务器访问完数据后，就会把数据缓存起来，这样下次访问时，直接从缓冲池获取数据，就会更快了。（三）Memcache 技术，就是把数据存入内
原创
2021-08-05 16:41:36
163阅读
