想搞全栈的前端
想搞全栈的前端

手写模板引擎

模板引擎

阅读vue和mustache源码后，自己实现一个简易版的模板引擎

实现思路

1、获取页面模板字符串

let template = document.getElementById(id).innerHTML

2、解析成树结构tokens数组，通过栈管理
手写模板引擎_第1张图片
3、 将数据替换上去然后渲染到页面上

// 渲染
function resuleStr(Tokens, data) {
	let resuleStr = ''
	Tokens.forEach((item, index) => {
		if (item[0] == 'text') {
			resuleStr += item[1]
		} else if (item[0] == 'name') {
			resuleStr += lookup(data, item[1])
		} else if (item[0] == '#') {
			resuleStr += arrRender(item[2], data[item[1]])
		}
	})
	return resuleStr
}
// 循环数组处理
function arrRender(template, arrData) {
	let str = ''
	arrData.forEach((item) => {
		str += resuleStr(template, item)
	})
	return str
}

代码

<!DO
CTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<script src="./templateEngine.js">script>
	<body>
		<div id="container">
			<div>
				 <ul>
					{{#students}}
						<li class="myli">
							学生{{name}}的爱好是
							<ol>
								{{#hobbies}}
									<li>{{.}}li>
								{{/hobbies}}
							ol>
							<h1>{{a.b.c}}h1>
						li>
					{{/students}}
				ul>
			div>
		div>
		<script>
			// 数据
			let data = {
				students: [{
						'name': '小明',
						'hobbies': ['编程', '游泳'],
						a: {
							b: {
								c: '多层级测试1'
							}
						}
					},
					{
						'name': '小红',
						'hobbies': ['看书', '弹琴', '画画'],
						a: {
							b: {
								c: '多层级测试2'
							}
						}
					},
					{
						'name': '小强',
						'hobbies': ['锻炼'],
						a: {
							b: {
								c: '多层级测试3'
							}
						}
					}
				]
			};
			render('container', data)
		script>
	body>
html>

templateEngine文件

class scanner {
	constructor(template) {
		this.index = 0 //下标
		this.tail = template // 尾部
		this.template = template
	}
	sacnText(tag) {
		var startIndex = this.index; // 记录开始下标
		while (this.tail.indexOf(tag) !== 0 && this.tail) {
			this.index++
			this.tail = this.template.substr(this.index)
		}
		var endText = this.template.substring(startIndex, this.index)
		return endText
	}
	sacnTag(tag) {
		this.index += tag.length
		this.tail = this.tail.substring(tag.length)
		return this.tail.substr(0, tag.length)
	}
}
// 获取tokens
function getTokens(template) {
	var token = new scanner(template)
	var tokenArr = []
	var word
	while (token.index < template.length) {
		word = token.sacnText("{{");
		if (word) {
			switch (word[0]) {
				case '#':
					tokenArr.push(["#", word.substr(1)])
					break;
				case '/':
					tokenArr.push(["/", word.substr(1)])
					break;
				default:
					// 智能判断是普通文字的空格，还是标签中的空格
					// 标签中的空格不能去掉，比如
不能去掉class前面的空格
					let isInJJH = false;
					// 空白字符串
					var _words = '';
					for (let i = 0; i < word.length; i++) {
						// 判断是否在标签里
						if (word[i] == '<') {
							isInJJH = true;
						} else if (word[i] == '>') {
							isInJJH = false;
						}
						// 如果这项不是空格，拼接上
						if (!/\s/.test(word[i])) {
							_words += word[i];
						} else {
							// 如果这项是空格，只有当它在标签内的时候，才拼接上
							if (isInJJH) {
								_words += ' ';
							}
						}
					}
					tokenArr.push(["text", _words])
					break;
			}
		}
		token.sacnTag("{{")
		word = token.sacnText("}}");
		if (word) {
			switch (word[0]) {
				case '#':
					tokenArr.push(["#", word.substr(1)])
					break;
				case '/':
					tokenArr.push(["/", word.substr(1)])
					break;
				default:
					tokenArr.push(["name", word])
					break;
			}
		}
		token.sacnTag("}}")
	}
	return handleTokens(tokenArr)
}
// 处理循环tokens
function handleTokens(tokens) {
	var resultArr = [];
	var loopArr = []
	var temArr = resultArr;

	tokens.forEach((item, index) => {
		switch (item[0]) {
			case '#':
				temArr.push(item)
				loopArr.push(item)
				temArr = item[2] = []
				break;
			case "/":
				loopArr.pop();
				if (loopArr.length > 0) {
					temArr = loopArr[loopArr.length - 1][2]
				} else {
					temArr = resultArr
				}
				break;
			default:
				temArr.push(item)
				break
		}
	})
	return resultArr
}
// 渲染
function resuleStr(Tokens, data) {
	let resuleStr = ''
	Tokens.forEach((item, index) => {
		if (item[0] == 'text') {
			resuleStr += item[1]
		} else if (item[0] == 'name') {
			resuleStr += lookup(data, item[1])
		} else if (item[0] == '#') {
			resuleStr += arrRender(item[2], data[item[1]])
		}
	})
	return resuleStr
}
// 循环数组处理
function arrRender(template, arrData) {
	let str = ''
	arrData.forEach((item) => {
		str += resuleStr(template, item)
	})
	return str
}
// 解析a.b.c这种
function lookup(data, key) {
	if (key.indexOf('.') !== -1 && key !== '.') {
		return eval('data.' + key)
	} else if (key === '.') {
		return data
	} else {
		return data[key]
	}
}
function render(id,data){
	debugger
	let template = document.getElementById(id).innerHTML
	let Tokens = getTokens(template)
	let innerHTMLStr = resuleStr(Tokens, data)
	document.getElementById(id).innerHTML = innerHTMLStr
}

效果如图

你可能感兴趣的:(源码解析实现,js,vue,源码解析,模板引擎)

  • 商品详情页面html,div+css+JQuery仿京东商品详情界面 L相好 商品详情页面html
    【实例简介】div+css+JQuery仿京东商品详情界面【实例截图】【核心代码】京东商品详情界面├──__MACOSX│└──浜笢鍟嗗搧璇︽儏鐣岄潰│├──css│├──images││├──images││└──products│└──js└──浜笢鍟嗗搧璇︽儏鐣岄潰├──css│├──common_07.css│├──product.css│├──product_left.css│├──
  • 自动化办公python脚本_Python自动化办公 weixin_39834281 自动化办公python脚本
    在公司购买的OA系统上，很多功能都是软件商开发好的，如果有什么自定义的需求，也很难实现。现实情况下需要将一个工单的各类信息汇总整理为一份Excel，看似简单的需求，却需要在OA系统上反复点击多次，人工汇总。本章我们看看如何使用Python爬虫帮同事解决这个问题的。点击工单号之后才可以看到更多信息一、技术路线requests_html二、环境准备fromrequests_htmlimportHTML
  • iOS 网络请求： Alamofire 结合 ObjectMapper 实现自动解析 胖虎1 开发经验分享iosAlamofireObjectMapper网络请求自动解析数据自动解析模型
    引言在iOS开发中，网络请求是常见且致其重要的功能之一。从获取资料到上传数据，出色的网络请求框架能夠大大提升开发效率。Alamofire是一个极具人气的Swift网络请求框架，提供了便据的API以完成网络请求和响应处理。它支持多种请求类型，如GET和POST，并且给予您便据的带容处理过滤器和返回数据解析的功能。ObjectMapper是一个强大的Swift数据映射工具，使用其提供的Mappable
  • android presentation weixin_33725126 移动开发ui
    对于双屏异显(lcd和hdmi的双屏异显)，android框架已经支持，但是底层接口功能还是要自己去实现，且需要底层驱动支持。使用presentation去画第二个display就好了。1MediaRoutermediaRouter=(MediaRouter)context.getSystemService(Context.MEDIA_ROUTER_SERVICE);2MediaRouter.Ro
  • 服务化架构 IM 系统之红包功能设计与实现 棕生 IM系统服务化架构IM系统服务化架构红包逻辑发红包抢红包拆红包
    在IM系统中，“红包”是一种很常见的应用。在前面的文章（见《基于需求分析模型来结构化剖析IM系统》）中，我们曾分析过，“红包”属于扩展功能需求，“消息”属于基础功能需求，红包功能的实现需要基于消息功能的实现。在文章（见《分层架构IM系统之消息收发功能设计与实现》）中，我们深入分析过消息的收发流程；在IM的服务化架构中，消息收发逻辑与在分层架构中类似，见下图，我们快速回顾一下。图中箭头表示数据流向。
  • 分层架构 IM 系统之消息收发功能设计与实现 棕生 IM系统分层架构IM系统分层架构消息收发生产消息阶段推送消息阶段确认消息阶段电话模型
    “消息收发”是IM系统最最核心的业务逻辑模块，本篇文章是整个“分层架构IM系统”的核心！IM，即“即时通讯”，要求消息具备“及时性”和“可靠性”：及时性，要求消息的收发需要很低的延时，在线双方通过消息交流时，没有明显的滞后感。可靠性，要求消息不能丢失；对于消息发送方来说，只要消息发送成功了，消息就会一直存在服务端，不会丢失（除非因产品策略，删除久远的历史消息）；对于服务端来说，只要接收方在线，一定
  • 基于hadoop的协同过滤算法电影推荐系统的设计与实现 AI天才研究院 大数据AI人工智能AI大模型企业级应用开发实战计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    基于hadoop的协同过滤算法电影推荐系统的设计与实现文章目录基于hadoop的协同过滤算法电影推荐系统的设计与实现1.背景介绍1.1电影推荐系统的重要性1.2传统推荐系统的缺陷1.3Hadoop在大数据处理中的作用2.核心概念与联系2.1协同过滤算法2.2基于用户的协同过滤2.3基于项目的协同过滤2.4Hadoop在协同过滤算法中的应用3.核心算法原理具体操作步骤3.1基于用户的协同过滤算法流程
  • STM32 FreeROTS 任务创建和删除实验（静态方法） 雁过留声花欲落 STM32FreeRTOSstm32嵌入式硬件单片机
    实验目标学会xTaskCreateStatic()和vTaskDelete()的使用：start_task：用来创建其他的三个任务。task1：实现LED1每500ms闪烁一次。task2：实现LED2每500ms闪烁一次。task3：判断按键KEY1是否按下，按下则删掉task1。看代码直接看代码修改，其余和动态创建和删除一样。STM32FreeRTOS任务创建和删除实验（动态方法）-CSDN博
  • 动手写分布式缓存 11 qq_50996930 Go语言学习专栏分布式缓存
    main函数实现定义一个map模拟数据库。varmysql=map[string]string{"Tom":"630","Jack":"589","Sam":"567",}为多个端口处创建rpc服务服务名就是ip+端口。将各个服务器的ip+端口加到每个服务器的哈希环里。为每个服务器创建缓存池组。缓存池组和rpc服务绑定。持续监听端口addrs:=[]string{"localhost:9999",
  • 【SpringBoot实现xss防御】 龙少9543 后端springbootxss后端
    SpringBoot实现xss防御在SpringBoot中实现XSS防御，可以通过多种方式来确保输入的安全性和防止恶意脚本的注入。下面提供了一些具体的实现代码示例，包括输入清理、输出编码以及设置安全响应头。1.输入清理创建一个简单的工具类来进行HTML转义：importorg.jsoup.Jsoup;importorg.jsoup.nodes.Document.OutputSettings;imp
  • 实现音乐播放器实现:前端HTML，CSS，JavaScript综合大项目（java实战） 用心去追梦 前端htmlcss
    创建一个音乐播放器项目，使用HTML、CSS和JavaScript作为前端技术栈，并结合Java后端（如果需要），可以是一个很好的实战项目。这个项目不仅能够帮助你掌握前端开发技能，还能让你了解如何与后端交互来获取数据。下面是实现这样一个音乐播放器项目的步骤指南，包括了从规划到部署的各个方面。1.项目规划规划功能基本功能播放/暂停按钮。音量控制。进度条。歌曲列表显示。高级功能随机播放。列表循环。搜索
  • hadoop图书数据分析系统 Springboot协同过滤-余弦函数推荐系统 爬虫1万+数据 大屏数据展示 + [手把手视频教程 和 开发文档] QQ-1305637939 毕业设计大数据毕设图书数据分析hadoopspringboot爬虫
    hadoop图书数据分析系统Springboot协同过滤-余弦函数推荐系统爬虫1万+数据大屏数据展示+[手把手视频教程和开发文档]【亮点功能】1.Springboot+Vue+Element-UI+Mysql前后端分离2.Echarts图表统计数据,直观展示数据情况3.发表评论后，用户可以回复评论,回复的评论可以被再次回复,一级评论可以添加图片附件4.爬虫图书数据1万+5.推荐图书列表展示,推荐图
  • 数据结构之链表（linked list）代码实现(小白轻松懂，C语言版) Morandi_Chen 数据结构链表c语言
    一、前言：链表的简单介绍链表（LinkedList）是一种重要的线性数据结构，它以节点（Node）的形式存储数据，每个节点通过指针（或引用）指向下一个节点，从而形成一个动态的数据链条。与数组不同，链表的内存分配并不连续，因此具有更灵活的插入和删除操作，但在随机访问元素时效率相对较低。链表通常分为单向链表（SinglyLinkedList）、双向链表（DoublyLinkedList）和循环链表（C
  • Vue3轮播图的实现：vue3-carousel的使用和配置 闲人陈二狗 html5vue.js
    目录一、安装vue3-carousel二、引入三、轮播全局样式修改一、安装vue3-carousel官方文档：Gettingstarted|Vue3-carouselnpminstallvue3-carousel二、引入在Vue3项目中添加，这是一个简单的轮播demo：//IfyouareusingPurgeCSS,makesuretowhitelistthecarouselCSSclassesi
  • 用Python 实现 简易多人聊天软件（类似于QQ原型） kouweizhu python
    一、设计思路：通过引入socket模块，threading模块，生成服务器端和客户端代码，分别打包成两个EXE文件，将服务器EXE运行于服务器端（可以在阿里云申请试用的云服务器）实现简单的多人聊天室功能。二、客户端：客户端代码思路：主线程：1)连接服务器2）开一个线程，接收消息3）循环给服务器发消息子线程：不断接收消息fromsocketimport*importthreadings=socket
  • 数据结构学习记录-队列 墨楠。 #C语言数据结构研习汇数据结构学习
    队列的基本概念1、队列是操作受限的线性表2、队头：允许删除的一端3、队尾：允许插入的一端4、空队列：不含任何元素的空表5、特点：先进先出、FIFO6、应用场景：栈：解决括号匹配；逆波兰表达式求解;递归改非递归等等队列：公平排队，广度优先遍历等等队列的结构：队列的具体实现结构比较灵活，只要遵循先进先出原则即可。顺序表的方式实现，如果用数组表示，虽然尾插数据比较方便，但当头删数据时，还要移动剩余元素，
  • Python自动化|几秒提取成千上百个Excel指定数据,你学废了吗？ Python子木_ Python学习Python入门python大数据python入门python学习python基础python教程python教学
    在数据密集的工作环境中,我们经常需要从多个Excel文件中提取指定的数据.这种重复性的工作不仅枯燥,还非常耗时.今天,我将分享如何使用Python实现从成千上万个Excel文件中自动提取数据的方法,让你几秒钟完成5000分钟的工作,彻底告别枯燥重复工作.这里插播一条粉丝福利，如果你正在学习Python或者有计划学习Python，想要突破自我，对未来十分迷茫的，可以点击这里获取最新的Python学习
  • 游戏陪玩源码盈利点，基于Vue+thinkPhP6前后端分离的陪玩小程序管理系统 mysqlvue.jsphp
    游戏陪玩源码还能通过哪些方式获得收益呢？1、通过轮播图广告、首页广告位、开屏广告等多种方式获得平台游戏活动广告收益。2、通过普通礼物、豪华礼物等多种打赏方式获得礼物抽成收益。3、通过不同的聊天室类型、派单聊天等方式增加主播的曝光量，刺激用户的消费欲望获得收益。4、通过用户之间相互邀请赚钱，平台抽取相应手续费的方式获得收益。源码获取地址！！！请点击优化陪玩平台源码性能性能是用户留存的关键，如果陪玩平
  • 圈子系统如何实现生成海报功能，前后端协同工作 前端
    圈子系统通常指的是社交平台或论坛中的一种功能模块，用于创建和管理兴趣小组或讨论群组。以下是对圈子系统的详细解释：一、前端实现前端主要负责海报的生成和展示。这通常通过HTML5的CanvasAPI或类似的图形库来实现。创建Canvas元素：在HTML中创建一个Canvas元素，用于绘制海报。获取Canvas上下文：使用getContext('2d')方法获取Canvas的2D绘图上下文，以便进行绘制
  • 2025年个人博客网站-零成搭建-终极指南 Ktovoz 经验分享前端react
    作者:KTO原文:《零成本博客建站终极指南》如果你需要站立自己的博客网可以参考本文。背景故事在接触前端领域之前,我和许多刚入门前端的新手一样，面对纷繁复杂的技术栈选择陷入迷茫,不知道从何下手。最初雄心勃勃想用Next.js从零搭建博客，却在实战中屡屡碰壁。最终找到「模板先行，逐步精进」的破局之道："先有后优"原则：通过成熟模板快速搭建可运行版本➡️持续迭代优化➡️渐进式学习技术细节本文将分享这一方
  • IT服务台的5个基本参与度指标 运维
    当一个企业如果想要留下客户，成功的关键就在于提升客户的参与程度。以优步（Uber）为例，其以客户为中心的方法来源于他们的实时跟踪、透明定价、多种服务的便捷使用以及促销激励方式。通过这些方式，Uber利用技术实现了与客户的无缝互动，最终赢得了更多忠实客户。但是，在客户参与度方面，“参与度”究竟意味着什么呢？什么是客户参与度？客户参与度可以理解为一个持续在所有接触点上积极为客户创造互动体验的过程。这个
  • 如何实现亿级用户在线状态统计？ 繁川 Java面试精选数据库android
    亿级用户在线场景分析与解决方案目录亿级用户在线场景分析解决方案2.1基于总数的统计方案2.2基于具体用户详情的统计方案具体实现3.1基于总数的统计方案3.2基于用户标识的统计实现3.3SpringBoot中的实现总结1.亿级用户在线场景分析以QQ在线状态统计为例，其典型特征包括：数据量大、内存占用高、实时性要求高。传统的解决方案（如在数据库中为每个用户添加一个在线状态字段，上线设为1，下线设为0）
  • ITIL运维管理体系是什么？怎样选择合适的方案？ 运维
    ITIL是一组综合的最佳实践，用于帮助企业向客户交付IT服务。ITIL使企业组织能够根据业务需求调整IT资源，从而使客户价值最大化。它通过衡量、监控、优化IT服务与服务提供商的表现来降低成本，并向企业展示如何轻松地实现标准化服务管理。虽然每个企业组织在IT基础设施和治理方面都不相同，但ITIL的指导方针足够灵活，可以帮助任何企业组织实现其服务管理目标。高效的IT运维管理对于企业的稳定运行至关重要。
  • Python爬虫天气预报（小白入门）(1) 2401_84009993 程序员python爬虫开发语言
    首先来到目标数据的网页http://www.weather.com.cn/weather40d/101280701.shtml中国天气网我们可以看到，我们需要的天气数据都是放在图表上的，在切换月份的时候，发现只有部分页面刷新了，就是天气数据的那块，而URL没有变化。这是因为网页前端使用了JS异步加载的技术，更新时不用加载整个页面，从而提升了网页的加载速度。对于这种非静态页面，我们在请求数据时，就不
  • 阿里云Web应用托管服务，低成本建个人博客（wordpress和wiki.js） java
    ⭐孟应杰的网站:www.mengyingjie.com⭐空间回廊题目描述：有一款叫做空间回廊的游戏，游戏中有着n个房间依次相连，如图，1号房间可以走到2号房间，以此类推，n号房间可以走到1号房间。这个游戏的最终目的是为了在这些房间中留下尽可能多的烙印，在每个房间里留下烙印所花费的法力值是不相同的，已知他共有m点法力值，这些法力是不可恢复的。小明刚接触这款游戏，所以只会耿直的玩，所以他的每一个行动都
  • 04商品详情 敲啊敲9527 vue3项目javascript开发语言ecmascript
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录详情页-热榜区域在Detail文件夹中新建组件接口导入调用渲染模版适配不同标题title图片预览sku组件(商品的一些规格)把components文件中的组件注册为全局组件，方便共享总结详情页-热榜区域在Detail文件夹中新建组件src\views\Detail\components\DetailHot.vue周日榜单一双鞋
  • 安装 Kong Gateway 及其基本配置指南 张声录1 kongkonggateway
    KongGateway是一款轻量级、快速且灵活的云原生API网关，它位于您的服务应用程序前，动态控制、分析和路由请求与响应。KongGateway通过插件化、低代码的方式实现API流量的管理策略。本篇文章将带领您通过一系列简单步骤，安装并配置KongGateway，以便快速上手并进行常见的API管理任务。1.安装KongGatewayKongGateway是一款高效的API网关，它在前端充当路由器
  • Simulink开发项1000例实战专栏--实例69：使用Simulink搭建一个5G NR下行链路物理层功能的仿真模型 xiaoheshang_123 手把手教你学MATLAB专栏MATLAB开发项目实例1000例专栏simulink
    目录基于Simulink的5GNR下行链路物理层功能仿真项目实例1.项目背景2.系统架构2.15GNR下行链路物理层功能3.Simulink仿真模型搭建3.1创建新的Simulink模型3.2搭建波形生成模块3.3搭建信道估计模块3.4搭建同步模块3.5搭建解调与解码模块3.6仿真参数设置4.仿真结果与分析4.1波形生成4.2信道估计4.3同步4.4误码率（BER）分析5.总结具体代码实现：1.数
  • 前端框架vue和react 前端虫 #前端提升vue.jsjavascript前端react学习
    vueVue能力的提升是一个综合性的过程，涉及多个方面的学习和实践。以下是一些具体的例子和策略，可以帮助你提升Vue开发能力：1.深入理解Vue的核心概念1.1响应式系统：深入理解Vue的响应式原理，包括数据绑定、依赖追踪和视图更新机制。Vue的响应式系统是其核心，它允许Vue组件响应数据的变化。这是通过Vue的内部机制实现的，包括使用ES5的Object.defineProperty（Vue2.
  • 防止 npm 安装不支持的 Node.js 版本 lio_zero npmnode.js前端vue.jsjavascript
    确保设置项目的使用特定的Node.js版本，使开发人员在gitclone或gitpull您的项目时，可以正常运行项目。我们可以通过在package.json中设置engines属性来指定版本范围。{"engines":{"node":">=15.0.0"}}许多项目定义了engine属性，但没有强制执行所需的Node.js版本。在不支持Node.js版本的项目中运行npminstall时，将显示以
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他