xueyou
xueyou

构建自己的JavaScript模板小引擎

  有时候，我们不需要太牛逼太强大的JavaScript模板引擎（比如jQuery tmpl或者handlebarsjs），我们只是需要在简单的模板里绑定一些非常简单的字段，本文将使用非常简单的技巧来帮你实现这个小功能。

    首先我们先来定义我们需要的模板，在id为template的script块里：前端UI分享

01 <!doctype html>
02 <html>
03 <head>
04    <meta charset=utf-8>
05    <title>Simple Templating</title>
06 </head>
07 <body>
08    
09   <div class="result"></div>
10    
11   <script type="template" id="template">
12     <h2>
13       <a href="{{href}}">
14         {{title}}
15       </a>
16     </h2>
17     <img src="{{imgSrc}}" alt="{{title}}">
18   </script>
19    
20 </body>
21 </html>

    然后，我们需要通过Ajax等其它方式获取所需要的数据，这里为了展示方便，我们使用了自己定义的数组：

01 var data = [
02 {
03 title: "Knockout应用开发指南",
04 href: "http://jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0627/281.html",
05 imgSrc: "http://www.jcodecraeer.com"
06 },
07 {
08 title: "微软ASP.NET站点部署指南",
09 href: "http://jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0627/281.html",
10 imgSrc:"http://www.jcodecraeer.com"
11 },
12 {
13 title: "HTML5学习笔记简明版",
14 href: "http://jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0627/281.html",
15 imgSrc: "http://www.jcodecraeer.com"
16 }
17 ],

 

    我们有2种方式来绑定这些数据到模板上，第一种是非常简单的hardcode方法，第二种是自动识别变量式的。

    我们先来看第一种方式，是通过替换花括号里的值为data里所对应的值来达到目的：前端UI分享

01 template = document.querySelector('#template').innerHTML,
02 result = document.querySelector('.result'),
03 i = 0, len = data.length,
04 fragment = '';
05    
06 for ( ; i < len; i++ ) {
07     fragment += template
08       .replace( /\{\{title\}\}/, data[i].title )
09       .replace( /\{\{href\}\}/, data[i].href )
10       .replace( /\{\{imgSrc\}\}/, data[i].imgSrc );
11 }
12    
13 result.innerHTML = fragment;

    第二种方式比较灵活，是通过正则表达式来替换所有花括号的值，而无需一个一个替换，这样相对来说比较灵活，但是要注意模板标签可能在数据里不存在的情况：

01 template = document.querySelector('#template').innerHTML,
02 result = document.querySelector('.result'),
03 attachTemplateToData;
04    
05 // 将模板和数据作为参数，通过数据里所有的项将值替换到模板的标签上（注意不是遍历模板标签，因为标签可能不在数据里存在）。
06 attachTemplateToData = function(template, data) {
07         var i = 0,
08             len = data.length,
09             fragment = '';
10    
11         // 遍历数据集合里的每一个项，做相应的替换
12         function replace(obj) {
13             var t, key, reg;
14  　　　　　　
15 　　　　　　　//遍历该数据项下所有的属性，将该属性作为key值来查找标签，然后替换
16             for (key in obj) {
17                 reg = new RegExp('{{' + key + '}}', 'ig');
18                 t = (t || template).replace(reg, obj[key]);
19             }
20    
21             return t;
22         }
23    
24         for (; i < len; i++) {
25             fragment += replace(data[i]);
26         }
27    
28         return fragment;
29     };
30    
31 result.innerHTML = attachTemplateToData(template, data);

    这样，我们就可以做到，无限制定义自己的标签和item属性了，而无需修改JS代码。

你可能感兴趣的:(jquery,框架,Web,UI,前端)

  • 快速排序_详解快速排序算法 网站推广优化yetaoaiueo 排序算法算法
    快速排序（Quicksort），计算机科学词汇，适用领域Pascal，c++等语言，是对冒泡排序算法的一种改进。快速排序的排序流程快速排序算法通过多次比较和交换来实现排序，其排序流程如下：(1)首先设定一个分界值，通过该分界值将数组分成左右两部分。(2)将大于或等于分界值的数据集中到数组右边，小于分界值的数据集中到数组的左边。此时，左边部分中各元素都小于分界值，而右边部分中各元素都大于或等于分界值
  • 探索大数据处理：利用 Apache Spark 解锁数据价值 Echo_Wish 实战高阶大数据apachespark大数据
    探索大数据处理：利用ApacheSpark解锁数据价值大家好，我是你们熟悉的大数据领域自媒体创作者Echo_Wish。今天，我们来聊聊如何利用ApacheSpark进行大规模数据处理。ApacheSpark作为一个快速、通用的集群计算框架，以其出色的性能和丰富的API，成为大数据处理的利器。那么，ApacheSpark究竟如何帮助我们高效处理海量数据？接下来，让我们一起深入探讨。一、ApacheS
  • flink核心特性 24k小善 flink大数据java架构
    ApacheFlink核心特性详解一、流处理与批处理的统一Flink的核心设计理念之一是将流处理和批处理统一在一个框架中。这种统一性使得Flink在处理实时数据和批量数据时具有高度的灵活性和一致性。1.流处理与批处理的统一计算引擎流处理作为批处理的特例：Flink将批处理视为有限流（FiniteStream），从而实现了流处理和批处理的统一。统一API：Flink提供了DataStream和Dat
  • 深度求索-DeepSeek-R1本地部署指南 0小和尚化缘12 个人开发
    1、参考：部署指南2、参考：deepseek本地部署只需三步DeepSeek本地部署只需三步：1、安装运行环境：安装Ollama：Ollama官网：官网2、下载模型：参数越大，需要物里硬件越多3、安装部署前端交互程序：都是现成的开源架构
  • [开发杂项][编辑器][代码阅读]ctags&vim xcy6666 杂集编辑器vimlinux
    ~/.ctagsctags--recurse=yes--exclude=.gitgeneratetagsforvimcaddconfigat~/$cat~/.tags--recurse=yes--exclude=.git--exclude=BUILD--exclude=.svn--exclude=*.js--exclude=vendor/*--exclude=node_modules/*--exc
  • Python网络爬虫-WebSocket数据抓取 程序小勇 faiss爬虫python网络协议websocket开发语言
    目录前言1、WebSocket请求的分析通常涉及以下几个方面：2、利用WebSocket爬取数据总结最后，创作不易！非常感谢大家的关注、点赞、评论啦！谢谢三连哦！好人好运连连，学习进步！工作顺利哦！博主介绍：✌专注于前后端、机器学习、人工智能应用领域开发的优质创作者、秉着互联网精神开源贡献精神，答疑解惑、坚持优质作品共享。本人是掘金/腾讯云/阿里云等平台优质作者、擅长前后端项目开发和毕业项目实战，
  • Unity UI优化总结 Don里个冬 Unity3D技术分享unityunity3dugui
    UnityUI优化总结前言最近又再一次回顾总结了一下UnityUI的优化，在此作下笔记，供学习参考。核心四大问题在Unity中UI优化的核心问题就是重绘和批处理之间的平衡。虽然说可以通过一些简单的技巧单方面地减少批次或者减少重绘，但进行过一波优化之后，最终还是要面临批次和重绘的平衡问题的。常见的四大UI优化问题：1、片段着色器利用率过高（或者说GPUfill-rate填充率过高），即每个片段处理的
  • 【rknn】onnx转rknn脚本解读以及函数解读(版本V1.7.3) 阿颖&阿伟 【11-1】rknn开发板rknn模型转换
    目录1.RKNN()示例：2.rknn.config()batch_size:mean_values：std_values：channel_mean_value:epochs：reorder_channel：force_builtin_permneed_horizontal_merge：quantized_dtype：quantized_algorithmmmse_epoch：optimizati
  • 【虚拟仿真】Unity3D中如何实现让3D模型显示在UI前面 恬静的小魔龙 #Unity3DVR/AR开发unity3dui
    推荐阅读CSDN主页GitHub开源地址Unity3D插件分享简书地址我的个人博客QQ群：1040082875大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。一、前言最近有小伙伴在群里问我，如何将3D模型显示在UI前面，比如这样：
  • 请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别 ？ 程序员黄同学 前端开发Java面试题JavaScriptjavascript开发语言
    一、核心概念解释1.设备像素（PhysicalPixel）定义：屏幕物理发光点的最小单位，硬件决定不可变。例如iPhone12的屏幕分辨率2532×1170表示横向2532个物理像素点。特点：不同设备物理像素密度不同，高密度屏幕（如Retina）单位面积像素更多。2.CSS像素（CSSPixel）定义：前端开发中使用的逻辑像素单位，如width:300px。浏览器根据DPR自动换算为物理像素。特点
  • qt 图形视图框架详解以及举例 爱学习的大牛123 qt开发qt数据库开发语言
    1基础介绍Qt的图形视图框架是一个强大的工具,用于创建和管理大量的2D图形项目。它由三个主要类组成:QGraphicsScene、QGraphicsView和QGraphicsItem。下面我将详细解释这个框架,并提供一些示例代码。1.框架组成a)QGraphicsScene(场景):-用于管理大量的2D图形项目-提供了一个高效的接口来添加、删除和查找项目b)QGraphicsView(视图):-
  • 云贝餐饮连锁V3独立版全开源+vue源码 kaui52066 kaui52066精品源码开源uni-app小程序php源码下载微信小程序
    一.介绍云贝餐饮连锁V3独立版，作为一款全开源、全插件的源码部署系统，其在餐饮行业软件系统中独树一帜。该系统不仅功能全面，涵盖了餐饮连锁企业的日常运营、财务管理、库存管理、会员管理等多个方面，而且框架结构清晰，模块化设计使得系统易于扩展和定制，满足不同餐饮企业的个性化需求。在实用性方面，云贝餐饮连锁V3独立版通过智能化的订单处理、菜品管理、报表分析等功能，大大提高了餐饮企业的运营效率和服务质量。同
  • 云贝餐饮最新v3全开源独立版源码 kaui52066 phppythonjava开源开源软件
    云贝餐饮v3连锁独立版本全新UI后台运营独立版无bug最新适配头像昵称接口有视频安装教程安装环境：PHP8.0MySQL5.6-5.7
  • 基于Web的手机模拟器的实现(含源文件) 设计源码分享
    欢迎添加微信互相交流学习哦！项目源码：https://gitee.com/oklongmm/biye设计说明书题目基于Web的手机模拟器的实现摘要随着信息技术的迅速发展，Web技术的应用越来越普及。除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真及测试系统等方面的应用外，Web也因其浏览方便、实现技术相对简单、使用方式灵活等特点，开始涉及生活中的方方面面，为人们的生活带来越来越多的便
  • BugReport中的App Processor wakeup字段意义 法迪 php开发语言功耗
    一、功耗字段意义：Appprocessorwakeup:Netd基于xt_idletimer待机下监视网络设备的收发工作状态，即当设备发生联网从休眠态变成为唤醒态时，会记录打醒者的uid(uid大于0)和网络类型(wifi或数据类型)、时间戳实际日志：我们在BugReport主要也是在设备待机休眠中，alarm+联网心跳的应用会触发AppProcessorWakeup事件。即只要能在设备休眠时，发
  • Spring Boot整合EasyExcel并行导出及Zip压缩下载 harmful_sheep springbootspringbootjava后端
    1.项目依赖首先，我们需要引入相关的依赖，包括SpringBoot和阿里巴巴的EasyExcel组件，此外还需要使用Java的Zip工具进行压缩操作。org.springframework.bootspring-boot-starter-webcom.alibabaeasyexcel3.0.5commons-iocommons-io2.11.02.创建数据导出逻辑接下来，我们定义数据导出逻辑。在这
  • 防重复提交思路 harmful_sheep springbootjava
    本文将从以下几个方面展开：（1）重复提交产生的原因（2）什么是幂等性（3）针对重复提交，前后端的解决方案（4）如果实现一个防重复提交工具产生原因由于重复点击或者网络重发eg:点击提交按钮两次;点击刷新按钮;使用浏览器后退按钮重复之前的操作，导致重复提交表单;使用浏览器历史记录重复提交表单;浏览器重复的HTTP请求;nginx重发等情况;分布式RPC的try重发等;主要有2个部分：（1）前端用户操作
  • Bugreport实战篇(二) 飞奔在路上的鱼 功耗优化bugreport功耗
    文章Bugreport源码篇(一)从源码角度阐释了Bugreport，那么本文则是从实战角度来说说，如何看懂bugreport，对于通过bugreport获取到内容往往非常长，这里简单划分为17部分，先整体上简单说说每部分log的title信息。1.系统build相关信息系统build信息：dumpstate:dateBuild:getpropro.build.display.idBuildfin
  • C#中的GC机制简析 _DRAGON__XU C#c#
    关于GC在C#中，垃圾回收（GarbageCollection，GC）是.NET框架的一部分，负责自动管理内存。垃圾回收机制的目标是识别和清理不再使用的对象，从而避免内存泄漏，并帮助开发者避免手动内存管理的复杂性。1.GC的基本概念垃圾回收器会监控对象的生命周期，并在对象不再使用时释放它们占用的内存空间。GC会自动处理堆上的对象（例如通过new创建的对象），而栈上的局部变量和方法参数的生命周期则由
  • Jfinal websocket onMessage无法接收二进制音频数据问题 withme977 websocket网络协议网络
    最开始，和vue联调的时候是可以接收二进制音频流数据的，大小在5k左右；后面音频流数据每条8k多9k的时候就接收不到二进制音频数据了，并且刚请求连接上webcoket，发送一条消息后，就直接被动关闭websocket连接；最重要的是还不报错！！刚开始还没找到是数据大小限制的问题（由于要测试好多其它语音包，例如vad4j，webrctvad这些），以为是自己哪里搞错了，就找websocket什么时候
  • html5 二进制数据解析,JavaScript读写二进制数据的方法详解 如果有片海 html5二进制数据解析
    前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了，来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API，它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前，我们是无法直接通过JavaScript操作二进制数据，通常都是操作J
  • 一文读懂！深度学习 + PyTorch 的超实用学习路线 a小胡哦 深度学习pythonpytorch
    深度学习作为人工智能领域的核心技术，正深刻改变着诸多行业。PyTorch则是深度学习实践中备受青睐的框架，它简单易用且功能强大。下面就为大家详细规划深度学习结合PyTorch的学习路线。一、基础知识储备数学基础数学是很重要的！！！线性代数、概率论与数理统计、微积分是深度学习的数学基石。熟悉矩阵运算、概率分布、梯度计算等概念，能帮助理解深度学习模型的原理。例如，在神经网络中，矩阵乘法用于神经元之间的
  • 流行编程语言全解析：优势、应用与短板 a小胡哦 pythonjavac++c语言javascriptswiftr语言
    Python：优势Python以其简洁、易读的语法闻名，新手能快速上手。丰富的库和框架，能极大地提高开发效率。适用领域数据科学与分析：处理和分析大规模数据集，进行数据可视化。典型示例：Google用Python进行数据分析，处理海量数据以支持各种业务决策。机器学习与人工智能：构建和训练模型。典型示例：OpenAI在很多人工智能项目中广泛使用Python，如GPT系列模型的研发。网络爬虫：轻松从网页
  • Spring Framework 7.0.0-M1 预发布版重磅更新！全面优化，性能与稳定性双提升！
    在当今快速发展的技术领域中，SpringFramework作为Java生态系统中的核心框架之一，今天的内容是介绍v7.0.0-M1预发布版——一个旨在为开发者们带来前所未有的编程体验的里程碑版本。v7.0.0-M1预发布：spring-projects/spring-framework⭐新特性在ClassUtils.forName()中移除对二进制数组名称的处理。(#34291https://gi
  • 本地部署DeepSeek + AnythingLLM 搭建高效安全的个人知识库 Chhjnavy AIDeepSeek大模型本地知识库协同工作
    环境准备：本地部署方案请参考博客：windows平台本地部署DeepSeek大模型+OpenWebUI网页界面（可以离线使用）-CSDN博客windows平台本地部署DeepSeek大模型+Chatbox界面（可以离线使用）-CSDN博客根据本人电脑配置：windows11+i9-13900HX+RTX4060+DDR5560032G内存确定搭建方案：DeepSeek-R1:7b+Ollama+A
  • 前端如何播放二进制音频数据 尼古拉斯网页匠 音视频javascriptreact.js
    音频数据播放数据consttryListen=async(row)=>{awakenPlay(row.sid).then((res)=>{//请求接口，拿到二进制音频数据constbinaryData=atob(res.data);//将二进制数据转换为Uint8ArrayconstbyteArray=newUint8Array(binaryData.length);for(leti=0;i
  • FFmpeg 源码编译安装 coolhuhu~ 语音linuxffmpeg
    参考：https://trac.ffmpeg.org/wiki/CompilationGuide/UbuntuLinux(Ubuntu)下载FFmpeg源码，并将其解压，这里我将它放在~/ffmpeg_source目录下；cd~/ffmpeg_sourceswget-Offmpeg-snapshot.tar.bz2https://ffmpeg.org/releases/ffmpeg-snapsho
  • chrome://version/ spencer_tseng Computerchrome
    浏览器输入：chrome://version/Google浏览器版本号以及安装路径GoogleChrome131.0.6778.205(正式版本)（64位）(cohort:Stable)修订版本81b36b9535e3e3b610a52df3da48cd81362ec860-refs/branch-heads/6778_155@{#8}操作系统Windows10Version22H2(Build1
  • ARC3001 illustrated reflective 后端
    ARC3001illustratedreflectivereportTheoryintoPractice2024/255%ofARC3001finalmarkThesecondsummativeassessmentpointinARC3001requiresyoutodevelopanillustratedreflectivereport-a1000wordcriticalreflectionon
  • Spring Boot 示例项目：从零开始构建 Web 应用 梦落青云 JAVAspringbootjava
    一、项目概述本文档将指导您通过一个示例项目，了解如何使用SpringBoot框架构建一个简单的Web应用程序。该项目涵盖了从数据模型定义到控制器、服务层以及数据访问层的完整开发流程，帮助您快速掌握SpringBoot的基本使用方法。二、项目结构1.项目模块本示例项目分为以下几个主要模块：数据模型模块：负责定义与数据库表对应的实体类，使用JPA注解进行映射。控制器模块：处理客户端的HTTP请求，调用
  • 强大的销售团队背后 竟然是大数据分析的身影 蓝儿唯美 数据分析
    Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。 大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。 Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
  • Haproxy+Keepalived高可用双机单活 bylijinnan 负载均衡keepalivedhaproxy高可用
    我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）： 1.正常情况下，只有master启动MyApp并提供服务 2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变 F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过 服务器资源 10.7
  • eclipse编辑器中文乱码问题解决 0624chenhong eclipse乱码
    使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File 本文以Eclipse 3.3（英文）为例加以说明： 1. 设置Workspace的编码格式： Windows-&g
  • 基础篇--resources资源 不懂事的小屁孩 android
    最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。 String.xml    字符串资源   涉及国际化问题  http://www.2cto.com/kf/201302/190394.html   string-array
  • 接上篇补上window平台自动上传证书文件的批处理问卷 酷的飞上天空 window
    @echo off : host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称 set host=localhost set ou=localhost set o=localhost set password=123456 set validity=3650 set salias=s
  • 企业物联网大潮涌动：如何做好准备？ 蓝儿唯美 企业
    物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。 尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。 Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
  • spring学习——数据库（mybatis持久化框架配置） a-john mybatis
    Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。 mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置： 1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
  • Java静态代理、动态代理实例 aijuans Java静态代理
    采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。 按照代理类的创建时期，可以分为：静态代理和动态代理。 所谓静态代理：　指程序员创建好代理类，编译时直接生成代理类的字节码文件。 所谓动态代理：　在程序运行时，通过反射机制动态生成代理类。   一、静态代理类实例： 1、Serivce.ja
  • Struts1与Struts2的12点区别 asia007 Struts1与Struts2
    1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
  • 初学者要多看看帮助文档 不要用js来写Jquery的代码 百合不是茶 jqueryjs
    解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;   1, JQuery的赋值  有问题    代码如下: data.username 表示的是:  网易            $("#use
  • 经理怎么和员工搞好关系和信任 bijian1013 团队项目管理管理
            产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
  • 如何为rich:tree不同类型节点设置右键菜单 sunjing contextMenutreeRichfaces
    组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}" selectionChangeListener=&qu
  • 【Redis二】Redis2.8.17搭建主从复制环境 bit1129 redis
    开始使用Redis2.8.17 Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。   Ubuntu上安装Red
  • JSONObject转换JSON--将Date转换为指定格式 白糖_ JSONObject
    项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：   {"nanos":0,"time":-27076233600000,
  • JavaScript语言精粹读书笔记 braveCS JavaScript
    【经典用法】：   //①定义新方法 Function .prototype.method=function(name, func){ this.prototype[name]=func; return this; } //②给Object增加一个create方法，这个方法创建一个使用原对
  • 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出 bylijinnan 编程之美
    import java.util.LinkedList; public class FindInteger { /** * 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出 * 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0 * * 假设当前正在搜索由0，1组成的K位十进制数
  • 读书笔记 chengxuyuancsdn 读书笔记
    1、Struts访问资源 2、把静态参数传递给一个动作 3、<result>type属性 4、s:iterator、s:if c:forEach 5、StringBuilder和StringBuffer 6、spring配置拦截器 1、访问资源 (1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
  • [通讯与电力]光网城市建设的一些问题 comsci 问题
          信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系       我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........     
  • oracle 空间RESUMABLE daizj oracle空间不足RESUMABLE错误挂起
    空间RESUMABLE操作  转 Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。 这一篇简单介绍空间RESUMABLE的例子。 第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
  • 重构第一次写的线程池 dieslrae 线程池 python
    最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类. 1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法 #!/usr/bin/env python # -*- coding:utf8 -*-
  • C语言学习六指针 dcj3sjt126com c
    初识指针，简单示例程序： /* 指针就是地址，地址就是指针 地址就是内存单元的编号 指针变量是存放地址的变量 指针和指针变量是两个不同的概念 但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样 */ # include <stdio.h> int main(void) { int * p; // p是变量的名字， int *
  • yii2 beforeSave afterSave beforeDelete dcj3sjt126com delete
    public function afterSave($insert, $changedAttributes) { parent::afterSave($insert, $changedAttributes); if($insert) { //这里是新增数据 } else { //这里是更新数据 } }  
  • timertask shuizhaosi888 timertask
    java.util.Timer timer = new java.util.Timer(true); // true 说明这个timer以daemon方式运行（优先级低， // 程序结束timer也自动结束），注意，javax.swing // 包中也有一个Timer类，如果import中用到swing包， // 要注意名字的冲突。 TimerTask task = new
  • Spring Security（13）——session管理 234390216 sessionSpring Security攻击保护超时
    session管理 目录   1.1     检测session超时 1.2     concurrency-control 1.3     session 固定攻击保护         
  • 公司项目NODEJS实践0.3[ mongo / session ...] 逐行分析JS源代码 mongodbsessionnodejs
        http://www.upopen.cn   一、前言         书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
  • pojo.vo.po.domain区别 LiaoJuncai javaVOPOJOjavabeandomain
    　　POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。 　　 　　即POJO是一个简单的普通的Java对象，它包含业务逻辑
  • Windows Error Code OhMyCC windows
    0 操作成功完成. 1 功能错误. 2 系统找不到指定的文件. 3 系统找不到指定的路径. 4 系统无法打开文件. 5 拒绝访问. 6 句柄无效. 7 存储控制块被损坏. 8 存储空间不足, 无法处理此命令. 9 存储控制块地址无效. 10 环境错误. 11 试图加载格式错误的程序. 12 访问码无效. 13 数据无效. 14 存储器不足, 无法完成此操作. 15 系
  • 在storm集群环境下发布Topology roadrunners 集群stormtopologyspoutbolt
    storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。   1、打包 打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。 <plugin> <groupId>org.apache.maven.
  • 为什么不允许代码里出现“魔数” tomcat_oracle java
    　　在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 　　迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 　　很多开发者在这个检查方面都有问题，这可以从结果
  • zoj 3511 Cake Robbery(线段树) 阿尔萨斯 线段树
    题目链接：zoj 3511 Cake Robbery 题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。 解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。 #include <cstdio> #include <cstring> #include <vector&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他