jredu1996
jredu1996

JavaScript基础Dom 个人笔记

HTMLdom和COREdom


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTMLdomtitle>
head>
<body>
<table id="myTable" border="1" width="400px" height="100px" style="border-collapse: collapse">
    <tr>
        <td>书名td>
        <td>价格td>
        <td>操作td>
    tr>
    <tr id="tr1">
        <td>看的见风景的房间td>
        <td>￥30td>
        <td>
            <button onclick="removeRow(this)">删除button>
        td>
    tr>
    <tr>
        <td>幸福从天而降td>
        <td>￥18.5td>
        <td>
            <button onclick="removeRow(this)">删除button>
        td>
    tr>
    <tr>
        <td>60个瞬间td>
        <td>￥32td>
        <td>
            <button onclick="removeRow(this)">删除button>
        td>
    tr>
table>
<button onclick="insert1()">增加一行button>
<button onclick="delete2()">删除第2行button>
<button onclick="changeTitle()">修改标题button>
body>
<script> function insert1() { /*/!*1：core Dom*!/ var tr = document.createElement("tr"); var td1 = document.createElement("td"); td1.innerHTML = "钢铁是怎么炼成的"; var td2 = document.createElement("td"); td2.innerHTML = "￥50"; tr.appendChild(td1); tr.appendChild(td2); var table1 = document.getElementById("myTable"); var tr1 = document.getElementById("tr1"); table1.firstElementChild.insertBefore(tr,tr1);*/ /*2：html Dom*/ var table = document.getElementById("myTable"); var row = table.insertRow(2); //定义一行，2是从上数012，就是第三行增加一行 var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); //增加两个单元格 cell1.innerHTML = "钢铁是怎样炼成的"; cell2.innerHTML = "$50"; } function delete2() { /*core DOM*/ /*var tr1 = document.getElementById("tr1"); var table = document.getElementById("myTable"); table.firstElementChild.removeChild(tr1);*/ /*HTML DOM*/ var table = document.getElementById("myTable"); table.deleteRow(1); } function changeTitle() { var table = document.getElementById("myTable"); table.rows[0].cells[0].align = "center"; table.rows[0].cells[1].align = "center"; } function removeRow(obj) { var index = obj.parentNode.parentNode.rowIndex; var table = document.getElementById("myTable"); table.deleteRow(index); } script>
html>

鼠标事件


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标事件title>
head>
<body>
<button onclick="myClick()">鼠标单击button>
<button ondblclick="myDBClick()">鼠标双击button>
<button onmousedown="myMouseDown()" onmouseup="myMouseUp()">鼠标按下和抬起button>
<button onmouseover="myMouseOver()" onmouseout="myMouseOut()">鼠标悬浮和离开button>
<button onmousemove="myMouseMove()">鼠标移动button>
<button onmouseenter="myMouseEnter()" onmouseleave="myMouseLeave()">鼠标进入和离开button>
body>
<script> function myClick() { console.log("你单击了按钮！"); } function myDBClick() { console.log("你双击了按钮！"); } function myMouseDown() { console.log("鼠标按下了！"); } function myMouseUp() { console.log("鼠标抬起了！"); } function myMouseOver() { console.log("鼠标悬浮！"); } function myMouseOut() { console.log("鼠标离开！") } function myMouseMove() { console.log("鼠标移动！") } function myMouseEnter() { console.log("鼠标进入！") } function myMouseLeave() { console.log("鼠标离开！") } script>
html>

键盘事件


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件title>
head>
<body>
<input id="name" type="text" onkeydown="myKeyDown(this.id)" onkeyup="myKeyUp(this.id)">
body>
<script> /*输出输入的字符*/ function myKeyDown(id) { console.log(document.getElementById(id).value); } /*按键结束，字体转换为大写*/ function myKeyUp(id) { var text = document.getElementById(id).value; document.getElementById(id).value = text.toUpperCase(); } /*还有个keypress：某个按键被按下并松开，与keydown对应*/ script>
html>

HTML事件


<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <style> #container{ height: 1000px; background-color: aqua; } style>
    <title>HTML事件title>
head>
<body onload="loaded()">
<input type="text" id="name" onselect="mySelect(this.id)">
<input type="text" id="name2" onchange="myChange(this.id)">
<input type="text" id="name3" onfocus="myFocus()">
<div id="container">div>
body>
<script> window.onload = function () { console.log("文档加载完毕！"); }; /*window.onunload = function () { alert("文档被关闭！"); };*/ function mySelect(id) { var text = document.getElementById(id).value; console.log(text); } function myChange(id) { var text = document.getElementById(id).value; console.log(text); } function myFocus() { console.log("得到光标！"); } window.onresize = function () { console.log("窗口变化！") }; var name1 = document.getElementById("name"); name1.onclick = function () { alert("洗刷刷"); }; window.onscroll = function () { console.log("滚动条滚动") } script>
html>

事件模型


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件模型title>
head>
<body>

<button onclick="javascript:alert('Hello')">Hello!button>


<button onclick="showHello()">Hello2!button>


<button id="btn3">Hello3!button>
body>
<script> /*内联模型*/ function showHello() { alert("Hello"); } /*动态绑定*/ var btn3 = document.getElementById("btn3"); /*DOM0: 同一个元素，同类事件只能添加一个； 如果添加多个，后面添加的会覆盖之前添加的*/ /*btn3.onclick =function () { alert("hello") }; btn3.onclick =function () { alert("hello5") };*/ /*DOM2: 可以给同一个元素添加多个同类事件*/ /*btn3.addEventListener("click", function () { alert("Hello1") }); btn3.addEventListener("click", function () { alert("Hello2") });*/ /*DOM0与DOM2可以运行看看差别就明白了*/ /*不同浏览器的兼容写法*/ if (btn3.attachEvent()) {/*IE*/ btn3.attachEvent("onclick", function () { alert("IE hello") }); } else { /*W3C*/ btn3.addEventListener("click", function () { alert("W3C hello") }) script>
html>

事件冒泡及捕获以及阻止默认事件


<html lang="en">
<head>
    <meta charset="UTF-8">
    <style> #div1 { width: 400px; height: 400px; background-color: red; } #div2 { width: 300px; height: 300px; background-color: yellow; } #div3 { width: 200px; height: 200px; background-color: blue; } #div4 { width: 100px; height: 100px; background-color: #4D2E83; } style>
    <title>事件冒泡title>
head>
<body>
<div id="div1">
    <div id="div2">
        <div id="div3">
            <div id="div4">

            div>
        div>
    div>
div>
body>
<script> /*事件冒泡：事件的触发方向是从子元素往父元素 子元素的事件发生以后，会引发父元素同类事件 * 事件捕获：事件的触发方向是从父元素往子元素 在每个var后边加了个,true*/ /*var div1 = document.getElementById("div1"); div1.addEventListener("click", function () { alert("div1") }, true); var div2 = document.getElementById("div2"); div2.addEventListener("click", function () { alert("div2") }, true); var div3 = document.getElementById("div3"); div3.addEventListener("click", function () { alert("div3") }, true); var div4 = document.getElementById("div4"); div4.addEventListener("click", function () { alert("div4") }, true);*/ /*在function里面加event，后边加event.stopPropagation();就使得事件冒泡结束*/ var div1 = document.getElementById("div1"); div1.addEventListener("click", function () { alert("div1") }); var div2 = document.getElementById("div2"); div2.addEventListener("click", function (event) { event.stopPropagation(); alert("div2") }); var div3 = document.getElementById("div3"); div3.addEventListener("click", function (event) { event.stopPropagation(); alert("div3") }); var div4 = document.getElementById("div4"); div4.addEventListener("click", function (event) { event.stopPropagation(); alert("div4") }); script>
html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阻止默认事件title>
head>
<body>
<a href="https://www.baidu.com" onclick="stopA(event)">baidua>
body>
<script> /*阻止超链接的默认事件*/ function stopA(event) { if (event.preventDefault()){ event.preventDefault(); //W3C }else{ event.returnValue=false; //IE } alert("就是不让你跳转！！") } script>
html>

你可能感兴趣的:(javascript,Dom)

  • Node.js 完全教程：从入门到精通 web15117360223 面试学习路线阿里巴巴node.js
    Node.js完全教程：从入门到精通Node.js是一个基于ChromeV8引擎的JavaScript运行环境，允许开发者在服务器端使用JavaScript。它的非阻塞I/O和事件驱动架构使得Node.js非常适合于构建高性能的网络应用。本文将详细介绍Node.js的安装、基本语法、模块系统、异步编程、Express框架、数据库操作等内容，帮助你从入门到精通Node.js。1.Node.js简介N
  • uniapp h5端和app端 使用 turn.js qq_31683775 uni-appjavascript开发语言
    前提:添加页后,添加页与当前页会重叠在一起,不知道为什么,没有找到解决办法1.h5端Page1Page2Page3Page4Page5//npminstalljqueryturn.jsimport$from'jquery';import'turn.js';exportdefault{data(){return{}},mounted(){//确保DOM加载完成this.$nextTick(()=>{
  • 2024年Python最全Python爬取Boss直聘，帮你获取全国各类职业薪酬榜(1) 2301_82242474 程序员python开发语言
    代码importrequestsfrombs4importBeautifulSoupimportcsvimportrandomimporttimeimportargparsefrompyecharts.chartsimportLineimportpandasaspdclassBossCrawler:definit(self,query):self.query=queryself.filename=
  • Haxe：OpenFL框架与Haxe游戏开发_2024-07-15_07-13-55.Tex chenjj4003 游戏开发2网络游戏引擎c++开发语言深度学习
    Haxe：OpenFL框架与Haxe游戏开发Haxe简介Haxe语言概述Haxe是一种开源的、多范式编程语言，它被设计为一种高级语言，用于编写跨平台的应用程序。Haxe的独特之处在于它的编译器，能够将Haxe代码编译成多种目标语言，包括JavaScript、C++、Java、PHP、Python、C#和ActionScript。这种能力使得开发者能够使用相同的代码库为不同的平台生成代码，极大地提高
  • CSS 真的会阻塞文档解析吗？从浏览器渲染原理深入探究一下 银之夏雪 css前端浏览器浏览器渲染
    在网页开发领域，一个常见的疑问是CSS是否会阻塞文档解析。理解这一问题对于优化网页性能、提升用户体验至关重要。要深入解答这个问题，需要从浏览器渲染网页的原理说起。浏览器渲染网页的基本流程浏览器在接收到HTML文档后，会依次进行以下几个主要步骤：解析HTML：浏览器从网络或本地获取HTML文件，然后开始解析，将HTML代码转换为DOM（DocumentObjectModel，文档对象模型）树。DOM
  • ＜tauri＞＜rust＞＜GUI＞基于rust和tauri的图片显示程序（本地图片的加载、显示、保存） 机构师 rust开发语言后端taurijavascript
    前言本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。环境配置系统：windows10平台：visualstudiocode语言：rust、javascript库：tauri2.0概述本文基于tauri框架，创建一个图片显示器程序。要实现的功能是，如何从本地路径加载、显示
  • CSS对DOM解析的阻塞作用 MggnHaskell css前端DOM
    CSS（层叠样式表）是用于定义网页元素外观和样式的语言。它与HTML（超文本标记语言）一起构成了Web页面的核心构建块。在浏览器渲染页面时，DOM（文档对象模型）树的构建和渲染是一个重要的过程。在这个过程中，CSS可能会对DOM解析产生一定的阻塞作用。当浏览器解析HTML文档时，它会构建DOM树，这是一个表示文档结构的树形结构。这个过程是逐步进行的，浏览器从上到下逐行读取HTML文档，并将每个元素
  • JavaScript系列（86）--现代构建工具详解 ᅟᅠ        ‌‍‎‏ 一进制 JavaScriptjavascriptrust开发语言
    JavaScript现代构建工具详解现代前端开发离不开构建工具，它们帮助我们处理模块打包、代码转换、资源优化等任务。让我们深入了解主流的构建工具及其应用。构建工具概述小知识：构建工具主要解决代码转换、文件优化、模块打包、自动刷新、代码分割等问题。主流的构建工具包括webpack、Vite、Rollup等，它们各有特点和适用场景。webpack详解//1.webpack配置classWebpackC
  • ECMAScript6 2401_85112041 作者\/es6前端ecmascript
    因此，ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有Jscript和ActionScript）。日常场合，这两个词是可以互换的ECMAScript是由ECMA（一个类似W3C的标准组织）参与进行标准化的语法规范。ECMAScript定义了：语言语法–语法解析规则、关键字、语句、声明、运算符等类型–布尔型、数字、字符串、
  • Linux 服务器多网卡进行网络绑定 Kubit~ 服务器linux网络
    要在配置了LACP（LinkAggregationControlProtocol）的交换机上设置Linux服务器的网络绑定，并包含DNS和网关的完整配置，你可以按照以下步骤进行操作。这里以CentOS/RHEL和Ubuntu/Debian为例。一、CentOS/RHEL配置示例确保bonding模块已加载sudomodprobebonding为了在系统启动时自动加载该模块，可以将其添加到/etc/
  • 探索 Python JsonUtils 工具类：高效处理 JSON 数据 FinkGO小码 人工智能的基石python经验分享学习方法程序人生pycharmjson后端
    引言在现代的软件开发中，JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，被广泛应用于各种领域，如Web开发、数据存储和API交互等。Python作为一门功能强大且易于上手的编程语言，内置了json模块，为处理JSON数据提供了基础支持。然而，为了更高效、便捷地进行JSON操作，我们可以对json模块进行封装，创建一个实用的工具类。今天，我们就来深入探讨一个
  • centos搭建 Node.js 开发环境 geejkse_seff 面试学习路线阿里巴巴centosnode.jslinux
    Node.js，通常简称为Node，是一个事件驱动I/O服务端JavaScript环境，基于ChromeV8引擎，具备速度快、性能强等特点，可用于搭建各类网络应用，及作为小程序后端服务环境。npm和npx都是和Node.js相关的命令行工具，它们在JavaScript开发中扮演着重要的角色。npm：1、允许开发者在项目中安装、管理和共享JavaScript包和模块；2、可以自动处理项目依赖，确保所
  • 手把手完成前端Vue3 + Vite项目工程化搭建 m0_74825447 前端
    vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境：Node.jsv16.14.2+npmv8.3.2开发工具：VisualStudioCodeorWebStorm源代码管理：Gitnpm镜像：npmconfigsetregistryhttps://registry.npmmirror.com技术栈技术栈描述Vue渐进式JavaScript框架Vi
  • 使用marked.min.js编写Markdown文档页面，可做知识库、技术文档、使用文档、教程文档等！
    摘要marked.min.js是一个高效的JavaScriptMarkdown解析器，它能够将Markdown格式的文本转换为HTML。作为一个轻量级的库，marked在处理大规模的Markdown内容时表现出色，并且具备广泛的兼容性和可定制性。本文将深入探讨如何使用marked.min.js来构建一个自定义的Markdown解析器，涵盖其核心功能、配置选项以及如何在不同的应用场景中进行优化与集成
  • 《JavaScript面向对象编程指南》译者序 weixin_30344995 javascript测试ViewUI
    相对于Perl、Python等动态脚本语言来说，JavaScript确实是一门饱受误解的语言。对于译者这种从20世纪90年代末走过来的C++程序员来说，尤其如此。在那个年代，提起JavaScript总是会让人联想起各种花哨的小玩意儿、令人讨厌的恶作剧、浏览器之间的恶斗（例如IE与Netscape）等令人不太愉快的场景。总而言之，我长期以来对JavaScript的评价基本上是比较负面的，认为那不过是
  • JUC并发编程之集合类线程安全问题 xzystart JUC并发编程java集合线程安全多线程并发编程
    在并发条件下,由于多数集合没有同步控制所以这些集合具有线程不安全性线程不安全的集合线程不安全用例(ArrayList为例)示例publicclassMainTest{publicstaticvoidmain(String[]args){ArrayListarrayList=newArrayList{arrayList.add(UUID.randomUUID().toString());System
  • Azure Cosmos DB JavaScript SDK 常见问题解决方案 邴联微
    AzureCosmosDBJavaScriptSDK常见问题解决方案azure-cosmosdb-js-serverTheJavaScriptSDKforserver-sideprogramminginAzureCosmosDB项目地址:https://gitcode.com/gh_mirrors/az/azure-cosmosdb-js-server项目基础介绍AzureCosmosDBJava
  • ubuntu+aarch64+dbeaver安装【亲测，避坑】 读过两年书 安装部署ubuntulinux运维
    一：访问OracleJDK，jdk-11.0.26_linux-aarch64_bin.tar.gz。二：解压。tar-xvzfjdk-11.0.20_linux-x64_bin.tar.gz三：将解压后的JDK文件夹移动到/usr/lib/jvm目录sudomvjdk-11.0.26/usr/lib/jvm/四：进入cd~五：编辑.bashrcnano.bashrc六：在文件末尾添加以下内容：e
  • TypeScript与JavaScript的区别
    本文我们要聊一聊TypeScript和JavaScript之间的区别。可能我们已经注意到，TypeScript是JavaScript的超集，那么它到底比JavaScript多了些什么？为什么我们要选择TypeScript，而不仅仅是写普通的JavaScript呢？本文我们就一起看看TypeScript和JavaScript的核心差异，让你对它们有个更加清晰的认识。3.1什么是TypeScript与
  • Windows程序设计28：MFC模态与非模态对话框 智能与优化 Windows程序设计windowsmfcc++开发语言
    文章目录前言一、创建模态对话框1.创建模态对话框模板2.绑定自定义对话框类3.创建模态对话框DoModal4.销毁模态对话框二、创建非模态对话框1.创建对话框模板2.绑定自定义对话框类3.创建非模态对话框Create、ShowWindow4.销毁非模态对话框5.销毁自身窗口指针总结前言Windows程序设计28：MFC模态与非模态对话框。一、创建模态对话框创建模态对话框主要分为如下四步，这里新建一
  • 领域驱动设计（DDD）详解：聚合根和值对象在 .NET Core 中的实现与应用 江沉晚呤时 NetcoreDDDnet.netcorec#架构
    在复杂的业务系统开发中，如何处理和组织业务逻辑是一个至关重要的挑战。领域驱动设计（Domain-DrivenDesign，简称DDD）为我们提供了一种有效的方法论，通过精确的领域建模，帮助我们在解决业务问题的同时构建清晰、可维护的系统架构。在DDD中，**聚合根（AggregateRoot）和值对象（ValueObject）**是两个非常重要的概念，它们在领域层的设计中占据着核心地位。本文将深入探
  • Canvas 和 SVG 有什么区别？ 晚夜微雨问海棠呀 前端javascript开发语言
    Canvas与SVG核心差异解析1.渲染模式本质维度CanvasSVG图形类型位图（像素级操作）矢量图（数学公式描述）渲染模式立即模式（绘制后无对象保留）保留模式（DOM树维护图形对象）更新机制全量重绘增量更新constctx=document.getElementById('myCanvas').getContext('2d');ctx.fillStyle='red';ctx.fillRect(
  • Promise_链式调用（解决回调函数地狱） 还是鼠鼠 javascriptajax前端vscodehtml5
    目录介绍代码结构代码index.html（HTML部分）运行结果代码分析总结介绍本示例展示了如何使用JavaScript中的Promise对象解决传统回调函数嵌套（即“回调地狱”）的问题。通过链式调用的方式，使得多个异步操作变得更加线性和易于维护。代码演示了如何利用Promise按顺序获取省、市、区的信息，并将它们依次拼接成完整的地址。代码结构HTML部分：HTML代码主要提供一个简单的框架，包含
  • python oss批量上传_python 批量上传文件到阿里云oss，并写入Excel，存到本地 weixin_39624873 pythonoss批量上传
    最近公司要往阿里云oss上传视频，大小差不多有200G，原先让运营去一个一个的添加，但是这能麻烦死人，所以就让技术去批量上传。所以研究了一下用python往oss上传视频首先需引用以下几个模块pipinstalloss2pipinstalltablibpipinstallpyexcel-xlsx其次因为本地的视频都是比如中文.mp4这样的，所以引入一个随机字符串importrandomdefgen
  • 请谈谈 React 中的虚拟 DOM，如何通过 Diff 算法最小化真实DOM 更新次数？ 程序员黄同学 前端开发JavaScriptJava面试题react.js算法javascript
    一、虚拟DOM核心原理与Diff算法机制1.虚拟DOM的本质虚拟DOM是轻量级的JavaScript对象，用于描述真实DOM结构。每次组件状态变化时，React会生成新的虚拟DOM树，通过对比新旧树差异（Diffing）来最小化DOM操作。//虚拟DOM对象结构示例constvNode={type:'div',props:{className:'container',children:[{type
  • “[object Object]“ is not valid JSON 的解决方案 dushky json前端
    1错误描述：使用JSON.parse（）时，经常会提示："[objectObject]"isnotvalidJSON。有2种解决方案：1.1不需要使用JSON.parse()方法JSON.parse()的工作是将JSON转换回JavaScript，所以如果从服务器响应中获取JSON，但在到达您的代码之前已经转换为JavaScript了，就不需要JSON.parse()！//ERROR!已经是jav
  • 日常整理系列——笔试刷题00002 Cutepingping 前端h5+cssJavaScript语言笔试题库
    1.RegExp对象的方法JavaScriptRegExp对象有3个方法：test()、exec()和compile()。(1)test()方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回true，否则返回false；(2)exec()方法用来检索字符串中与正则表达式匹配的值。exec()方法返回一个数组，其中存放匹配的结果。如果未找到匹配的值，则返回null；（3）compile
  • 使用 ahooks 解决 React 的闭包问题 SvqiAnaconda react.jsjavascript前端前端开发
    React是一种流行的JavaScript库，用于构建用户界面。它通过组件化的方式，以声明式的方式处理界面状态和交互。然而，在使用React进行开发时，我们可能会遇到闭包问题。闭包问题指的是在函数组件中使用的闭包变量可能会出现意外的行为，导致bug和内存泄漏。幸运的是，ahooks是一个优秀的解决方案，它可以帮助我们解决React中的闭包问题。ahooks是一个基于ReactHooks的库，它提供
  • 使用 Ahooks 解决 React 的闭包问题 ZdqDeveloper react.jsjavascript前端
    React是一种流行的前端框架，但在使用React进行开发时，经常会遇到闭包问题。闭包问题主要出现在使用Hooks的函数组件中，由于JavaScript语言特性，函数组件内部的闭包会导致一些意外的行为和错误。为了解决这个问题，可以使用Ahooks库提供的解决方案。本文将详细介绍Ahooks是如何解决React的闭包问题的，并提供相应的源代码示例。首先，我们需要了解闭包问题是如何在React中产生的
  • 44、深度学习-自学之路-自己搭建深度学习框架-6、自动优化，就是把原来的权重更新的部分用面向对象的方式再写一次 小宇爱 深度学习-自学之路深度学习人工智能
    importnumpyasnpnp.random.seed(1)data=np.array([[0,0],[0,1],[1,0],[1,1]])target=np.array([[0],[1],[0],[1]])#weights_0_1=np.random.rand(2,3)#weights_1_2=np.random.rand(3,1)weights_0_1=np.array([[0.1,0.2
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 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/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他