关于孢子社区(www.baoz.me)的界面生成技术??

山哥 发布于 2013/07/31 13:54
阅读 5K+
收藏 2

南京西祠胡同创始人刘琥(西祠响马)及其团队最近上线了孢子社区 www.baoz.me,然后我就注册登录,然后寻找系统的相关js,css等请求资源,查看界面DOM组织方式,却非常惊讶的发现,根本就看不到css文件,js文件请求等资源,就是不知道页面是怎么生成的,希望有兴趣的可以一起研究研究:

加载中
2
响马
响马

才看到还有这个讨论,统一回复一下呵呵。

孢子社区前端 js 部署是本地缓存加载的,所有的 js 和 css 被打包成几个独立的文件,缓存在 localStorage 内。

每次访问主页时,会请求部署包的 hash,发现与本地缓存不匹配的,单独更新变化的代码包。

更新完毕后,再由引导程序按顺序加载 css 和各个 js 包,进入框架初始化部分。

因此,除非用户遇到升级前端代码,刷新浏览器只会看到一次获取代码包 hash 的请求。

楼主的疑问是对的,对技术很敏锐。没有愚弄大家。


其他还有一些技术,比如不同浏览器缓存机制不同(是否支持 localStorage),不同浏览器对应的 css 包不同(icon 支持格式,是否支持 dada:,dada: 最大尺寸限制等)。就不一一展开了。

0
loyal
loyal

用脚趾头想想也知道是js去加载的...十分怀疑你是来发广告的.

loyal
loyal
回复 @山哥 : 谁告诉你的,你打开网络监控仔细看了吗??????
山哥
山哥
使用js动态创建 script 和 link 方式加载 js 和 css 文件,不会发生服务器的文件请求吗?
0
罪恶的花生
罪恶的花生
你在做推广吗?还是调戏我们~
山哥
山哥
真的不是调戏大家,呵呵,看我的回复。
0
我不叫大脸猫
我不叫大脸猫
这是在秀下限么
0
我不叫大脸猫
我不叫大脸猫
敢不敢看看Network面板里的信息...
山哥
山哥
Network中只有图片请求和一些 json 数据请求,没有 js 文件 和 css 文件请求的。
0
山哥
山哥

呵呵,大家真的冤枉俺了。我和孢子社区没有任何关系,我比较喜欢研究网页,所以当看到孢子社区的页面生成方式时,就感到比较新奇,同时又发现没有js文件,css文件请求,而页面中又有交互,所以问下大家,为什么没有请求js文件,而能有js交互;没有请求css文件,而又有CSS3的样式效果。

loyal
loyal
基本上大部分的CSS和javascript第一次就加载完了,它页面都是一样的,所以以后就不用加载了.
0
金茧
金茧
支持楼主,我觉得跟贴怀疑是拖的都是大sb,狗日的一样的心态。
0
行陌路
行陌路

在这个style里,双击下这个元素里的内容,页面样式就全没了,chrome都不能显示全了,后面用省略号代替了。

在IE里,直接是<style>样式表</style>了。

孢子社区果然很淫才

0
大奎开源
大奎开源
深深的感觉被人玩了,还特意打开看了一下。
0
韩文博
韩文博
真尼玛菜比  看不到是动态引用的js啊
返回顶部
顶部