在 Web 项目中，前端的显示效果是通过 HTML 语言来实现的，后端的视图函数将数据或模板文件返回给前端。
Meteor和那些名声如雷贯耳的前端框架，比如Angular, React等都不一样，它是一个 采用单一开发语言的全栈开发的平台：开发者可以使用JavaScript同时 进行前端和后端的开发，然后交给Meteor运行这个包含了前后端的完整应用：
前端页面热更新 了解过前端性能优化的同学应该清楚，给页面加载提速的终极方案就是CDN，这是BS架构本身的特点决定的，无论什么前端提速手段，最终都会回到客户端文件的传输上来；与之相对的CS架构则不存在加载压力，但CS架构的问题是更新不灵活，那么有没有一种方法能结合这两种架构的优点，在加载速度和更新灵活性之间找到一个平衡点呢？这就是本文要探讨的一种方案：前端热更新。 方案概述 “前端”和“热更新”这两个词通常很少一起出现，提到热更新一般都是指APP的一种静默更新方式，这种方式会在用户使用时悄悄检测并下载增量更
本章知识点 1、Django 模板系统介绍 2、Django 模板系统的基本语法 3、使用Django进行前端的模板渲染 1、Django 模板系统介绍 在上节课完成了一个hello world的访问，但是这样的网站没有实际意义，在开始学习今天的知识 之前，我们先回忆一下，学习Python之初学习到的一个知识点，Python的字符串格式化：
引言 对外网站前端静态资源一般都会部署在 CDN 上， CDN 可以减少资源请求时间，进而减少页面首屏时间。然而是否想过，有一天 CDN 也会被封禁而无法访问，不用怀疑，触不及防我们就会遇到。 这个问题的严重程度导致网站统一一片白花花，真是空空如也啊~ , 对待网络问题，可以用 PWA 做离线加载，但是由于 PWA 的兼容性问题，并不能兼顾到所有设备，考虑是否有其它方式保证网站的正常访问呢？ 既然 CDN 无法访问，我们还有主域，当 CDN 域名请求失败时，尝试将资源向主域进行请求，则可保证大概率的资源
开篇 前端同构渲染的相关架构，给我最直观的感受，这是前端渲染最为复杂的一种方案，也是为了追求极致的用户体验不得不去做的一种尝试，虽然 Node.js 的引入赋能了传统前端领域、SEO 优化也不再是个问题，但很明显，这些只是副产品。 问题 「上帝为了我们开了一扇窗，同时也会为我们关上一扇门。」 我们所知的传统型 SPA，单页面应用，贴近用户端越近，交互越复杂，它的弊端就越明显，在我们享受 JavaScirpt 给我们带来的无刷新体验和组件化带来的开发效率的同时，『白屏』这个随着 SPA 各种优点随之而来的缺
互联网刚发展时期，技术花样比较少，目的明确且简单，围绕和解决的更多是可用性方面的问题，即如何让一个网站跑起来，当然也就没有什么前后端分离这么时髦的概念了，虽然那时候做前端的人差不多出生了，但是前端这个概念还没被创造出来。
页面可视化搭建, 是一个历久弥新的话题. 更广义上讲, 页面是 GUI 的一部分, GUI 的拖拉生成在各种开发工具上很常见, 如 Android Studio, Xcode, Visual Studio 等. 前端页面早在十几年前就能用 Dreamweaver, Frontpage 等工具可视化搭建出来.
请注意，本文编写于 1727 天前，最后修改于 996 天前，其中某些信息可能已经过时。
现在越来越流行前后端分离的开发模式，即 Web 后端提供 RESTful 接口，返回结构化的数据(通常为 JSON 或者 XML)。前端使用 AJAX 技术请求到所需的数据，利用 JavaScript 进行渲染。Vue/React 等前端框架持续火热，这种开发模式前后端解耦，优势非常突出。后端童鞋专心解决资源利用，并发，数据库等问题，只需要考虑数据如何生成；前端童鞋专注于界面设计实现，只需要考虑拿到数据后如何渲染即可。使用 JSP 写过网站的童鞋，应该能感受到前后端耦合的痛苦。JSP 的表现力肯定是远不如 Vue/React 等专业做前端渲染的框架的。而且前后端分离在当前还有另外一个不可忽视的优势。因为后端只关注于数据，接口返回值是结构化的，与前端解耦。同一套后端服务能够同时支撑小程序、移动APP、PC端 Web 页面，以及对外提供的接口。随着前端工程化的不断地发展，Webpack，gulp 等工具层出不穷，前端技术越来越自成体系了。
接触过的模板引擎不算多，只用过jsp和ejs，jsp属于Java语系范畴也不算难，对于大前端来说，Handlebars怎么能够缺席，前端必须掌握技能之一，模板引擎Handlebars。
模板引擎负责组装数据，以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。
HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。它是互联网上信息传递和展示的基础，无论是在浏览器中查看网页还是在移动设备上浏览应用程序，HTML都扮演着关键角色。本文将向您介绍HTML的基础知识，并探讨它与软件架构的关系。
灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够以平滑过渡的方式呈现给用户，就像金丝雀的羽毛一样多种颜色平滑渐变。
虚拟 DOM（Virtual DOM）本质上是 JS 和 DOM 之间的一个映射缓存，它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS 对象
滚雪球第三轮核心学习的是 Python Web 相关知识点，那不可避免的会涉及到前端技术栈，如果你对 HTML，CSS 完全零基础，学习来可能比较吃力，建议可以先补充一些前端知识，便于后续学习，你也可以先直接进入 Django 学习阶段，问题不大。
在后端，M 和 C 这样的关联关系有多种实现方式，比如 xml 配置文件，比如注解，比如规约方式；在前端，这里采用绑定的方式关联。
上一篇文章介绍了 Django 视图的基础用法，当时提到了“响应HTML模版”，用到的方式是渲染一段 HTML 内容的字符串，这种方式很不方便。更方便的方法是在 .html 文件里写页面内容，然后渲染这个 .html 文件。这个 .html 文件也叫 HTML 模版，就是本文要讲解的内容。
前后端分离已成为互联网项目开发的业界标准使用方式，通过 nginx + tomcat 的方式（也可以中间加一个 nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS 等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。
在实际的项目开发中，需要实现的功能是很多的，通常来说一个功能至少需要一个视图函数，代码量比较大。
前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。
背景知识： 「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制； 「前端渲染」指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用； 「同构渲染」指前后端共用 JS，首次渲染时使用 Node.js 来直出 HTML。一般来说同构渲染是介于前后端中的共有部分。 客户端渲染路线：1. 请求一个html -> 2. 服务端返回一个html -> 3. 浏览器下载html里面的js/css文件 -> 4. 等待js文件下载完成 -> 5. 等待js加载并初始化完成 -
html5是什么？ HTML5 是下一代的 HTML(超文本标记语言,网页的组成部分),HTML5是web开发世界的一次重大的改变，能适配pc、手机等各终端，跨平台性能极强，移动互联网是未来的趋势，html5将会扮演越来越重要的角色。 html5能干什么？ HTML5 是一个新的web标准的集合，它包括全新定义的HTML标签和更为规范化的HTML标签，CSS3以及全新的javascript API接口。这些接口既能操作前端所见所得，也能操作后台输送到前台的数据，可以实现类似于智能手机APP端的应用 html
今天猫猫带大家来做一个查询的界面，代码极少，学习东西需要学习本质，先学习原理，再考虑变化，所有的花式都在本质上变化的。 今天虽然教的是WEB1.0的技术，实际中WEB2.0也是在其基础出发展而来。
html模板负责UI显示 - js负责前端逻辑 -python api负责后端逻辑
刚刚参加完一个项目，背景：后端是用java，后端服务已经开发的差不多了，现在要通过web的方式对外提供服务，也就是B/S架构。后端专注做业务逻辑，不想在后端做页面渲染的事情，只向前端提供数据接口。于是协商后打算将前后端完全分离，页面上的所有数据都通过ajax向后端取，页面渲染的事情完全由前端来做。另外还有一个紧急的情况，项目要紧急上线，整个web站点的开发时间只有两周，两周啊！于是在这样的背景下，决定开始一次前后端完全分离的尝试。
或许这是一个好的主题，又或许这不是一个好的主题。但是至少我可以Share一下我的经验： 基于Mustache模板引擎的前后台渲染。 基于PreRender方式的Angular.js应用的后台渲染 服务端渲染的React 开始之前，我希望即使你们需要后台渲染，你们也应该前后端分离！由后台来提供API数据，前端用自己的后台来渲染页面。听上去有点绕，简单的来说就是不要把大量的业务逻辑放前台来，只把显示逻辑放在前台上。这样一来，即使有一天我们换了新的前端，如移动应用，那么我们的后台也是可用的。 0 前后端分离 这是
进入到目录后，输入创建 Django 项目命令（注意，Django 创建项目后还需要通过命令在当前 Django 下创建对应的 app）：
目前，web 前端开发方面，通常有两种技术组合：一种是使用模板引擎，主要在服务器端渲染，这种方式对 seo 有较高要求的应用有利；同时，在后续优化方面，也较有优势。另一种则是前端框架，如 yew、react、vue、seed 一类，采用声明式设计；在保证性能下限的前提下，高效且灵活地进行快速开发。
上次搭建的django环境，这次来真正的实战开发，项目是比较老的图书管理系统，对于django来说只是一个Hello，world的项目，django的世界比你想象的还要大。
目前前端主流的开发框架有Vue、React以及Angular等，但是依然有一部分开发人员并不会去使用这些框架，特别是一些偏向后端的开发者，可能依然在使用类似于jquery+Bootstrap的方式在开发一些项目，而且有些项目可能传统的方式更加合适。
当然，可以通过spring.resources.static-locations配置指定静态文件的位置。但是要特别注意，一旦自己指定了静态资源目录，系统默认的静态资源目录就会失效。所以系统默认的就已经足够使用了，尽量不要自定义。
以layui内置为例，在index.js 引入 bodyTab.js bodyTab.js 项目路径：/static/js/bodyTab.js
从上图可以看出，前后端开发人员的工作耦合主要在（3）Template的使用。 后端程序员和前端程序员会出现同时修改template的情况，这样就造成了前后端的耦合，不利于快速开发和静态展示。
本文转载自InfoQ： http://www.infoq.com/cn/articles/more-than-react-part02 本系列的上一篇文章《为什么ReactJS不适合复杂交互的前端项目》中列举了前端开发中的种种痛点。本篇文章将详细探讨其中的“复用性”痛点。 我们将用原生DHTML API、ReactJS和Binding.scala实现同一个需要复用的标签编辑器，然后比较三个标签编辑器哪个实现难度更低，哪个更好用。 标签编辑器的功能需求 在InfoQ的许多文章都有标签。比如本文的标签是“bin
今天要介绍的知识点是 Django 中的 Templates,它也是 MVT 结构中的 T，Templates 可以叫它模板。Templates 究竟用来做什么，通过这一节的介绍，希望大家有一个基本的了解。
至此，我们已成功输出了静态文本内容，那么有没有办法像ASP一样，输出动态内容呢？当然是可以的。我们只需要对模板文件和VFP后端过程进行一下加工即可。 前端代码：
如果你想开发小程序，就得先学会一套微信特制的「开发语言」。 为了让大家上手这门开发语言，微信官方提供了一份十分详细的开发文档： 要是没时间通读，这里还有一份省时省力的替代品： 知晓程序（微信号 zxc
忙了很长一段时间，需要浮出水面来总结一工作了，不然做过的东西就像翻过一页完全没有记住的书，难免徒劳。
也就是前端程序员写velocity模板，后端程序员写数据模型，最后整合就是展示给用户的东西
本文主要分享AutoLine开源平台中各静态页面模板的作用及对应的API渲染。
PS:其实jQuery-tmpl也给我们提供了一个思路，有些时候可以自己写模板，然后去使用，不一定要引用插件。
今日洞见 文章作者来自ThoughtWorks：吕靖，文中插图来自网络。 本文所有内容，包括文字、图片和音视频资料，版权均属ThoughtWorks公司所有，任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表。已经本网协议授权的媒体、网站，在使用时必须注明"内容来源：ThoughtWorks洞见"，并指定原文链接，违者本网将依法追究责任。 前端的学习曲线 每个人在学AngularJS的时候都会觉得Angular 1.x自创的概念实在太多，学习曲线也因此变得非常陡峭。但对于一个
H+是一个完全响应式，基于Bootstrap3.3.6最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术，她提供了诸多的强大的可以重新组合的UI组件，并集成了最新的jQuery版本(v2.1.4)，当然，也集成了很多功能强大，用途广泛的jQuery插件，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。
随着前后端分离的大势所趋，后端应用为前端单页面应用（SPA，通常由 Vue、React 等前端框架构建）提供包含数据的 API 接口，然后由前端代码负责路由跳转和渲染变得越来越流行，gorilla/mux 包也对此功能特性提供了开箱支持。
最早的网页是欧洲粒子物理研究所的科学家为了方便查看和共享文档，而基于 XML（Extensible Markup Language） 创造的，这也是为什么前端最重要的全局对象被称为 document，而不是 context/page/application 的原因。当时的网页只具备文本、图片的显示和页面间相互跳转（Hyper Link）的功能，因此被称为 HTML （Hyper Text Markup Language）。
最近在调试一个Spring Boot向Thymeleaf模板传参数的例子，但踩了很多坑，这里就把详细过程记录下来，以供大家参考。
工欲善其事，必先利其器。 在 MVVM 早已被引入 Web 前端应用开发的今天，其实我们已经有了一些选择，有了一些应用开发的利器。它们的代表就是 Vuejs，React, angular。它们都致力于提升开发效率，希望帮开发者做更多的事，通过诸如声明式的绑定，便可通过框架完成视图层的自动化 , 使得业务开发者可以有更多的精力，重新聚焦业务实现的关注点，回归应用开发的本质。 什么是业务开发的本质呢？其实就是把业务抽象后设计的数据结构和算法。 这是昨天从 npm trends 里截的一张 (angular.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
