空腔
空腔

Riot.js 中文文档（1）

Riot.js 特点概述

  • ‍‍自定义标签‍‍

Riot.js 支持在IE8+中自定义标签，并且这些标签是人类可读的

//demo 1
<todo>  <!-- layout -->  <h3>{ opts.title }</h3>

  <ul>
    <li each={ item, i in items }>{ item }</li>
  </ul>

  <form onsubmit={ add }>
    <input>
    <button>Add #{ items.length + 1 }</button>
  </form>
    <!-- logic -->
  <script>
    this.items = []

    add(e) 
    {      
    var input = e.target[0]
    this.items.push(input.value)
    input.value = ''
    }  
    </script>
    </todo>

标签的命名由你决定

<body>

  <h1>Acme community</h1>

  <forum-header/>

  <forum-content>
    <forum-threads/>
    <forum-sidebar/>
  </forum-content>

  <forum-footer/>

  <script>riot.mount('*', { api: forum_api })</script></body>

这语法就像React+Polymer，嗯，不过学习曲线非常小。标签的属性可以用一种很干净的方法加进去。


  • Virtual DOM

虚拟DOM是React这类框架提供的重要特性之一，Riot.js也提供了这个特性的一部分功能

  • 和React一样，任何DOM操作都将进行比对后插入真实的DOM，保证DOM操作数量最小化

  • 单向响应的数据流，只能从父节点向子节点传递

  • 大部分表达式都可以通过（服务器）预编译并缓存来提高性能

  • 生命周期事件，可以控制整个流程


  • 贴近标准

‍‍Riot.js有一些和其他框架不同的地方‍‍

  • ‍‍没有单独定义一套事件系统

  • 完美支持IE8

  • 渲染过的DOM可以被其他库100%控制

  • 没有定义HTML根元素（笔者注，这里应该是指Angular的ngBody），也没有使用data-属性


  • 懒人专用语法

Riot.js的一个设计目标是用尽可能小的语法改动来实现强大的功能

  • 很快捷的基本语法：class={ enabled: is_enabled, hidden: hasErrors() }

  • 没有React那额外的render、state、construtor什么什么的

  • 要插入一个属性？Add #{ items.length + 1 } or class="item { selected: flag }"

  • 在预编译之前用<script>标签来包裹JS代码，可有可无（笔者注，只能在额外的需要预编译的.tag文件中这么用）

  • 可以用ES6、TypeScript、CoffeeScript或者其他你喜欢的JS扩展语言

 

  • 体积小但功能全

Riot.js比起React、Ploymer什么的体积小的多的多（压缩后不超过5K），但提供了大部分常用的功能

像事件库、路由之类的，用来创建 Reactive 的用户界面


  • 细节特性

  • Riot.js不像React，是基于DOM而不是基于字符串的，初始化组件时，Riot会遍历一课DOM树，然后从树中提出表达式并放进一个数组，每个表达式都有一个指向DOM节点的“指针”，每次运行这些表达式其实是先计算这些表达式再和DOM比较，当某个值改变的时候那个DOM节点也会改变。也可以认为Riot有一个“虚拟DOM”，只是简单的多（笔者注，由于Riot没有组件机制，整个页面就是一个“组件”，如果页面DOM结构很大的话，性能会很差，因为它会遍历整个DOM，和Angular初始化时一样）。由于这些表达式很快速，并且能被缓存更新周期，所以做100或者1000个表达式几乎只要1ms。因为HTML布局在每次更新后会随机修改，所以React的同步算法是很复杂的，这是个很大的挑战，FB的工程师能搞定真的很厉害！我们认为可以进一步避免复杂的比较，Riot里面HTML结构是定死的，只有“loop”和条件能增加或者删除元素，比如，一个<div>是不能被转换成<label>的，Riot只会更新那些没有复杂的子树替换的表达式。

  • React只处理UI，专注一个点是很正确的决策。FB推荐开发者用Flux去结构化客户端代码，这是一种比框架的庞大的模式，让人脑洞大开。Riot只捆绑了一个自定义标签、一个事件触发器（叫Oservable）还有一个Router，我们相信这是客户端APP的基本模块，事件负责模块化，Router负责URL还有后退按钮（笔者注，Riot可没集成Pjax。。），自定义标签负责UI。就像Flux，Riot就是这么个灵活的、给开发者更多架构决策空间。亲们可以用Router和Oservable来做一个类似于Flux的架构

  • 和Polymer比较起来，在概念上差不多，细节的差别还是很大滴。Riot只更新不得不被更新的、需要改动HTML展示数据的DOM节点；Polymer的语法更复杂；P导入独立组件时是这样的：link rel="import"，P必须用XHRs去排列他们，这样很慢也很痛苦，Riot用script src 来导入，你可扩展Riot，把你常用的几个标签组合起来封装成新工具；P是用双向数据绑定的；P没法在服务器预编译。

  • 最后扯一句，Riot比上面两个的体积小22倍


笔者注

从官网介绍来看Riot是很强大的，不过亲们要知道的是体积越少说明功能越简单，很多细节需要自己去增加，下面笔者列出一些相比React缺失的特性以及列出笔者认为合适的使用场景

  • Riot.js没有React最重要的“组件化”特性，甚至不是完整的MVP（整个就是一个M一个V一个P，没有分离代码的机制），自然也没有Props这类东西，所谓“单向数据流”，需要你自己扩展；另外，Riot中只能用Loop和Conditions来改动HTML

  • Riot.js 2.X开始不再注重“MVP”，这个特性几乎体现不出来了，Riot的模块化更多只是用不同“事件”来区分

  • Riot.js 的性能嘛。。在一个稍大的APP上其实势必React差一点的。。毕竟两个“虚拟DOM”是不同的实现

  • Riot.js很多“特性”都只是个规范（比如Router），并没有实现和封装，这需要你自己来，当然，插件机制还没有做好呢，目前说的“灵活”更多来自于Undefined，而非选择的多样化

所以可能的使用场景是：

  • 一个简单的WebApp，没有太多的JS代码，也不是很关注“组件化”

  • 简单的手机App，或者“无后台”的客户端WebApp（即服务器只传一堆数据，而渲染界面之类的工作全部交给客户端）

嗯，笔者一直在强调“小型”，因为除非你自己扩展Riot，否则这只能用在单人团队上。

当然Riot也有很多优秀的特性，官网的介绍里可没说

  • Riot.js 的“loop”特性非常适合新闻类APP等需要展示大量遍历和渲染List的场景

  • Riot.js 提供了类似JSX的JSHTMLCSS混写特性，只是JSX是把HTML写在JS里，而Riot.js是把JS插到HTML里。不用担心JS和HTML会黏起来，Riot.js提供了一套很简单的模板引擎用于分离JS和HTML


中文文档（2）传送门

你可能感兴趣的:(js,Riot.js)

  • 连接远程服务器上传下载文件 峰回路转之后 Java基础服务器githubjava
    packagecom.bean.utils.util;importcom.jcraft.jsch.*;importjava.io.File;importjava.io.FileInputStream;importjava.io.FileNotFoundException;importjava.io.IOException;importjava.nio.file.Files;importjava.u
  • JavaScript：this指向问题、同步和异步、 JS执行机制、location对象 MDR_0820 JavaScriptjavascript前端es6面试
    thisthis的指向在函数定义的时候是确定不了的只有函数执行的时候才能确定this指向谁一般情况下this的最终指向的是那个调用它的对象.全部作用域或者普通作用函数中this指向全局对象window（定时器里面的this指向window）方法调用中谁调用this指向谁构造函数this指向构造函数按钮//this指向问题一般情况下this最终指向是调用它的对象//1.全部作用域或者普通作用函数中t
  • 十六章： 预解析和对象 ᖰ･◡･ᖳ javascript前端开发语言学习ecmascript
    一、预解析JavaScript代码是由浏览器总的解析器来执行的，JavaScript解析器在运行JavaScript代码的时候分为两部：预解析和代码执行1.1预解析js引擎会把js里面所有的var还有function提升到当前作用域的最前面预解析分为变量预解析（变量提升）和函数预解析（函数提升）1.1.1变量提升就是把所有的变量声明提升到当前作用域最前面，不提升赋值操作console.log(nu
  • uni-app中使用RenderJs 使用原生js qq_41942913 javascriptuni-app前端
    RenderJs运行的层叫【视图层】，Uniapp原生Script叫【逻辑层】，逻辑层要调用视图层需要使用一个叫【watcher】，具体怎么调用呢为了实现这两层之间的通信，uniapp提供了一些特定的机制。以下是对这些通信机制的详细解释，以及一个具体的示例，说明逻辑层如何调用视图层的watcher。通信机制‌通过this.$ownerInstance获取当前组件的ComponentDescript
  • SQL知识点合集---第二弹 小吕学编程 sql数据库java
    数据一0">selectpat.position_idposition_id,pat.idaudit_idfrom(selectt.creator,cast(concat('[',substring_index(group_concat(concat('"',t.audit_id,'"')orderbyrand()),',',#{userSampleCount}),']')asjson)audit
  • RedisConfig - 解决序列化问题配置类 「已注销」 中间件redis缓存java
    文章目录RedisConfig一、配置类二、常量配置类overRedisConfig一、配置类不废话，上代码，主要是解决序列化之类的问题importcom.fasterxml.jackson.annotation.JsonAutoDetect;importcom.fasterxml.jackson.annotation.PropertyAccessor;importcom.fasterxml.ja
  • vue2/3 | nuxt - 报错 Error: error:0308010C:digital envelope routines::unsupported（node项目启动运行、打包时报错，解决） 十一猫咪爱养鱼 前端常见问题解决前端组件与功能(开箱即用)vue3vue2nuxtnodewebpackwebpack版本升级无效node升级降级无法解决
    错误描述在vue2、vue3、nuxt项目开发中，当执行启动运行/打包时报错：Error:error:0308010C:digitalenveloperoutines::unsupported详细解决方案，很奇怪的错误，完美解决升级webpack依旧无效、node.js升降级也无效。其他教程很多都无效，本博客的多种方案可完美解决此错误。解决方法首先，这个问题
  • ElasticSearch入门学习 小石头SYH elasticsearch学习大数据
    什么是ElasticSearch？ES是一个开源的分布式搜索引擎，可以用来实现搜索，日志统计，系统监控，ES易于拓展，可以轻松拓展到上百台服务器，处理PB（1PB=1024TB1TB=1024GB）级别的数据。ES自身携带分布式协调管理功能，但仅支持json文件格式。ES理论：1.索引：在ES中一个索引对应一组相关文档的存储单元，可以被看作是一种类似于数据库中的表结构，用于存储相类似的文档每个文档
  • shell扩展 千么漾漾 学习与知识
    第七城市编程开发平面设计数据库设计赏析关注第七城市Email:service@7-inc.com编程PHPJavaPython.NETRubyIOS安卓设计3DSMAXIllustratorPhotoshopCoreldrawCAD赏析插画平面网页建筑摄影三维UIWordExcelPPTWinLinuxOSXMySQLOracleHTMLJS七城微课老版入口您的位置：首页-操作系统-Windows
  • 如何在Django中使用Ajax进行动态数据更新？ CodeJourney代码之旅 python学习djangoajaxokhttp
    在Django中使用Ajax进行动态数据更新需要以下步骤：在前端页面中引入jQuery库。创建一个处理Ajax请求的视图函数。fromdjango.httpimportJsonResponsedefupdate_data(request):#处理Ajax请求的逻辑#...#返回更新后的数据returnJsonResponse(data)在前端页面中编写Ajax请求。$.ajax({url:'upd
  • 【MCP Node.js SDK 全栈进阶指南】中级篇（4）：MCP错误处理与日志系统 程序员查理 #MCPNode.jsSDK全栈进阶指南node.jsubuntulinux人工智能架构AIMCP
    前言随着MCP应用的规模和复杂性增长，错误处理与日志系统的重要性也日益凸显。一个健壮的错误处理策略和高效的日志系统不仅可以帮助开发者快速定位和解决问题，还能提高应用的可靠性和可维护性。本文作为中级篇的第四篇，将深入探讨MCPTypeScript-SDK中的错误处理与日志系统，包括健壮错误处理策略、结构化日志设计、分布式环境下的日志管理以及监控与警报集成。在MCP应用开发中，错误处理与日志记录是两个
  • 【2025A卷】华为OD机试九日集训第1期 - 按算法分类，由易到难，循序渐进，提升编程能力和解题技巧，从而提高机试通过率（Python/JS/C/C++） 哪 吒 搬砖工逆袭Java架构师华为od算法python华为OD机试2025A卷
    目录一、适合人群二、本期训练时间三、如何参加四、数据结构与算法大纲五、华为OD九日集训第1期第1天、逻辑分析第2天、逻辑分析第3天、逻辑分析第4天、逻辑分析第5天、逻辑分析第6天、逻辑分析第7天、双指针第8天、二叉树第9天、动态规划六、集训总结国内直接使用ChatGPT4o、o4-mini（支持DeepResearch深入研究）、o4-mini-high、o3、GPT4.1、GPT-4.5、671
  • 华为OD机试 - 最长公共前缀（Python/JS/C/C++ 2025 A卷 100分） 哪 吒 华为odpythonjavascript华为OD机试2025A卷
    2025A卷华为OD机试统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随时更新。一、题目描述编写一个函数
  • 华为OD机试 - 数字游戏（Python/JS/C/C++ 2025 A卷 100分） 哪 吒 华为od游戏python
    2025华为OD机试题库（按算法分类）：2025华为OD统一考试题库清单（持续收录中）以及考点说明（Python/JS/C/C++）。专栏导读本专栏收录于《华为OD机试真题（Python/JS/C/C++）》。刷的越多，抽中的概率越大，私信哪吒，备注华为OD，加入华为OD刷题交流群，每一题都有详细的答题思路、详细的代码注释、3个测试用例、为什么这道题采用XX算法、XX算法的适用场景，发现新题目，随
  • VScode配置Mingw64 Terminal终端 1号程序媛 Qt开发从零到精通vscodeide编辑器Qt编程C++界面qt
    VScode里面配置Mingw64终端实际上比较简单，但是也不简单。这里直接给出整个settings.json中的Mingw配置，你只需要换个Mingw路径就可以了。快捷键：ctrl+shift+p可以打开VScode搜索，然后输入settings.json，就可以打开默认的配置json，将下面有用的Mingw64的那一段填入即可。"terminal.integrated.profiles.win
  • 监听虚拟键盘弹出隐藏
    1、先新建一个js文件monitorKeyboard.js/**monitorKeyboard.js*@class监听虚拟键盘*@classdesc监听虚拟键盘弹出隐藏*@publiconEnd结束监听虚拟键盘*@publiconShow传递一个回调监听虚拟键盘弹出*@publiconHidden传递一个回调监听虚拟键盘隐藏*/classMonitorKeyboard{constructor(){
  • 从零开始学习three.js（12）：一文详解three.js中的动画Animation 前端小崔 three.js学习javascript信息可视化webgl3d前端数据可视化
    在three.js的实际应用中，动画总是绕不过去的功能。常见应用场景：角色动画：在游戏开发中，可以使用骨骼动画来创建角色的行走、奔跑、跳跃等动画，使角色的动作更加自然和流畅。场景切换动画：在网页设计中，可以使用Three.js的动画功能来创建场景切换的过渡动画，如淡入淡出、旋转切换等，提升用户体验。数据可视化动画：在数据可视化领域，可以借助Three.js的动画效果来展示数据的变化趋势，如柱状图的
  • VSCode + Qt + linux 环境配置 _Refresh_ vscodeqtlinux
    操作环境：在Windows上使用VSCode远程linux虚拟机开发Qt的代码，使用的编译器为gcc，使用cmake进行编译。需求：在VSCode上能正常提示联想Qt的相关函数，方便使用相关接口。配置方法：在c_cpp_properties.json中配置如下：{"configurations":[{"name":"Linux","includePath":["${workspaceFolder}
  • uniapp 支付宝小程序自定义 navbar 无效解决方案 某公司摸鱼前端 uni-app小程序
    如图：uniapp编译到支付宝小程序隐藏默认的导航栏失效了解决方案：在pages.json文件中找到globalStyle中加入以下代码："mp-alipay":{"transparentTitle":"always","titlePenetrate":"YES"}效果展示：附言：也就我们这种砂壁老板会想着和美团抢共享充电宝的生意吧又是操心的一个项目，无解~~~
  • uniapp实现APP、小程序与webview页面间通讯 爱池鱼的酱酱仔 Vue3.0uniappuni-app小程序
    需求：1、需要在Uniapp开发的APP或小程序页面嵌入一个H5网页，需要拿到H5给APP传递的数据。2、并且这个H5是使用vue+vant开发的。（其实跟使用uniapp开发H5一样）实现步骤：1、首先需要兼容多端和App端，因此这里需要在h5项目的index.html文件引入多个js。给app端传递需要引入uni.webview.1.5.5.js（这里是改后的1.5.5版本把uni地方该为了w
  • 2025.3.29-2025.8.29前端学习计划 jjjjjjjjj¢ 学习
    详细学习计划（4月-8月，每周安排）目标：在5个月内掌握Vue3源码、TypeScript高级用法、微前端（qiankun）、Node.js、前端性能优化、地图&WebGL。4月：Vue3源码&TypeScript高级目标：深入理解Vue3响应式原理&熟练TypeScript类型进阶，能编写高质量前端代码。Week1（4.1-4.7）：Vue3响应式原理✅Vue3reactive&ref实现原理✅
  • 使用 Truffle 和 Ganache 搭建本地以太坊开发环境并部署一个简单智能合约 这个懒人 智能合约
    使用Truffle和Ganache搭建本地以太坊开发环境并部署一个简单智能合约的详细步骤：一、环境搭建安装Node.js和npmNode.js是一个基于ChromeV8引擎的JavaScript运行时环境，npm是Node.js的包管理器。可以从Node.js官方网站下载安装程序，建议选择LTS（Long-TermSupport）版本。安装完成后，在命令行中运行以下命令验证安装是否成功node-v
  • 在 Taro 中使用 @antmjs/vantui 的 Popup 组件时，解决点击弹窗内的按钮会穿透到下层的地图 label问题 Nightne tarojavascript前端
    通过阻止事件冒泡的方法解决{e.stopPropagation();//阻止冒泡（小程序语法）console.log('按钮点击');}}>按钮
  • uniapp 小程序内嵌H5链接返回到小程序（亲测） 青衫折扇 uni-app小程序
    使用weixin-js-sdk，特别注意的是，在vue项目中之前安装过weixin-js-sdk的，一定要要跟新，但是好像只可以更新到1.6.0版本，而微信要求最低版本是1.6.4，不过不影响使用。安装weixin-js-sdknpminstall weixin-js-sdk--save在H5页面中引入importwxfrom'weixin-js-sdk'调用wx.miniProgram.navi
  • java 通过发送json,post请求,返回json数据 backRoads java
    1.工具类importlombok.extern.slf4j.Slf4j;importjava.io.*;importjava.net.HttpURLConnection;importjava.net.URL;@Slf4jpublicclassHttpUtils{publicstaticStringsendPost(Stringparam,Stringurls){StringBuffersb=ne
  • 通过 Node.js 搭配 Nodemailer 实现邮箱验证码发送 小宋要上岸 node.jsNodemailerc++
    目录一、整体思路二、环境准备三、代码详细步骤1.引入模块并初始化2.配置Nodemailer邮件服务3.定义发送验证码接口4.定义校验验证码接口5.启动服务器四、补充说明一、整体思路接收邮箱地址请求→用户在前端填写邮箱，发送到后端接口（如/send-code）。后端生成验证码并缓存→后端生成随机验证码，存入Redis或内存（带过期时间）。使用Nodemailer发邮件→配置邮箱服务器，用Nodem
  • uniapp H5 微信小程序嵌套H5网页出现白屏问题 久爱@勿忘 uniapp-h5uni-app微信小程序小程序
    微信小程序嵌套H5白屏问题，一般是因为微信缓存问题：1：在微信：我的-设置-通用-存储空间-缓存；点击清理就可以了（如果面向大客户群，此方式不合适）2：在webView嵌套，url后面拼接时间戳，保证每次url都不一样就可以解决（亲测有效）3：修改每次打包的js文件，让每次打包后js名称不一样（主要目的让浏览器不读取缓存的js，每次从服务器重新获取新的js文件进行加载显示；vue项目实现原理一样，
  • js 正则规则 和 常用正则表达式 halo1416 JavaScriptjavascript正则表达式开发语言
    一、基础正则规则匹配特定字符匹配数字：\d：匹配一个数字（0-9）。\d+：匹配一个或多个数字。示例：/\d+/g可以匹配字符串中的所有数字。匹配字母或单词：\w：匹配一个字母、数字或下划线（[A-Za-z0-9_]）。\w+：匹配一个或多个字母、数字或下划线。示例：/\w+/g可以匹配字符串中的所有单词。匹配空白字符：\s：匹配一个空白字符（空格、制表符、换行等）。\s+：匹配一个或多个空白字符
  • 前端入门级项目——带你实现一个全栈博客项目(Ejs+Node.js+MongoDB) MonsterQy 前端node.jsmongodb
    博客项目做完有一段时间了，今天来回顾一下项目的完整流程及实现，顺便复习一下有关知识点。一、博客架构分析若想要实现一个能够满足客户要求的项目，不仅要注重细节的实现，更要在项目最初就设计好各模块以及各个接口，按照逻辑逐一实现其功能。对于博客项目我们可以分为两大部分：一、前台(展示给客户的)二、后台服务器（提供给管理者数据）。接口描述及定义前台：①get’/’提供首页②get‘/p’提供某篇文章的描述③
  • webpack（10）webpack-dev-server搭建本地服务器 厦门在乎科技 文章webpack
    前言当我们使用webpack打包时，发现每次更新了一点代码，都需要重新打包，这样很麻烦，我们希望本地能搭建一个服务器，然后写入新的代码能够自动检测出来，这时候就需要用到webpack-dev-serverwebpack-deb-serverwebpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的浏览器自动刷新显示我们修改后的
  • sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
    现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
  • Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
    最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
  • 如何给线程池命名 daysinsun 线程池
            在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
  • IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
      错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
  • java上传 g21121 java
    我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
  • SpringMVC配置学习 510888780 springmvc
    spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
  • spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
    第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
  • 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
  • java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
    1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
  • XML语法元素结构的总结 百合不是茶 xml树结构
    1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
  • 改变eclipse编码格式 bijian1013 eclipse编码格式
    1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
  • javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
    代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
  • 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
    pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
  • java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
    创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
  • 用nginx区分文件大小做出不同响应 ronin47
    昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
  • java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
    package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
  • 翟鸿燊老师语录 ccii 翟鸿燊
    一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
  • [光速与宇宙]进行光速飞行的一些问题 comsci 问题
         在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
  • oracle undo解析 cwqcwqmax9 oracle
    oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
  • java中各种集合的详细介绍 dashuaifu java集合
    一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
  • 卸载windows服务的方法 dcj3sjt126com windowsservice
    卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
  • Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
        http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
  • 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
            已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
  • js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
    js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
  • 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
    效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
  • linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
    1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
  • DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
    1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
  • sql批量插入数据 qifeifei 批量插入
    hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
  • log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
    最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
  • linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
    1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他