html语言

【原创】浅谈对<xsl:apply-templates/>的理解

て烟熏妆下的殇ゞ 提交于 2020-03-24 04:01:16
  今天下午工作完成没事,登w3c的网站学习了一下xslt的基础知识,主要是因为工作中xml用的比较多,xslt也有用到,所以在这里学习一下。   XSLT:一种用于转换 XML 文档的语言。   XSLT 用于将一种 XML 文档转换为另外一种 XML 文档,或者可被浏览器识别的其他类型的文档,比如 HTML 和 XHTML。通常,XSLT 是通过把每个 XML 元素转换为 (X)HTML 元素来完成这项工作的。XSLT 使用 XPath 在 XML 文档中查找信息。XPath 被用来通过元素和属性在 XML 文档中进行导航。   声明:<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">或<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">,还要加上xml声明。   例子: <?xml version="1.0" encoding="ISO-8859-1"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/">

freemarker常见语法大全

点点圈 提交于 2020-03-24 03:22:14
FreeMarker的插值有如下两种类型:1,通用插值${expr};2,数字格式化插值:#{expr}或#{expr;format} ${book.name?if_exists } //用于判断如果存在,就输出这个值 ${book.name?default(‘xxx’)}//默认值xxx ${book.name!"xxx"}//默认值xxx ${book.date?string('yyyy-MM-dd')} //日期格式 ${book?string.number} 20 //三种不同的数字格式 ${book?string.currency}--<#-- $20.00 --> ${book?string.percent}—<#-- 20% --> <#assign foo=ture /> //声明变量,插入布尔值进行显示 ${foo?string("yes","no")} <#-- yes --> 大小比较符号使用需要注意:(xml的原因),可以用于比较数字和日期 使用lt、lte、gt和gte来替代<、<=、>和>= 也可以使用括号<#if (x>y)> 内置函数: 调用区别于属性的访问,使用?代替. 常见的一些内置函数 对于字符串 html-对字符串进行HTML编码 cap_first-使字符串第一个字母大写 lower_case-将字符串转换成小写 trim

Twitter Bootstrap 框架

試著忘記壹切 提交于 2020-03-23 13:42:00
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成,与CSS框架 Blueprint 存在很多相似之处。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的 code.nasa.gov 和MSNBC(微软全国广播公司)的 Breaking News 都使用了该项目。 Bootstrap 2.0 的一个重大改进是添加了响应设计特性,在1.0中它并不支持,这让很多开发人员抱怨。而且为了提供更好地针对移动设备的响应式设计方案,Bootstrap 2.0采用了更为灵活的12栏网格布局。此外,它还更新了一些进度栏以及可定制的图片缩略图,并增加了一些新样式。值得关注的是,Bootstrap是一个非常轻量级的框架,2.0在压缩后也只有10KB。 更多详细信息请参考Twitter的 官方指南 和 演示示例 。 来源: https://www.cnblogs.com/eastson/archive/2012/09/20/2695401.html

django-kindeditor编辑器

你。 提交于 2020-03-23 12:07:30
一:kindeditor是HTML的一款编辑器插件. 1,下载地址:: KindEditor 4.1.11 (2016-03-31) 2,修改html页面的具体的操作: 1,在需要显示编辑器的位置添加textarea输入框 <textarea id="editor_id" name="content" style="width:700px;height:300px;"> #这里的id值是唯一的,但是也可以变,只要后面用到id值的地方都一样即可. </textarea> 注意: id在当前页面必须是唯一的值。 在textarea里设置HTML内容即可实现编辑,在这里需要注意的是,如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,则必须转换HTML特殊字符(>,<,&,”)。  具体请参考各语言目录下面的demo.xxx程序,目前支持ASP、ASP.NET、PHP、JSP。 在有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用 编辑器初始化参数 设置。 2,在该HTML页面添加以下脚本 <script charset="utf-8" src="/editor/kindeditor.js"></script> #这里的两行视情况而定.<script charset="utf-8" src="/editor

JavaScript&HTML DOM

房东的猫 提交于 2020-03-23 10:12:53
1、JavaScript介绍 Javascript 语言诞生主要是完成页面的数据验证 。因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码。 JS是Netscape网景公司的产品,最早取名为LiveScript;为了吸引更多java程序员。更名为javascript。 JS是弱类型,Java是强类型。 java的情况 类型 变量名 = 指定类型的值。 int i = 整型 js的情况 var 变量名 = 任意值。 这个变量的类型是由你具体赋的值来决定。而且这个变量的类型会随着赋值而发生改变。 后面我们所有指到的js 就是javaScript 特点: 交互性(它可以做的就是信息的动态交互) 安全性(不允许直接访问本地硬盘) 跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关) 2、数组定义方式 Js 中 数组的定义: 格式: var 数组名 = []; // 定义一个空的数组 var 数组名 = [12,”abc”,true]; // 定义数组的同时初始化数组元素 3、函数的三种定义方式 第一种定义函数的方式, 使用function关键字,定义一个函数。格式如下: function 函数名(参数列表){ 函数体 } 如何定义一个带有返回值的函数。只需要在函数体内直接使用reutrn语句返回值即可。 函数的第二种定义方式(很少使用,了解即可) var 函数名

有关Dom的一些操作

别说谁变了你拦得住时间么 提交于 2020-03-23 10:12:12
    学习前端的都会了解到一些Dom操作,让我们来看看Dom操作有哪些吧!         DOM(即 Document Object Mode) 是 W3C( 万维网联盟 )的标准。   DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”   W3C DOM 标准被分为 3 个不同的部分:  核心 DOM - 针对任何结构化文档的标准模型  XML DOM - 针对 XML 文档的标准模型  HTML DOM - 针对 HTML 文档的标准模型     其中,在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。    根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:  整个文档是一个文档节点  每个 HTML 元素是元素节点  HTML 元素内的文本是文本节点  每个 HTML 属性是属性节点  注释是注释节点        HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。     怎样添加、移除、移动、复制、创建和查找节点。      

Javascript学习笔记2.1 Javascript与DOM简介

不想你离开。 提交于 2020-03-23 10:07:02
DOM(文档对象模型)简介 DOM(文档对象模型)针对HTML和XML文档的一个API. DOM可以将任何HTML或XML文档描绘成由 多层节点构成的树形结构 ,它是中立于平台和语言的接口,允许程序和脚本动态地访问和更新文档的内容、结构和样式。 Javascript通常都是用来进行DOM操作和交互的。当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 以下讨论的是HTML DOM。 每一个网页元素(一个HTML标签)被看做一个对象。文档对象模型通常被理解成一棵树的形状。树根是document对象,相当于最外层的标签的外围,也就是整个文档。树根之下(这棵树的图通常是倒着画,就好像遗传谱系或者家谱那样。树根就是唯一的共同祖先)是子一级的对象,子对象也有它自己的子对象,除了根对象以外,所有的对象都有自己的父对象,同一对象的子对象之间就是兄弟的关系。文档对象模型把整张网页组织成这样的一个树状的结构,树结构中的每一个元素都被视为一个节点(node)。包括JavaScript在内的各种编程语言都可以通过文档对象模型来访问和改变网页的各种细节。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器,而不是JavaScript语言规范里的规定的核心内容,所以如果你下载一个JavaScript语言的参考帮助文档来查的话

JavaScript与DOM(上)

让人想犯罪 __ 提交于 2020-03-23 10:06:49
本来像自己写一篇的。。。结果看到了Tom uncle的这篇。。总结的确实很赞,其他文章也非常好推荐 转载自:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 文档对象模型Document Object Model DOM(Document Object Model,文档对象模型)是一个通过和JavaScript进行内容交互的API。Javascript和DOM一般经常作为一个整体,因为Javascript通常都是用来进行DOM操作和交互的。 主要内容来自:http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-series-lesson-1/ 关于DOM,有些知识需要注意: 1. window对象作为全局对象,也就是说你可以通过window来访问全局对象。 属性在对象下面以变量的形式存放,在页面上创建的所有全局对象都会变成window对象的属性。 方法在对象下面以函数的形式存放,因为左右的函数都存放在window对象下面,所以他们也可以称为方法。 2. DOM为web文档创建带有层级的结果,这些层级是通过node节点组成,这里有几种DOM node类型,最重要的是Element, Text, Document。

转-SpringMVC——之 国际化

天大地大妈咪最大 提交于 2020-03-23 08:57:21
原文地址:http://www.cnblogs.com/liukemng/p/3750117.html 在系列(7)中我们讲了数据的格式化显示,Spring在做格式化展示的时候已经做了国际化处理,那么如何将我们网站的其它内容(如菜单、标题等)做国际化处理呢?这就是本篇要将的内容—>国际化。 一.基于浏览器请求的国际化实现: 首先配置我们项目的springservlet-config.xml文件添加的内容如下: <bean id="messageSource" class="org.springframework.context.support.ResourceBundleMessageSource"> <!-- 国际化信息所在的文件名 --> <property name="basename" value="messages" /> <!-- 如果在国际化资源文件中找不到对应代码的信息,就用这个代码作为名称 --> <property name="useCodeAsDefaultMessage" value="true" /> </bean> 在com.demo.web.controllers包中添加GlobalController.java内容如下: package com.demo.web.controllers; import java.util.Date; import

浅谈SPA

萝らか妹 提交于 2020-03-23 07:33:07
  最近一直在学习关于Vue的一些知识,由于遇到了问题,去网上查找资料,收获颇丰,在此分享。 1. 什么是SPA?   单页Web应用(single page web application, SPA),就是只有一张Web页面的应用,是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的Web应用程序,是指在浏览器中运行的应用,在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载的富客户端。   速度:更好的用户体验,让用户在web app感受native app的速度和流畅,   MVC:经典MVC开发模式,前后端各负其责,后端只需要提供数据接口   ajax:重前端,业务逻辑全部在本地操作,数据都需要通过AJAX同步、提交。   路由:在URL中采用#号来作为当前视图的地址,改变#号后的参数,页面并不会重载,这个也就是哈希。      SPA也是当今网站开发技术的一种趋势和潮流,毕竟前端三大框架不是盖的~~,很多的传统网站都在或者已经转型为单页Web应用,新的单页Web应用网站(包括移动端平台上面的)也雨后春笋涌现出来。   单页Web应用和前端工程师们息息相关,因为主要的变革发生在浏览器端,用到的技术其实还是HTML+CSS+JavaScript,所有的浏览器都原生支持