首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【玩转腾讯云】利用Serverless,实现COS&CDN Combo Handler

简单讲,当前端有n个 js 需要分别去拉取时,通过 cdn combo 技术能用一个请求把 js 在服务端合并后拉回,同理可用于 css 文件。...背景: 小S维护的一个前端系统,单个页面中有数个没有依赖关系的 js 、css 需要加载,此时浏览器会分别去请求对应的文件。此时小S收到Leader给的一个任务:优化前端的静态资源请求,尽量做合并。...现状: 小S马上开始着手,看了下手头的项目,目前静态资源是经过 腾讯云CDN 的,静态资源放在了 腾讯云COS对象存储,js、css文件因为模块的不同,被打包成了多个。.../js-combo/foo.js 返回200 以及单文件内容 访问 http://cdn-combo.galen-yip.com/??...js-combo/foo.js&js-combo/bin.js 返回200 以及文件合并后的内容 最后把页面 http://cdn-combo-demo-1251496585.cos.ap-guangzhou.myqcloud.com

4.7K574

改造 Combo Select支持服务器端模糊搜索

我们采用的是ajax读取所有的option json,并由js在浏览器中遍历并最终生成完整的html。...3 Combo Select代码分析 网址 https://github.com/PebbleRoad/combo-select ,感谢提供如此优秀的一个插件。...div.combo-arrow,是下拉箭头 ul.combo-dropdown是用来显示的下拉列表 input.combo-input 是用来输入模糊搜索内容的输入框 并通过修改原 select 的属性...3.3 js数据模型 combo select初始化时,经过一系列代码,最终构造几个属性: $container : 生成一个新的div,将原来的select和新生成的ul等都放在其中。...3.4 插件初始化 在js插件的代码function Plugin ( element, options )会完成插件的初始化,根据select当前的数据,完成html元素的调整,以及js数据模型的初始化

1.7K30

YUI3在美团的实践

按照模块的层次划分,美团的JS框架可以分为四个层次: 最底层交给强悍的YUI3,为我们提供跨浏览器兼容的API和良好的框架设计。...首先,在定义模块的js文件中已经包含模块名称、依赖关系等信息,和PHP中内容重复。其次,这些元信息最终直接输出到html中,没有有效利用缓存。...Combo Combo可以一次请求多个文件,能够有效解决多个模块加载带来的性能问题。Yahoo提供了Combo服务,但只能提供YUI3模块,而且速度在国内并不理想。...为了提供更好的体验,让用户访问速度更快,我们最终考虑搭建自己的Combo服务,并把Combo发布到CDN上。 以下是一个Combo请求的例子: http://c.meituan.net/combo/?...f=mt-yui-core.v3.5.1.js;fecore/mt/js/base.js 为了节约时间,我们最开始采用了开源的minify,经过一些修改和配置,就可以在生产和开发环境提供Combo服务。

83330
领券