请叫我阿力
请叫我阿力

百度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 版)

  • 使用 Docker 在 Alpine Linux 下部署 Caddy 服务器 shelby_loo 服务器dockerlinux
    简介在现代web开发中，选择合适的web服务器至关重要。Caddy是一个功能强大的现代化HTTP/2服务器，支持自动HTTPS，配置简单，适合开发和生产环境。Docker则为我们提供了一种轻量级的容器化技术，使得应用程序的部署和管理变得更加高效。AlpineLinux是一个轻量级的Linux发行版，以其小巧和安全著称，非常适合用于容器化环境。今天，我们将一起学习如何在AlpineLinux下通过D
  • Node.js - 模块化与包管理工具 蒜蓉大猩猩 Node.jsnode.js后端架构
    1.前言模块化是代码组织的方式，而包管理工具是管理模块的工具。在现代项目开发中，模块化和包管理工具几乎是不可分割的一部分，它们一起构成了高效的开发工作流。包代表了一组特定功能的源码集合，包管理工具可以对包进行下载安装，更新删除，上传等操作常用的包管理工具有npm,yarn,cnpm，本文讲解Node.js中模块化与包的管理，使用。2.代码的模块化2.1代码模块化的声明与导入//index.jsfu
  • Node.js、Vue 和 React 的关系和区别 佐木宥轩 node.js
    Node.js、Vue和React是前端和后端开发中常用的技术，它们各自有不同的作用，但可以协同工作来构建现代化的Web应用。为了通俗易懂地理解它们的关系，我们可以用一个餐厅的比喻来说明。1.Node.js：厨房的后台Node.js是一个基于JavaScript的运行时环境，主要用于构建服务器端应用程序。它就像餐厅的厨房，负责处理数据和逻辑。作用：提供后端服务，比如处理数据库、用户认证、文件上传等
  • 搭建Node.js后端 m0_74823561 面试学习路线阿里巴巴node.jsarcgis
    从头开始搭建一个Node.js后端，并实现查询历史数据的功能，下面是详细的步骤说明，包括环境配置、项目初始化、代码编写、以及服务器启动。1.环境配置1.1安装Node.js和npm首先，你需要在你的电脑上安装Node.js和npm（Node.js包管理器）。你可以从Node.js官方网站下载并安装最新的LTS版本。验证安装：安装完成后，可以通过命令行验证安装是否成功。node-vnpm-v这两个命
  • python3安装教程 @小左 python开发语言
    1.下载python百度网盘下载python-3.12.3-amd64.exe链接：https://pan.baidu.com/s/1MV3kvVdjCdS_G-_KgefwLw?pwd=pgzu提取码：pgzu官网下载：WelcometoPython.org有很多版本，选择需要的版本下载2.安装python双击python-3.12.3-amd64.exeNext安装成功3.检查pythonwi
  • 【Node.js】Express 框架及其基本使用详解 Peter-Lu #NodeJSnode.jsexpressjavascript前端npm
    文章目录一、Express概述1.Express是什么？2.为什么选择Express？二、安装与项目初始化1.环境准备2.初始化Express项目三、Express的基本使用1.创建一个简单的服务器2.路由管理3.使用中间件4.处理静态文件四、处理请求数据1.解析JSON数据2.解析URL编码的数据五、错误处理六、总结Express是Node.js生态中最受欢迎的web框架之一，广泛用于构建服务器
  • outlook2019登录126邮箱（imap) 泡馍搭档
    目录邮箱网页版中设置（准备工作）：在outlook2019中设置：邮箱网页版中设置（准备工作）：记得16位验证码要保存下来，待会在outlook2019中会用到在outlook2019中设置：1.填入邮箱账号，在高级选项中勾选手动设置我的账户2.选择imap方式3.按照图中填空，然后下一步
  • nodejs后端ws与http结合共享一个服务器，前端websocket发送信息后端ws接收信息,使用Map定型数组设置ID cdcdhj nodejshttp服务器前端
    //服务端代码consthttp=require('node:http');constWebSocket=require('ws');constserver=http.createServer();//创建websocket服务constwss=newWebSocket.WebSocketServer({server});//创建定型数组constclients=newMap();wss.on('
  • node.js中实现token的生成与验证 小灰灰学编程 Node.jsnode.jstoken前端
    Token（令牌）是一种用于在客户端和服务器之间安全传输信息的加密字符串。在Web开发中，Token常用于身份验证和授权，确保用户能够安全地访问受保护的资源。作用与意义身份验证：Token可以用来验证用户的身份，确保用户已经通过认证流程。授权：通过Token，服务器可以识别用户的权限，从而允许或拒绝访问特定的资源。状态管理：在无状态（stateless）的API设计中，Token可以携带用户的状态
  • 书籍推荐 —— UML和模式应用（原书第3版） blackcat王文俊 心得体会uml分析设计
    出版社：机械工业出版社ISBN：9787111186823版次：1商品编码：13745494品牌：机工出版包装：平装丛书名：软件工程技术丛书开本：16开出版时间：2022-06-01用纸：胶版纸页数：524内容简介■关于面向对象分析与设计及UML的经典之作。■全面升级到UML2和新的迭代/敏捷实践。■增加了全新的案例研究，阐述了大量关键思想。无论对于专业人士还是教师来说，本书都堪称经典之作。本书介
  • 华为OD机试E卷 - 空栈压数（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试python华为odjavajavascriptc语言c++华为od机考e卷
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述向一个空栈压入正整数，每当压入一个整数时，执行以下规则（设:栈顶至栈底整数依次编号为n1,n2,…,nx，其中n1为最新压入的整数)如果n1=n2，则n1、n2全部出栈，压入新数据m(m=2*n1)如果n1=n2+…+ny(y的范围为[3,x])，则n1,n2,…,ny全部出栈，压入新数据m(m=2*n1)。如果上述规
  • vue3中的provide和inject实用案例之基于el-dialog的命令式弹框，直接一行js代码打开
    需求场景某些情况下，我们要使用一个弹框组件的时候一般都是这样使用：Thisisadialogimport{ElDialog}from'element-plus'import{ref}from"vue";constdialogVisible=ref(false)constopen=()=>{dialogVisible.value=true}也就是说，每次想要有一个弹框打开功能都需要引入ElDialo
  • 【华为OD-E卷 - 篮球比赛 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-篮球比赛100分（python、java、c++、js、c）】题目篮球(5V5)比赛中，每个球员拥有一个战斗力，每个队伍的所有球员战斗力之和为该队伍的总体战斗力。现有10个球员准备分为两队进行训练赛，教练希望2个队伍的战斗力差值能够尽可能的小，以达到最佳训练效果。给出10个球员的战斗力，如果你是教练，你该如何分队，才能达到最佳训练效果?请说出该分队方案下的最小战斗力差值输入描述0
  • 【华为OD-E卷 - 敏感字段加密 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享华为odpythonjavac++javascript
    【华为OD-E卷-敏感字段加密100分（python、java、c++、js、c）】题目给定一个由多个命令字组成的命令字符串：字符串长度小于等于127字节，只包含大小写字母，数字，下划线和偶数个双引号；命令字之间以一个或多个下划线_进行分割；可以通过两个双引号””来标识包含下划线_的命令字或空命令字（仅包含两个双引号的命令字），双引号不会在命令字内部出现；请对指定索引的敏感字段进行加密，替换为**
  • WebKit 的渲染引擎优化策略
    简介：WebKit是一个开源的网页浏览引擎，被广泛应用于多种浏览器，包括Safari和许多移动设备浏览器。其高效的渲染性能和灵活的架构使得WebKit成为现代浏览器开发的重要组成部分。在这篇文章中，我们将深入探讨WebKit在渲染引擎优化方面的策略，尤其关注其在提高页面加载速度和渲染效率方面的技术实现。正文：什么是WebKit？WebKit起源于KHTML和KJS，最初由苹果公司用于Safari浏
  • 深入解析Vue.js组件开发：从基础到进阶 冷夜雨. vue.js
    Vue.js作为一款渐进式的JavaScript框架，其独特的设计理念和易用性使得它在现代前端开发中占据了重要地位。Vue组件是Vue.js中最核心的组成部分，它是构建应用的基础单元，也是Vue项目模块化和重用的关键所在。在这篇文章中，我们将深入探讨Vue.js的组件开发，涵盖从基础到进阶的各个方面，包括组件的创建、通信、生命周期、性能优化等内容，帮助你掌握Vue组件开发的核心技巧。一、Vue组件
  • Vue 开发者的 React 实战指南：路由和导航篇
    作为Vue开发者，在迁移到React开发时，路由系统的差异是需要重点关注的部分。本文将从VueRouter的使用经验出发，详细介绍ReactRouter的使用方式和最佳实践。基础路由配置VueRouter配置在Vue中，我们通常这样配置路由：//router/index.jsimport{createRouter,createWebHistory}from'vue-router';importHo
  • 安卓编译报错expo-modules-core:prepareBoost Not in GZIP format的解决方案
    作者:Kovli重要通知：红宝书第5版2024年12月1日出炉了，感兴趣的可以去看看，https://u.jd.com/saQw1vP红宝书第五版中文版红宝书第五版英文原版pdf下载(访问密码:9696)报错如下[RUN_GRADLEW]Executionfailedfortask':expo-modules-core:prepareBoost'.[RUN_GRADLEW]>Couldnotrea
  • 【第四天】零基础入门刷题Python-Selenium-自动化测试-打开百度的首页搜索B站然后打开B站-切换B站窗口在B站搜索框中搜索Selenium-复习XPATH详细语法 Long_poem pythonselenium开发语言xmlhtml
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、先复习昨天的XPATH语法，然后学习怎么切换窗口二、详细代码1.对本节代码XPath表达式的解释2.在百度的首页上搜索B站后打开B站-在B站搜索框中搜索Selenium3.对切换窗口的详细介绍4.对上方的两个模块的详细介绍总结前言提示：这里可以添加本文要记录的大概内容：第零天练习补充零基础入门刷题Python-Sele
  • 博客建站10 - 选择博客评论系统 c++
    1.本网站的系统架构2.博客系统的选择2.1.选择的前提2.2.选择的原则3.Volantis支持的评论系统3.1.GitHubDiscussions系列3.1.1.giscus3.2.GitHubIssues系列3.2.1.Beaudar3.2.2.utterances3.2.3.Vssue3.2.4.Gitalk3.3.Disqus系列3.3.1.Disqus3.3.2.DisqusJS3.3
  • 【Linux网络编程】第九弹---深入解析TCP服务、IOService与Jsoncpp的应用与实现 小林熬夜学编程 Linux网络编程linux网络运维tcp/ipC语言c++服务器
    ✨个人主页：熬夜学编程的小林系列专栏：【C语言详解】【数据结构详解】【C++详解】【Linux系统编程】【Linux网络编程】目录1、TcpService.hpp1.1、TcpServer类基本结构1.2、构造析构函数1.3、Loop()1.3.1、内部类1.3.2、Execute()2、Service.hpp2.1、IOService类基本结构2.2、构造析构函数2.3、IOExcute()3、
  • 豆包 API 调用示例代码详解-Python版 道长不会写代码 python基础教学python开发语言
    文章目录豆包API调用示例代码详解-Python版一、事前准备二、所需Python包三、代码详解五、源码下载四、总结豆包官方API文档豆包API调用示例代码详解-Python版在本文中，我们将详细介绍如何使用Python调用豆包API，并提供相关的事前准备和代码执行步骤。一、事前准备密钥申请：要使用豆包API，首先需要申请一个授权密钥。在上述代码中，密钥存储在headers字典的Authoriza
  • linux安装oracl19c
    安装OracleDatabase19c（以下简称Oracle19c）在Linux系统上的详细步骤如下。每一步都经过专业分析，确保安装过程顺利且高效。️1.下载安装包首先，从Oracle官方网站下载OracleDatabase19c的安装包。确保选择与您的Linux发行版和系统架构相匹配的版本。#示例命令（实际下载需通过浏览器或Oracle工具进行）wgethttps://download.orac
  • Apache Maven介绍|Maven安装 dami_king 随笔apachemavenjava
    ApacheMaven是一款流行的Java项目管理和构建工具，用于自动化构建过程，包括编译、测试、打包、依赖管理和发布等工作。以下是Maven安装步骤解析：在Windows系统中安装Maven下载Maven：访问Maven官方网站（https://maven.apache.org/download.cgi）下载最新的稳定版。通常下载的是.zip格式的归档文件。解压文件：将下载的.zip文件解压到一
  • Python - random.seed初探 - 为什么固定随机种子了每次结果还不一样 Tisfy 实用技巧Pythonpython开发语言random随机种子
    Python-random.seed初探-为什么固定随机种子了每次结果还不一样前言和很多语言一样，python的random也能设置随机种子，设置随机种子后相同的rand调用会产生相同的结果。例如下面代码在同一版本的python下，理论上不论何时运行多少次都将得到相同的结果：importrandomrandom.seed(83)a=[random.randint(0,random.randint(
  • js，scss常用的方法 javascriptcss
    获取网页参数functiongetExtraDataByKey(key){varparams={},query=window.location.search.substring(1),arr=query.split('&'),rt;if(arr&&Array.isArray(arr)){arr.forEach(function(item,i){vartmp=item.split('='),key=
  • 【学术会议论文投稿】JavaScript在数据可视化领域的探索与实践 小周不想卷 艾思科蓝学术会议投稿javascript
    【ACM出版|EI快检索|高录用】2024年智能医疗与可穿戴智能设备国际学术会议（SHWID2024）_艾思科蓝_学术一站式服务平台更多学术会议请看学术会议-学术交流征稿-学术会议在线-艾思科蓝目录引言JavaScript可视化库概览D3.js基础入门1.引入D3.js2.绘制简单的条形图3.添加轴交互性与动画实际应用场景结论引言在数据驱动决策日益重要的今天，数据可视化成为连接数据与洞察的桥梁。J
  • macOS Sequoia 15.1.1 (24B91 | 24B2091) 正式版 ISO、IPSW、PKG 下载 macos
    macOSSequoia15.1.1(24B91|24B2091)正式版ISO、IPSW、PKG下载iPhone镜像、Safari浏览器重大更新和AppleIntelligence等众多全新功能令Mac使用体验再升级请访问原文链接：https://sysin.org/blog/macOS-Sequoia/查看最新版。原创作品，转载请保留出处。作者主页：sysin.orgmacOSSequoia15
  • 用Python手撕一个批量填充数据到excel表格的工具，解放双手！ Python与Excel之交 python自动化办公python
    作者:锋小刀微信搜索【Python与Excel之交】关注我的公众号查看更多内容Hi~大家好！今天这篇文章是根据批量填充数据的进阶版。基础版本就一段很简单的代码。虽然简单，但如果这个模板或者数据发生变化，还是要改来改去的，所以本文就在基础版本上进行改进，只需要动动鼠标就可以填充大量数据到Excel工作表中。GUI界面设计GUI是用PySimpleGUI库创建的，安装命令直接用pip命令安装即可！在开
  • vue2基础组件通信案例练习：把案例Todo-list改成使用全局事件总线
    @[toc]改动的地方注意点1：使用地方App和MyItem之间使用全局事件总线，之前方式是App传给MyList，然后MyList再传给MyItem，之前缺陷是MyList只作为传递着啥都不干，显得太绕圈，太多余。main.jsnewVue({el:'#app',render:h=>h(App),beforeCreate(){Vue.prototype.$bus=this},})App.vuem
  • 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其他