从技术角度看产品:「web前端」认知入门

从技术角度看产品:「web前端」认知入门,第1张

从技术角度看产品:「web前端」认知入门

你知道它用什么前端开发技巧来做一个网站,是借用PC还是移动?你知道它的功能是什么吗?你知道什么是死控吗?接下来大家就简单说说如何从技巧的角度观察物质。

1.规划

1、扎实的规划

坚定规划是指跟随阅读软件的整体宽度,页面中的团队规划不会被修改。如果阅读软件的总宽度小于页面的总宽度,将显示旋转条。如下图:

2.可扩展计划

可扩展规划是指总页宽不牢固,总页宽随着阅读软件的大小而增减。但并不是来主动协商内衬元素的影响力的。所以如果是PC端的网页,如果被移动过,会越来越小,感觉不够好。

3.反思性规划

衬托规划是一种概念性的方法,页面规划可以衬托和区分显示屏大小。统一的网页,其中一些已经可以在PC上阅读文章,或者5英寸的Android手机,或者27英寸左右的iMac。在差异化的规格之上,衬托式可以修改规划,提供高品质的感觉。下图,页面中从大还原到自适应阅读软件规范的过程:

那么衬托策划有什么坏处呢?

1)1)PC终端和移动终端使用同一套网页,降低了维护成本。

2)SEO恶化,掠夺模块更愿意稳固兼容移动端PC的整个网页。

2.区分html本机控件

获取一个网页,可以有下拉框、抓取框、按钮、d出框等元素。你怎么知道它原本是死的还是早期法国造型师写的?

让我们去看看在web出现之前,整个deadcontrol都有什么:

1.在框中输入单个停靠点文本。

2.将单站稀疏码输入到框中。

3.只有一个用于输入数据的输入框。

4.上传文件并将其输入到框中。

5.在框中输入更多的单词。

6.单选按钮

7.选择密钥。

8.下推目录。

注意:在PC端和移动端下推目录的结果好坏参半。屏幕上的画面已经被PC整体显示出来。在移动端,Android和iOS上的显示也有所不同。

安卓系统:

iOS:

9.可以面对面击键。

10.日期选择器

注意:日期选择器不仅选择年/月/日,还借用年/月、周、小时/分钟。

1.数据拖动栏

注意:管理中心的导轨滑块可以用电脑鼠标拖动,拖动的数据范围可以自己设置。

12.在线观看视频。

注:只要你有视频资产,在哪个控件中写资产地址就可以播放视频~

13.音频回放

注意:那边也一样。只需要音频资产,放置地址就可以播放视频。哪个控件有音量、隔音、音频下载的功能?

这些我暂时看完了,谢谢填~

3.看功能

前端领域开发中可以看到的功能如下:

1.资产的惰性减载

就像一页H5中只有很少的风景图片一样,人们通常会这样做,将风景图片分成N份,然后将它们放在一起。

如果脚机的显示屏在家里,会先卸载;如果不在家里,就不会卸载。

但是经常拉起来,下一张图就卸载了。当你看到照片经常被拉起,逐渐卸载,你通常会使用懒人卸载技术。这样可以节流总流量,减缓甩负荷速度,发展功能。

2.分页查询卸载

在很多像淘宝这样的商品列表页面,需要使用分页来查询卸载。经常拉起页面,就会卸载下一页的产品数据信息。一般大城市都有和甩负荷一样的提示,这样做也是为了更好的减少乞讨和节流阀的总流量。

3.应用缓存文件。

是否创造发明,在一些H5页面中,第一次减载很慢,第二次减载很快,这就是应用本地缓存文件的原因。

4.在传单页面中的应用

传单中的应用有什么实际意义?比如在一个申请注册页面,从申请注册信息页面,资格证书简称,到申请注册获奖页面,那三个页面就是一个统一的html文档。当你只看到申请注册页面的时候,那是因为它隐藏了短期挑战中奖页面,迷路了。

控制传单页面中的技能,可以减少文档数量,减少乞讨,开发功能。缺点是SEO。如果它是一个html内衬,有字段名称被限制为搜索引擎优化恶化。如果html文档减少了,百度搜索引擎推广的域名就会少。

那么,当考试结果出来时,你怎么知道哪个H5页面可以使用传单上的技巧呢?一般可以统一页面中间的自动跳转,设置很多变化字段的移动图片,就像马路从左往左滑,从上往下降,但是多个页面中间的跳转图片确实没有了,所以可以和页面中间的变化字段区分开来。

我会继续说前面一系列产品文章的内容~如有不妥谢谢~

文/柠檬_山

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/768723.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-02
下一篇 2022-05-02

发表评论

登录后才能评论

评论列表(0条)

保存