帮企翼

微信扫一扫

微信公众号
24小时不间断营销服务

扫一扫关注

扫一扫加客服
营销方案顾问免费咨询

青岛建设网站机构之从技术视角看产品

   2020-06-28 zww20195210
核心提示:拿到一个网站,无论是电脑端还是移动端,你知道它运用了哪些前端技术吗?你知道它的性能是怎么样吗?你知道哪些是原生的控件吗?接下来,我们就简单讲讲怎样从技术的视角看产品。
拿到一个网站,无论是电脑端还是移动端,你知道它运用了哪些前端技术吗?你知道它的性能是怎么样吗?你知道哪些是原生的控件吗?接下来,我们就简单讲讲怎样从技术的视角看产品。

1.固定布局
固定布局是指随着浏览器的宽度变大变小,页面的整体布局不会发生改变。如果浏览器宽度小于页面宽度,就会出现滚动条。
2.弹性布局
弹性布局是指页面宽度是不固定的,页面宽度随着浏览器的大小而变大变小。但是它不会去主动改进里面元素的摆放位置。所以如果是一个电脑端网页,如果在移动端看,可能会变得非常小,体验也不够好。
3.响应式布局
响应式布局是页面布局可以响应不同屏幕尺寸的设计途径。同一个网页,有可能在电脑端浏览,也可能在4寸的安卓机上浏览,或者在27寸的iMac上浏览,在不同的尺寸下面,响应式可以自适应的改变布局,提供良好的体验。
从前端能看到的性能大概有以下:
1.资源的懒加载
比如说一个H5页面有一张非常长的背景图,我们普通是这样做的,会把背景图分割成n份,然后把它们拼接起来。
在手机屏幕视野内的,会优先加载出来,不在视野范围内的,就不加载。
但是当你往上拉的时候,下一张图片就会加载。当你看到往上拉,图片才慢慢加载出来的时候,一般是用了懒加载技术。这样做可以节约关注度,加快响应速度,增加性能。
2.分页加载
像淘宝这样非常多业务列表的页面,用分页加载是必不可少的,当你往上拉页面的时候,就会去加载下一页的业务数据了。普通都会有加载中这样的提示语,这样做同样也是为了减少请求,节约关注度。
3.应用缓存
有些H5页面,点击第一次的时候,加载的有点慢,但是点第二次的时候,速度非常快,那是因为应用了本地的缓存的缘故。
4.单页面应用
单页面应用是什么意思呢?比如说,一个注册页面,从注册信息页,发短信验证码,到注册成功页,这3个页面是同一个html文件。当你只看到注册页面的时候,是因为它把发短信和成功页隐藏掉了。
 
举报收藏 0打赏 0评论 0
免责声明
• 
本文为zww2019互联网转载作品,作者: zww2019。欢迎转载,转载请注明原文出处:https://www.bangqiyi.com/news/show.php/itemid-6256/ 。本网站部分内容来源于合作媒体、企业机构、网友提供和互联网的公开资料等,仅供参考。本网站对站内所有资讯的内容、观点保持中立,不对内容的准确性、可靠性或完整性提供任何明示或暗示的保证。如果有侵权等问题,请及时联系我们,我们将在收到通知后第一时间妥善处理该部分内容。bangqiyi@qq.com。
 
更多>同类学苑资讯
  • zww2019
    加关注0
  • 没有留下签名~~
推荐图文
推荐学苑资讯
点击排行
信息二维码

手机扫一扫

快速投稿

你可能不是行业专家,但你一定有独特的观点和视角,赶紧和业内人士分享吧!

我要投稿

投稿须知

网站首页  |  付款方式  |  关于我们  |  联系方式  |  服务协议  |  隐私政策  |  版权隐私  |  营业执照公示  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鲁ICP备19020323号-1  |  37021302000522