×

前端网页模板 ajax 前端开发

前端网页模板(前端开发中,模板引擎方式和纯静态页面+ajax,这两种方式哪个更好)

admin admin 发表于2023-07-03 13:15:29 浏览45 评论0

抢沙发发表评论

本文目录

前端开发中,模板引擎方式和纯静态页面+ajax,这两种方式哪个更好

你说的模板引擎应该是指后端模板引擎。从网站全栈开发程序员的角度来看:从前,前端),大家都用MVC, 都在热烈讨论视图文件与模板引擎的“家长里短”。后来,前端爆出了“微信小程序”,不少前台页面“弃暗投明”,好在后台页面/对/浏览器/“忠心耿耿”。再后来,swoole异军突起,php可以常驻内存、运行速度“风驰电掣”,同时开发方式大变,比如:echo会输出到终端而不是浏览器---然而,模板引擎都是用echo输出动态数据到浏览器的---这就尴尬了。


现在,访客的客户端既有小程序,又有浏览器。小程序的页面只能由js渲染,php模板引擎对小程序页面无可奈何。php接口不得不设计为API,以便返回json给小程序,这种API倒是可以加以包装,这样,浏览器那边的前台页面可以继续使用模板引擎。后台页面,直接使用模板引擎。


一但用上swoole,要是坚持使用模板引擎,由于模板引擎将视图文件(view.html)翻译成模板文件(tpl.php),都会用到“echo”,(如果用到的视图文件都没有修改过,就直接)include tpl.php之后,为了防止输出到终端,使用ob_get_clean(), 再使用swoole的接口输出到浏览器,

倒也是可以。


结论:

后端模板引擎只是开发一时爽,不适宜团队合作,适合全栈开发者,缺点:

  1. 应变能力差:使用全新装修的话,后端开发就要套页面,繁琐。

  2. 浪费人力资源,加重后端团队的负担:前端折腾完html页面,后端需要经手一遍。不得不提一点:分页条。thinkphp框架的分页条是写在php的page类里面,如果分页条样式变了,前端写完html代码,后端要誊写一遍。

  3. 如果需要翻译视图文件,则后端负担相对较重,用户等待时间相对较长:比如:数据的页面。php从数据表里边拉取到数据,已经仁至义尽了,却还要翻译html文件,即使不用翻译,也需要查看用到的视图文件是否修改过。

  4. 后端模板引擎的渲染是一次性的,而前端模板引擎可以反复渲染,利于沉浸式体验。同一段html代码,要么由后端模板引擎循环处理,要么由前端模板引擎循环处理。举个例子:进入购物车页面(/cart/index),对某个商品重新挑选促销方案后,该商品需要挪到新的分组,再次计算受影响的组的优惠、赠品,然后再次计算总优惠。(后端更改促销方案, 不应由/cart/index处理,不然就“千人排、万人坑”,越来越“牵一发而动全身”。) 假设是由/cart/selectPromotion处理, 如果使用前端模板引擎,即便反复挑选,页面也无需刷新,不会打断沉浸式体验,否则,等待转圈结束,页面还要需要刷新,页面无论如何都是要经历空无一物的白色,反复刷新几次,真的沉浸不下来。

  5. 由于css样式的影响,部分php错误信息未能及时发现,直到:
  • 打开控制台,查看源码,偶然看到额外的html元素
  • 直接查看网页源码,看到额外的html元素
  • js出错:比如说,取不到指定html元素,json字符串转换成对象失败。

好处:

  1. 共同的html可以抽出来作为公用文件,用php加载公用文件。

  2. 可以用php读取静态文件的上次修改时间,引入静态文件时,将这个时间作为版本号,静态文件有变化则重新请求,否则使用本地缓存。调试过程中,不需要同时按shift + F5, 也不需要手动更改版本号,比较省事。

纯静态页面+ajax:适宜团队合作,也适合全栈开发者,应变能力强,不会浪费后端的人力资源,php负担相对较轻,用户等待时间相对较短,体验更好,除了开发时繁琐了点。

女生学前端以后能做什么工作呢

首先,不是说你学了前端,就一定要从事前端的工作。主要取决于,你是否对这类工作感兴趣。如果说,你不确定,自己是否喜欢,那么,你可以去尝试一下。

其次,如果你有自己独特优势,那么你可以根据自己所在优势,找相关工作。

一般来说,我身边也有不少人,前端转后端,测试,设计,产品经理等。这些职位是和前端开发都有密切关系的。在工作中,如果你慢慢了解她们的工作内容,并有信心去完成类似的工作,那么你就可以转相应职位

Web开发、前端设计有哪些优质资源

做前端设计、网页设计的,素材永远很重要。因为素材的美观程度往往直接决定了网页页面的风格、整洁度、色调等等。

我大学时候,在一家非常小型的创业公司实习。公司人员只有几个,所以在那时我基本上算是独立开发了一个旅游酒店订购平台,前端设计、后端开发、公众号开发等等都涉及,那段时间基本是我最全能的时候了。

所以当时我也收集了许多的前端素材,在这里一并分享给大家。

一、图标类

每一个Web开发者,尤其是前端开发人员一定都会需要icon图标来为项目增色。

Font Awesome Icons

Font Awesome提供可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

Icon Monster

特点:免费,高质量,。非常简洁的icon图标库。

IconFinder

这是一个比较有设计感的Icon图库,并且已经打包分类好,缺点是只有部分是免费的。个人觉得里面免费的图库也已经够用了。

附上圣诞特辑!

Iconfont-Alibaba

阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。这个相信大家都用过!

二、图片素材

无版权限制的图片素材

PEXELS

Pexels可以说是图片素材界的超级网红了,说到图片肯定哪里都有它,我自己都推荐好几次了。可以免费下载各种各样的分辨率,包括原图尺寸。

网址:(

如果有帮助,欢迎关注我以示支持,也以防错过下一波干货!~

学C语言的,课程体系中有web前端课程,主要方向是后端开发,需要会前端吗

学习后端必须学前端,还有现在基本很多东西都要求学习h5了,做网站百分之一百要用html,没有任何其他替代语言。如果你做网站后台,可以用php,用java,用其他语言,但你做前端就一定要用html,所以html,css,js,ajax,js,jq,json,xml这些百分之一百要学,不学看不懂前端,就无所谓后端,只是像js要求没有前端人员多而已。

制作网页模板,是不是得和后端人员搭配

问题问得挺模糊的,如果你只是想制作一个示意性的网页,所希望的重点是突出设计感、界面元素、布局或一些前端展示功能及组件,那么可以不需要后端;另一种情况是,如果你的网页以展示功能为主,没有用户交互,展示的数据也比较固定,不会经常更改,那也可以考虑不与后端配合。但是如果你希望自己的网站上的数据可以随时更改,或者有很多用户交互、业务处理、数据计算和存储等,就必须与后端配合了。而“模板”这一概念本身就比较宽泛和模糊,网络上也同时存在着大量纯前端模板,已经有后台程序和数据库的模板。