内容摘要是对文献核心内容的简明概括,须包含目的、方法、结果和结论四要素,突出创新点,保持客观、独立、完整,字数通常为正文字数的5%左右。
直接改文件就能生效,但改完不显示、样式崩了、变量变空白——八成是模板引擎规则没对上,或者路径/缓存/上下文漏了关键一环。
确认你用的是哪种模板引擎
同一串
在不同环境里行为天差地别:Django 里它靠后端
注入;Vue 单文件组件里得在
里返回
;而纯
前端
用
拿 JSON 后手动替换字符串,那
就只是个普通文本,得自己写正则或用
处理。常见错误是把 Vue 的
直接抄进 Django 模板,结果渲染出字面量
,页面一片空白。
查入口文件:Django 看
里的
调用;Flask 看
;Vue 看
文件的
块
看模板文件扩展名:
不代表就是原生 HTML,
、
、
才是线索
浏览器右键“查看页面源代码”,如果看到
还原样躺着,说明后端根本没渲染——不是模板问题,是服务没跑或路由错了
变量名大小写和传参方式必须严丝合缝
和
在 Jinja2 或 Django 里是两个完全独立的变量,大小写错一个字母就取不到值。更隐蔽的是传参方式:Django 模板只认字典 key,
才能让
工作;如果后端传的是
对象但没显式解包,
就会静默失败(不报错,只留空)。
调试时在模板里加一行
(Jinja2)或
(Django),看实际传进来的是 dict、object 还是 None
避免在模板里调方法:
在 Django 里默认禁用,得在 context processor 里提前算好
Vue 中
绑定的变量名,必须和
返回对象的 key 完全一致,包括引号、空格、下划线
静态资源路径和 DOM 结构不能乱动
在根路径
下能加载,但在
下就会请求
,404。同样,删掉一个
,而 JS 里写着
,按钮立刻失灵,控制台报
。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
立即学习
“
前端免费学习笔记(深入)
”;
所有静态资源路径统一用绝对路径:
(开头是
,不是
)
Django 项目强制用
,Flask + Jinja2 用
改模板前,全局搜索
和
,对照 JS 文件里是否引用了这些标识符
用浏览器 Elements 面板临时删节点试效果,比直接改文件安全得多
缓存不清理,改了也白改
Smarty、Jinja2、Django 模板系统默认开启编译缓存,改完
文件,服务器仍用旧的缓存版本。现象是:明明改了文字,刷新页面还是老内容;清浏览器缓存也没用。
Smarty:删掉
目录下所有文件
Jinja2:删掉
和
,或设
Django:开发时加
,生产环境改
关缓存
VS Code 里改 Emmet 默认模板?改的是
,路径在
,改完必须重启编辑器
最常被跳过的其实是上下文来源和缓存清理——变量取不到,第一反应是语法写错,其实八成是后端压根没传那个 key,或者缓存还捂着旧模板。动手前先打开浏览器开发者工具的 Network 标签页,看 HTML 响应体里有没有你写的变量值,比瞎猜快十倍。
{{name}}render(request, 't.html', {'name': 'Alice'})data(){ name: 'Alice' }fetch{{name}}replace(){{user.name}}{{user.name}}views.pyrenderrender_template().vue.html.jinja2.tpl.vue{{...}}{{User.name}}{{user.name}}render(..., {'user': u}){{user.name}}user = User(...){{user.name}}{{ user|pprint }}{{ user }}{{ user.get_full_name() }}v-modeldata()href="css/style.css"//admin/user/edit/admin/user/edit/css/style.cssid="save-btn"document.getElementById('save-btn')Cannot read property 'addEventListener' of nullhref="/css/style.css"///{% static 'css/style.css' %}{{ url_for('static', filename='css/style.css') }}id=class=.htmltemplates_c/__pycache__/*.pycauto_reload=TrueDEBUG=TrueTEMPLATES['OPTIONS']['loaders']expand-full.jsresources\app\extensions\emmet\node_modules\vscode-emmet-helper\out\expand\expand-full.js