请叫我阿力
请叫我阿力

百度JS模板引擎 baiduTemplate 1.0.6 版

A、baiduTemplate 简介

0、baiduTemplate希望创造一个用户觉得“简单好用”的JS模板引擎

注：等不及可以直接点左侧导航中的”C、使用举例“，demo即刻试用。

1、应用场景：

前端使用的模板系统  或  后端Javascript环境发布页面

http://tangram.baidu.com/BaiduTemplate

2、功能概述：

提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，
生成对应数据产生的HTML片段，渲染不同的效果。

3、特性：

1、语法简单，学习成本极低，开发效率提升很大，性价比较高（使用Javascript原生语法）； 2、默认HTML转义（防XSS攻击），并且支持包括URL转义等多种转义； 3、变量未定义自动输出为空，防止页面错乱； 4、功能强大，如分隔符可自定等多种功能；

 

B、使用举例

//直接复制即可使用，记得要下载baiduTemplate.js //index.html <!doctype html> <html> <head> <meta charset="utf-8"/> <title>test</title> <!-- 引入baiduTemplate --> <script type="text/javascript" src="./baiduTemplate.js"></script> </head> <body> <div id='result'></div> <!-- 模板1开始，可以使用script（type设置为text/html）来存放模板片段，并且用id标示 --> <script id="t:_1234-abcd-1" type="text/html"> <div> <!-- 我是注释，语法均为Javascript原生语法，默认分割符为 <% %> ，也可以自定义，参见API部分 --> <!-- 输出变量语句，输出title --> <h1>title:<%=title%></h1> <!-- 判断语句if else--> <%if(list.length>1) { %> <h2>输出list，共有<%=list.length%>个元素</h2> <ul> <!-- 循环语句 for--> <%for(var i=0;i<5;i++){%> <li><%=list[i]%></li> <%}%> </ul> <%}else{%> <h2>没有list数据</h2> <%}%> </div> </script> <!-- 模板1结束 --> <!-- 使用模板 --> <script type="text/javascript"> var data={ "title":'欢迎使用baiduTemplate', "list":[ 'test1:默认支持HTML转义，如输出<script>，也可以关掉，语法<:=value> 详见API', 'test2:', 'test3:', 'test4:list[5]未定义，模板系统会输出空' ] }; //使用baidu.template命名空间 var bt=baidu.template; //可以设置分隔符 //bt.LEFT_DELIMITER='<!'; //bt.RIGHT_DELIMITER='!>'; //可以设置输出变量是否自动HTML转义 //bt.ESCAPE = false; //最简使用方法 var html=bt('t:_1234-abcd-1',data); //渲染 document.getElementById('result').innerHTML=html; </script> </body> </html>

C、基本用法

0、引入文件：

baiduTemplate使用仅需引入baiduTemplate.js文件，未压缩是考虑大家调错阅读等方便，上线前请自行压缩代码。

<script type="text/javascript" src="./baiduTemplate.js"></script>

如果在nodejs环境中使用，可以通过npm包管理安装

//注意：名称全部小写 npm install baidutemplate

1、放置模板片段：

页面中，模板块可以放在 <script> 中，设置type属性为text/template或text/html，用id标识，如：

<script id='test1' type="text/template"> <!-- 模板部分 --> <!-- 模板结束 --> </script>

或者存放在 <textarea> 中，一般情况设置其CSS样式display:none来隐藏掉textarea，同样用id标识，如：

<textarea id='test2' style='display:none;'> <!-- 模板部分 --> <!-- 模板结束 --> </textarea>

模板也可以直接存储在一个变量中

var tpl = "<!-- 模板开始 --> 模板内容 <!-- 模板结束 -->";

 

2、调用引擎方式

（1）、数据结构是一个JSON，如：

var data={ title:'baiduTemplate', list:[ 'test data 1', 'test data 2', 'test data3' ] }

（2）、baiduTemplate占用baidu.template命名空间

//可以付值给一个短名变量使用 var bt = baidu.template;

（3）、方法一：tpl是传入的模板(String类型)，可以是模板的id，可以是一个模板片段字符串，传入模板和对应数据返回对应的HTML片段

//方法一：直接传入data，返回编译后的HTML片段 var html0 = baidu.template(tpl,data); //或直接传入id即可 var html0 = baidu.template('test1',data);

    方法二：或者可以只传入tpl，这时返回的是一个编译后的函数，可以把这个函数缓存下来，传入不同的data就可以生成不同的HTML片段

//方法二：先不传入data，返回编译后的函数 var fun = baidu.template(tpl); //或直接传入id即可 var fun = baidu.template('test1'); //之后通过改变数据，调用缓存下来的函数，产生不同的HTML片段 var html1 = fun(data1); var html2 = fun(data2);

（4）、最后将他们插入到一个容器中即可

document.getElementById('result0').innerHTML=html0; document.getElementById('result1').innerHTML=html1; document.getElementById('result2').innerHTML=html2;

 

3、模板基本语法（默认分隔符为<% %>，也可以自定义）

分隔符内语句为js语法，如：

<% var test = function(){ //函数体 }; if(1){}else{}; function testFun(){ return; }; %>

假定事先设置数据为

var data={ title:'baiduTemplate', list:['test1<script>','test2','test3'] }

注释

<!-- 模板中可以用HTML注释 --> 或 <%* 这是模板自带注释格式 *%> <% //分隔符内支持JS注释 %>

输出一个变量

//默认HTML转义，如果变量未定义输出为空 <%=title%> //不转义 <%:=title%> 或 <%-title%> //URL转义，UI变量使用在模板链接地址URL的参数中时需要转义 <%:u=title%> //UI变量使用在HTML页面标签onclick等事件函数参数中需要转义 //“<”转成“&lt;”、“>”转成“&gt;”、“&”转成“&amp;”、“'”转成“\&#39;” //“"”转成“\&quot;”、“\”转成“\\”、“/”转成“\/”、\n转成“\n”、\r转成“\r” <%:v=title%> //HTML转义（默认自动） <%=title%> 或 <%:h=title%>

判断语句

<%if(list.length){%> <h2><%=list.length%></h2> <%}else{%> <h2>list长度为0<h2> <%}%>

循环语句

<%for(var i=0;i<list.length;i++){%> <li><%=list[i]%></li> <%}%>

4、不推荐使用功能

用户可以自定义分隔符，默认为 <% %>，如：

//设置左分隔符为 <! baidu.template.LEFT_DELIMITER='<!'; //设置右分隔符为 <! baidu.template.RIGHT_DELIMITER='!>';

自定义默认输出变量是否自动HTML转义

//设置默认输出变量是否自动HTML转义，true自动转义，false不转义 baidu.template.ESCAPE = false;

D、性能相关数据

前端模板引擎在传统桌面电脑的浏览器端编译模板并渲染页面，无较大的性能开销。但在移动端上面，性能数据较为重要，故发布移动端性能数据列表，希望能够给各位开发者提供一个参考。

百度JS模板引擎 baiduTemplate 1.0.6 版_第1张图片 

总结：编译执行时间（前端模版编译以及json被转换为html字符串的时间）范围约在10~90毫秒，大部分集中在20~60毫秒之间。Dom 渲染时间（html字符串通过dom.innerHTML被插入到div里的时间）范围约在40~160毫秒，大部分集中在50~130毫秒之间。测试页 面（50条数据记录）：http://tieba.baidu.com/tb/test/s.html（数据在页面多次刷新时会有一些小范围浮动，只反映 大致情况，2012-09-20 百度贴吧整理）

E、特别鸣谢

感谢各位业内的高手们对baiduTemplate的帮助！

感谢百度贴吧的大力支持，并且给出了移动端的测试数据，目前baiduTemplate使用在贴吧等百度移动端的产品上面，特别感谢这些产品的工程师们，也感谢各位业内使用者们！

感谢 @灰大、感谢 @王集鵠、感谢 @黄志龙、感谢 @严孙荣、感谢 @berg、感谢 @黄方荣、感谢 @rayi-、感谢 @东杰、感谢 @杨尊程、感谢 @冯威风、感谢 @糖饼、感谢 @风之石 、感谢 @貘大等等，感谢各位在使用的开发者们！

F、change log

1.0.6版本

重构代码，修正自定义变量加分号语法错误的bug，增加对版本号的标注 baidu.template.versions

1.0.5版本

修改可能造成内存泄露的变量及方法直接挂在baidu.template命名空间下

1.0.4版本

经过第三方测试反馈，进行对编译后产生的函数性能优化，性能提高1/3以上

1.0.3版本

通过产品线反馈，经过讨论增加自定义是否默认转义接口 baidu.template.ESCAPE

1.0.2版本

优化正则，提升性能，修复bug，支持nodejs，支持npm install baidutemplate可以安装

1.0.1版本

优化正则，提升性能，修复bug

你可能感兴趣的:(百度JS模板引擎 baiduTemplate 1.0.6 版)

  • Rocky Linux9下安装Docker和卸载Docker Hadoop_Liang dockerdocker容器运维
    前提条件安装好RockyLinux9，可参考Vmware下安装RockyLinux9.4安装Docker精简版命令yuminstall-yyum-utilsyum-config-manager--add-repohttps://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repoyuminstall-ydocker-cesystemctl
  • React 开发全面指南：核心 API、方法函数及属性详解 北辰alk 前端reactreact.js前端前端框架
    React作为当前最流行的前端框架之一，凭借其组件化、声明式编程和高效的虚拟DOM机制，成为构建复杂用户界面的首选工具。本文将深入解析React的核心API、方法函数及属性，覆盖从基础到高级的各个方面，助你全面掌握React开发技巧。文章目录1.React核心概念1.1组件化开发1.2JSX语法1.3虚拟DOM2.组件生命周期方法（类组件）2.1挂载阶段（Mounting）2.2更新阶段（Upda
  • 详细介绍人工智能学习框架 日记成书 反正看不懂系列人工智能
    人工智能学习框架是开发者用于构建、训练和部署机器学习模型的核心工具。以下从框架分类、核心框架介绍、学习方法三个维度展开详解：一、主流人工智能框架全景图（一）基础框架层TensorFlow（Google）核心优势：工业级部署能力，支持移动端（TFLite）、浏览器（TF.js）、服务器（TFServing）特色功能：SavedModel格式跨平台兼容，XLA编译器优化计算图适用场景：生产环境部署、大
  • REDMI K80 Ultra将搭载天玑9400+，电池至高7500mAh，百瓦快充不变 佳晓晓 智能手机vue.jspythonscikit-learn华为
    最近手机圈又有大动静啦！红米K80Ultra的消息传得沸沸扬扬，据说它将搭载天玑9400+处理器，电池容量至高可达7500mAh，而且百瓦快充还不变！这配置一曝光，可把大家的好奇心都勾起来了，今天咱就好好唠唠这款备受期待的新机。天玑9400+：性能小钢炮，火力再升级先来说说这颗关键的天玑9400+处理器。这可是联发科的得意之作，是天玑9400的升级版，就像是给手机性能来了一次“涡轮增压”。从架构上
  • 青少年Python趣学编程：用代码开启无限可能【文末好书推荐】 一键难忘 好书推荐pythonpygame开发语言
    文章目录青少年Python趣学编程：用代码开启无限可能1.为什么选择Python？2.从小游戏开始：让编程变得有趣3.学习编程的关键步骤4.提供项目和挑战：激发创造力《青少年Python趣学编程（微课视频版）》【好书推荐】购书链接本书特色✨内容亮点配套资源适用人群青少年Python趣学编程：用代码开启无限可能在当今数字化的时代，编程已成为一种基础技能，尤其对于青少年来说，学习编程不仅能帮助他们理解
  • electron部署更新服务器 zhhao1 部署vercelelectron
    1.electron更新有两种方式windows应用安装打包有两种1.squirrel第一种通过electron包里的autoUpdater模块，设置github用户名/repo仓库名，会自动拼接feedurl为https://update.electronjs.org/${用户名}/${仓库名}/${arch}/${version},更新服务器update.electronjs.org会去git
  • 【JS】Array数组的every方法使用 音仔小瓜皮 JavaScript学习笔记javascript开发语言ecmascript
    一、every方法定义定义：every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。【即对每个元素的判断取交集&&,得到最终的布尔结果】返回值：布尔值，true或者false。⚠️注意every不检测空数组！但是会返回trueevery不会改变原始数组元素！对于空数组返回true的解释：every和数学中的全称量词"任意（∀）"类似。因此，在先行条件不成立的情况下，结论返回为真。
  • Mac M1安装Python---kalrry kalrry Pythonpythonmacos开发语言
    MacM1安装Python---kalrry一、准备二、安装三、配置环境变量1、配置环境2、测试3、pip3与pip建立软链接四、参考备份一、准备Python3.9.1发布后开始支持苹果M1和macOS11BigSur也就是我们要下载3.9.1以后的版本，最好选择最新稳定版python官网下载python阿里网盘下载—sa65二、安装双击正常一路next安装即可三、配置环境变量1、配置环境命令行输
  • MySQL 8.0 社区版安装与配置全流程指南（Windows平台） waicsdn_haha 程序员教程数据库mysqlwindowspythondjangopygamevirtualenv
    一、软件定位与特性MySQL8.0是开源关系型数据库管理系统的里程碑版本，支持ACID事务、JSON文档存储、窗口函数等特性，广泛应用于Web开发、数据分析等领域。相较于旧版本，8.0版引入以下核心升级：性能优化：查询速度提升2倍以上安全性增强：默认启用caching_sha2_password认证插件功能扩展：支持CTE（公共表表达式）和原子DDL二、安装环境准备1.系统要求项目最低配置推荐配置
  • 2024年前端框架选择指南：React、Vue、Angular与新兴框架对比 海豹工匠 前端框架
    在当今快速发展的前端技术领域，选择合适的框架对于项目成功至关重要。本文将深入探讨主流前端框架的特点、优缺点及适用场景，为开发者提供全面的选择指南。主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学，模板直观，内置状态管理优点：学习曲线平缓，适合快速
  • js 判断变量是否不是空字符串(含空格与中文空格) 切糕师学AI javascriptjavascript前端开发语言
    js判断是否是空字符串，空格或者中文空格也算空字符串functionisNotEmptyStr(s){if(typeofs=='string'&&s.length>0){//TrimthestringtoremovespacesandChinesespacesconsttrimmedStr=s.replace(/[\s\u3000]/g,'');if(trimmedStr.length>0)ret
  • 龙龙内存遍历神器：高效CPU内存检测与数据分析利器 山峰999 算法软件工程测试工具windows
    在软件开发与游戏修改领域，一款功能强大的内存遍历工具无疑是每位开发者与修改者的必备之选。今天，我们为大家隆重介绍一款备受好评的内存遍历神器——龙龙内存遍历工具电脑版。这款工具以其卓越的性能、丰富的功能以及便捷的操作体验，赢得了广大用户的青睐。接下来，让我们一同深入了解这款工具的独特魅力。一、软件概述龙龙内存遍历工具电脑版是一款专为CPU内存检测设计的强大工具。它不仅能够快速检测CPU的内存情况，还
  • WPS JS宏实现批量删除工作表功能 神马浮云呀 wpsjavascript
    这里用到了Delete()函数，但是删除工作表时会出现一个问题，就是如果sheet表里有数据，就会激发系统保护功能，弹出警告信息提示框，从而打断批量删除。//批量删除工作簿中除名为"XXX"之外的所有工作表functionDeleteSh(){//关闭屏幕刷新和警告弹窗with(Application){ScreenUpdating=false;DisplayAlerts=false;}for(v
  • 【前端】react+ts 轮播图的实现 Loong_DQX 前端react.jstypescript
    一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。自动轮播图已经在前面实现过了，如：https://blog.csdn.net/weixin_43872912/article/details/145622444?sharetype=blogdetail&sharerId=145622444&sharerefer=PC&sharesource=weixin_
  • 前端面试题---vue和react的区别 *星之卡比* 前端vue.jsreact.js
    文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面，其他功能依赖第三方库。学习曲线：Vue的语法更简洁，易于上手，适合初学者；React使用JSX，结合了JavaScript和HTML，学习曲线较陡。模板vsJSX：Vue使用类似HTML的模板语法
  • 代码随想录算法训练营Day57 | 拓扑排序精讲、dijkstra（朴素版）精讲 Harryline-lx 代码随想录算法
    文章目录117.软件构建思路与重点47.参加科学大会思路与重点117.软件构建题目链接：117.软件构建讲解链接：代码随想录状态：一遍AC。思路与重点概括来说，给出一个有向图，把这个有向图转成线性的排序就叫拓扑排序。拓扑排序也是图论中判断有向无环图的常用方法。拓扑排序模板题。#include#include#include#includeusingnamespacestd;intmain(){in
  • 安装Miniconda3-Python 3.8环境管理工具 Lemaden
    本文还有配套的精品资源，点击获取简介：Miniconda3-py38_4.11.0-Windows-x86_64.zip提供了一个针对Python3.8版本的轻量级Miniconda发行版，适用于64位Windows系统。它包括Python解释器、Conda包管理器和基本科学计算库，支持创建独立的Python环境。此版本的Conda包管理器版本号为4.11.0。用户可以通过安装后使用Conda命令
  • 网络运维学习笔记（DeepSeek优化版）004网工初级（HCIA-Datacom与CCNA-EI）Console管理台使用、登录认证、破解恢复密码 技术小齐 网络运维学习
    文章目录Console管理台使用、登录认证、破解恢复密码一、Console管理台使用和登录认证1.1思科设备配置1.1.1基本配置流程1.1.2验证配置1.2华为设备配置1.2.1本地密码认证1.2.2AAA认证配置二、远程管理协议Telnet和SSH配置2.1思科Telnet基本配置2.2华为Telnet基本配置telnet配置之aaa相关配置ssh配置之aaa相关配置三、FTP文件传输3.1思
  • 代码随想录算法训练营第58天|拓扑排序精讲、dijkstra（朴素版）精讲 Yinems 算法
    打卡Day581.拓扑排序精讲2.dijkstra（朴素版）精讲1.拓扑排序精讲题目链接：拓扑排序精讲文档讲解：代码随想录给出一个有向图，把这个有向图转成线性的排序就叫拓扑排序。拓扑排序要检测这个有向图是否有环，即存在循环依赖的情况，因为这种情况是不能做线性排序的。所以拓扑排序是图论中判断有向无环图的常用方法。拓扑排序的过程，有两步，第一步，找到入度为0的节点，加入结果集；第二步，将该节点从图中移
  • 高一英语拓展词汇第二版 Jean·Gunnhildr Jean带飞你的文化课高考笔记
    文章目录高一英语拓展词汇第二版前言ABCDEFGHIJKLMNOPQRSTUVW高一英语拓展词汇第二版前言资质证明：老师是江苏省扬州中学英语骨干教师刘老师，作者本人扬州2024届中考英语149149149分，所以想提升英语的同学可以放心食用。用途：提升阅读理解和作文水平，主要收录了老师上课讲的拓展词汇及其相关用法，摘取了《牛津高阶词典》的例句。适用人群：已经掌握课内单词的同学（仅根据给出的中文，能
  • 在 Linux 系统上安装 Nginx nginx
    在Linux系统上安装Nginx的步骤如下，根据不同的发行版选择对应的方法：一、基于Debian/Ubuntu的系统1.更新软件包列表sudoaptupdate2.安装Nginxsudoaptinstallnginx3.启动并启用Nginxsudosystemctlstartnginx#启动服务sudosystemctlenablenginx#设置开机自启4.验证安装访问服务器IP或域名，查看是否
  • DeepSeek Coder 百态老人 人工智能大数据笔记
    DeepSeekCoder是由DeepSeekAI推出的一系列代码生成模型，旨在解决编程中的各种任务，如代码生成、补全、调试和优化等。以下是对该模型的详细分析：模型背景与特点模型规模与训练数据：DeepSeekCoder系列模型从头开始训练，覆盖了超过80种编程语言，总参数量从1B到33B不等，其中包含基础版和指令调优版。模型基于高质量的代码数据集进行训练，包含约2万亿个token，其中87%为代
  • 后端技术栈都有哪些 python资深爱好者 webhttp网络安全
    在后端技术领域，有很多不同的技术栈可供选择，这取决于项目的具体需求、团队的技能和经验以及所使用的框架或库的流行程度。以下是一些常见的后端技术栈的示例：Node.js：框架：Express.js,Koa.js,NestJS,Hapi.js数据库：MongoDB,MySQL,PostgreSQL,Redis模板引擎：EJS,Pug(Jade),Nunjucks缓存：Redis消息队列：RabbitMQ
  • 【leetcode刷题版】哈希表 学废了wuwu leetcode算法python哈希算法
    系列文章目录文章目录系列文章目录背景知识一、有效的字母异位词二、两个数组的交集三、快乐数四、两数之和五、四数相加六、赎金信七、三数之和八、四数之和背景知识哈希函数（HashFunction）：哈希函数是一种将任意长度的输入（键）通过某种算法转换为固定长度的输出（哈希值）的函数。好的哈希函数应该能够将输入均匀地分布在哈希表中，以减少冲突。冲突（Collision）：当两个不同的键通过哈希函数得到相同
  • 【leetcode刷题版】回溯算法 学废了wuwu 算法leetcodepython
    系列文章目录文章目录系列文章目录背景知识一、组合二、组合优化三、电话号码的字母组合四、组合总和五、组合总和Ⅱ六、分割回文串七、复原IP地址八、子集九、子集（需要去重）十、非递减子序列十一、全排列十一、全排列Ⅱ十二、重新安排行程（难）十三、N皇后十四、解数独背景知识回溯算法是一种通过试错来解决问题的算法。它会在解决问题的过程中剪枝，以避免无效搜索。在Python中实现回溯算法通常涉及以下几个步骤：定
  • Appium自动化测试框架 码农黛兮_46 软件测试appium自动化测试工具
    Appium自动化测试框架1、Appium简介1.1Appium概念Appium是一个开源的移动端自动化测试工具，适用于移动端原生APP、移动WebAPP或混合APP的自动化测试； Appium继承了Selenium(Web端自动化测试工具)，应用WebDriver(JSONwireprotocol)技术，借助操作系统自带的测试框架来驱动Android和IOS应用。特点：Appium是一个开源、跨
  • 全球创业大赛：参赛团队和主办方的利益与代价分析（大白话版） x66ccff 专家系统pandas
    全球创业大赛：参赛团队和主办方的利益与代价分析（大白话版）一、参赛团队：用隐私换曝光，赌的是机会1.付出什么？时间和精力：填资料、备赛、配合主办方的流程（比如随时接电话、回复消息）。核心信息：必须提交真实信息，包括团队背景、项目细节、公司财务数据等（可能暴露商业秘密）。隐私授权：同意主办方把你的个人信息、项目介绍、公司老底（比如融资情况）拿去宣传、报道、拉资源，甚至路演录像会被剪辑加工后全网传播。
  • Django实现API配合JWT进行用户验证的方法 Mr数据杨 PythonWeb开发pythonjsdjangoJWT
    在现代Web应用中，API认证是一项至关重要的功能。随着分布式架构和跨平台应用的发展，传统的Session认证方式逐渐难以满足需求。JSONWebToken(JWT)提供了一种无需在服务端存储用户状态的认证方式，适用于无状态的应用程序。本教程将以Django为例，介绍如何通过JWT实现对API的认证控制，包括基本配置与实际应用中的代码示例。文章目录传统的Session和JWT的区别JWT工作原理D
  • 大批量影像瓦片优化 水塔鸡丝 GIS瓦片处理影像GIS
    背景在很多场景中，需要用的影像瓦片，常规的思路是将tif进行切图，做成分层的瓦片：但是，如果层级太高，产生的文件将十分庞大，据测试，某地级市18层级切片，内存占用高达200多G，在部署和传输的过程中，都很不利。通用处理因此，采取的思路是如何能够压缩每一张图层，在尽可能保留原有分辨率和色彩的同时，减少影像图片内存的大小。最初采用开源压缩工具：pngquantwindows下有GUI版本，但是GUI版
  • DeepSeek做3D动画，太猛了 大模型微调教程 3d人工智能自然语言处理零售机器学习大模型deepseek
    惊呆了呀，DeepSeek居然还能这么用！DeepSeek＋即梦＋Tripoai，三个工具5分钟就能做一个类似《哪吒之魔童闹海》的哪吒的专业级3D模型！这次我们将把Deepseek、即梦AI、混元3D、Blender、Mixamo这些强大的AI工具，从无到有，打造出一个全新的萌趣十足的Q版哪吒3D动画。那我们来看看具体有哪些步骤。步骤一：Deepseek创意的“提示词工厂”第一步，我们先从角色的外
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他