我是Dreamer啊
我是Dreamer啊

JavaScript（JS）获取元素、改变元素的内容、修改属性

文档对象模型DOM

文档对象模型DOM是W3C组织推荐的处理可扩展标记语言的标准编程接口。

W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。

根据ID获取元素

使用getElementByld()方法可以获取带有ID的元素对象。

<body>
    <div id="time">
        2020.11.15
    div>
    <script>
    	var timer = document.getElementById('time');
        console.log(timer);
        console.log(typeof timer);
        console.dir(timer);
    script>
body>

文档页面从上往下加载，所以的 得现有标签，因此script写在标签 下面。

get获得element元素by通过驼峰命名法

参数id是大小写敏感的字符串

返回的是一个元素对象

console.log 可以打印返回的元素对象，更好的查看里面的属性和方法。

JavaScript（JS）获取元素、改变元素的内容、修改属性_第1张图片

根据标签名获取元素

使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合。

<body>
    <ul>
        <li>1li>
        <li>2li>
        <li>3li>
    ul>
    <script>
    	var lis = document.getElementsByTagName('li');
        console.log(lis);
        console.log(lis[0]); 
        for(var i=0;i<lis.length;i++){
        	console.log(lis[i]);
        }
    script>
body>

返回一个对象的集合，可以返回其中某一个，也可以遍历得到全部。

如果页面中只有一个

  • ,返回的还是一个伪数组，如果页面中没有这个标签，返回的是空的伪数组。

    可以定父元素来获取标签名

    <body>
    <ul>
        <li>111li>
        <li>222li>
        <li>333li>
    ul>
    <ol>
        <li>1111111111li>
        <li>2222222222li>
        <li>3333333333li>
    ol>
    <script>
    	var ol = document.getElementsByTagName('ol');
        console.log(ol[0].getElementsByTagName('li'));
    script>
body>

    HTML5新增获取元素的方式

    1. getElementsByClassName根据类名获得某些元素集合。
    <body>
    <div class='box'>
       盒子1
    div>
    <div class='box'>
        盒子2
    div>
    <div id='nav'>
        <ul>
            <li>首页li>
            <li>产品li>
        ul>
    div>
    <script>
    	vars boxs = document.getElementsByClassName('box');
        console.log(boxs);
    script>
body>

    1. document.querySelector(‘选择器’)根据指定选择器返回第一个元素对象。切记里面的选择器需要加符号。

      例如：var firstBox = document.querySelector('.box');选择类元素，或者var nav = document.querySelector('#nav')选择ID元素。

    2. document.quarySelectorAll(‘选择器’)根据指定元素返回所有元素对象。 切记里面的选择器需要加符号。

    获取body和html元素

    获取body 元素

    var bodyEle = document.body;
console.log(bodyEle);

    获取html元素

    var htmlEle = document.ducomentElement;
console.log(htmlEle);

    事件基础

    JavaScript使我们有能力创建页面，而事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript的事件。

    事件由三部分组成，分别为事件源、事件类型和事件处理程序。也称为事件三要素。

    事件源：事件被触发的对象。

    var btn =document.getElementById('btn');

    事件类型：如何触发，比如鼠标经过还是鼠标点击。

    事件处理程序：通过一个函数赋值的方式完成。

    <button id="btn">
    按钮
button>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
    alert('你点击了按钮');
}
script>

    点击按钮，则会弹出“你点击了按钮”的提示框。

    执行事件的步骤：

    1. 获取事件源
2. 注册事件（绑定事件）
3. 添加事件处理程序

    操作元素

    JavaScript的DOM操作可以改变网页内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。

    改变元素的内容

    element.innerText从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉

    element.innerHTML起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行。

    innerText不识别HTML标签，innerHTML识别HTML标签。这两个属性是可读写的。

    <body>
    <button>
        显示系统当前时间
    button>
    <div>
        某个时间
    div>
    <script>
    	var btn = document.querySelector('button');
        var div = document.querySelector('div');
        btn.onclick = function(){
            div.innerText = getDate();
        }
        
        function getDate(){
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth()+1;
            var dates = date.getDate();
            var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
            var day = date.getDay();
            return '今天是'+year+'年'+month+'月'+dates+'日'+arr[day];
        }
    script>
body>

    JavaScript（JS）获取元素、改变元素的内容、修改属性_第2张图片

    运行后，显示某个时间，当点击显示系统当前时间即可显示进当前的日期及星期。

    JavaScript（JS）获取元素、改变元素的内容、修改属性_第3张图片

    修改元素的属性
    <body>
    <button id="ldh">
        刘德华
    button>
    <button id="zxy">
        张学友
    button>
    <img src="images/ldh.jpg" alt="" title="刘德华">
    
    <script>
        //获取元素属性
    	var ldh = document.getElementById('ldh');
        var zxy = document.getElementById('zxy');
        var img = document.querySelector('img');
        
        //注册事件   处理程序
        zxy.onclick =function(){
            img.src = 'images/zxy.jpg';
            img.title ='张学友';
        }
        ldh.onclick = function(){
            img.src = 'images/ldh.jpg';
            img.title = '刘德华';
        }
    script>
body>

    运行程序出现两个按钮"刘德华"，"张学友"和一张刘德华的图片，点击张学友，图片变成张学友的图片，鼠标放上面显示张学友，点击刘德华，图片变成刘德华的图片，鼠标放上面显示刘德华。

    修改表单属性
    <body>
    <button>
        按钮
    button>
    <input type="text" value="输入内容">
    <script>
    	var btn = document.querySelector('button');
        var input = document.querySelector('input');
        btn.onclick = function(){
            input.value = '被点击了';
            this.disabled = true;
        }
    script>
body>

    在这里插入图片描述

    程序运行后，显示按钮和输入内容的文本框，点击按钮后，按钮会变成无法再次点击的样式，文本框里面内容会进行更改。

    在这里插入图片描述

    修改样式属性

    element.style修改行内式操作，element.className修改类名样式属性

    <head>
	<style>
        div {
            width:200px;
            height:200px;
            background-color:pink;
        }
	style>
head>
<body>
    <div>
        
    div>
    <script>
    	var div = document.quertSelector('div');
        div.onclick = function(){
         this.style.backgroundColor = 'purple';
         this.style.width='300px';
        }

    script>
body>

    程序运行后，出现一个宽高均为200像素的粉红色盒子，点击盒子，变成宽300像素高200像素的紫色盒子。JS修改style样式操作，产生的是行内样式。

    使用className更改样式属性
    <head>
    <style>
        div {
            width:100px;
            height:100px;
            background-color:pink;
        }
        .change {
            width:200px;
            height:200px;
            background-color:purple;
        }
    style>
head>
<body>
    <div>
       文本    
    div>
    <script>
    	vet test =document.querySelector('div');
        test.onclick = function(){
            //将当前元素的类名改为change
          this.className = 'change';  
        }
    script>
    
body>

    • 你可能感兴趣的:(前端开发,javascript,js)

    • 金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑？ 2501_90699850 金融wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
      要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
    • 亿级分布式系统架构演进实战（五）- 横向扩展（缓存策略设计） power-辰南 java技术架构师成长专栏多级缓存策略springcloud分布式系统缓存一致性高并发缓存问题解决方案
      亿级分布式系统架构演进实战（一）-总体概要亿级分布式系统架构演进实战（二）-横向扩展（服务无状态化）亿级分布式系统架构演进实战（三）-横向扩展（数据库读写分离）亿级分布式系统架构演进实战（四）-横向扩展（负载均衡与弹性伸缩）核心目标降低数据库读压力，提升响应速度一、多级缓存架构客户端CDN/浏览器缓存本地应用缓存分布式缓存数据库缓冲池1.1客户端缓存缓存数据类型：•静态资源（JS/CSS/图片）•
    • 前端面试：[React] Recoil 里面 selector 支持哪些参数？ returnShitBoy 前端面试react.js
      在Recoil中，selector用于派生状态并可以通过传递不同的参数来实现更强大的功能。创建selector时，可以传入以下参数：1.key类型:string描述:是selector的唯一标识符。每个selector和atom都必须有一个唯一的key，否则会抛出错误。这个key用于在Recoil状态树中进行识别。示例：javascriptconstmySelector=selector({key
    • 一个比Fiddler/Charles更好用的免费抓包神器 金丝猴也是猿 httpudphttpswebsocket网络安全网络协议tcp/ip
      Proxyman与Sniffmaster：抓包工具的双剑合璧在当今的网络开发与调试中，抓包工具是不可或缺的利器。无论是前端开发者、后端工程师，还是安全研究人员，都需要通过抓包工具来分析网络请求、调试接口、排查问题。今天，我们将介绍两款强大的抓包工具：Proxyman和Sniffmaster，它们各自拥有独特的功能，能够帮助你在不同的场景下高效完成工作。Proxyman简介Slogan：只是简单地点
    • 使用Three.js渲染器创建炫酷3D场景
      引言在当今数字化的时代，3D图形技术正以其独特的魅力在各个领域掀起波澜。从影视制作到游戏开发，从虚拟现实到网页交互，3D场景以其强烈的视觉冲击力和沉浸式的体验，成为了吸引用户、传达信息的重要手段。而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。本文将深入探讨使用Three.js渲染器创建炫酷3D场景的方方面面，带领读
    • 用Babel操作AST实现JavaScript代码的自动化生成与转换
      目录目录环境搭建代码：修改AST的逻辑重命名函数名重命名变量并修改变量值函数调用替换控制流扁平化还原删除未使用的变量对象属性简化条件表达式优化表达式还原环境搭建安装环境npminstall@babel/parser@babel/traverse@babel/generator@babel/typesast转换的代码框架constfs=require('fs');constvm=require('n
    • 为什么阿里Java规范不建议使用@Autowired AWen_X 言简意赅系列之Springjava开发语言springspringboot后端
      Spring中@Autowired和@Resource的区别1.基本区别特性@Autowired@Resource来源Spring框架提供JSR-250规范提供，Java标准装配顺序优先按类型装配优先按名称装配默认匹配规则默认按类型匹配，可以使用@Qualifier指定名称默认按名称匹配，如果无法匹配则按类型匹配属性required属性可以设置是否必须注入成功name属性可以显式指定bean名称适
    • js原型链与自动装箱机制 CC Cian javascript开发语言ecmascript前端
      目录前言基于原型生成对象修改原型对象构造函数的机制原型对象与原型链原型链相关方法补充1.自动装箱机制2.__proto__的存在原因3.关键区别4.示例验证5.总结前言在如今的主流语言中，大部分语言都是通过类来产生对象但js是基于原型生成对象javapublicclassPerson{privateStringname;privateintage;publicPerson(Stringname,i
    • Java Web开发技术解析：从基础到实践的全栈指南 以恒1 java前端开发语言
      JavaWeb开发技术解析：从基础到实践的全栈指南在互联网技术演进中，JavaWeb凭借其跨平台特性、成熟的生态系统和强大的企业级服务能力，成为构建动态Web应用的核心技术栈。本文从技术组成、开发工具、实战应用三个维度，全面解析JavaWeb的完整技术体系，并结合最新行业实践探讨其演进方向。一、JavaWeb的核心技术组成JavaWeb开发以Servlet和JSP为基石，通过分层架构实现动态网页生
    • LeetCode热题100JS（59/100）第十一天|46|78|17|39|22 Alicesflower LeetCode热题100JSleetcodejavascript算法
      46.全排列题目链接：46.全排列难度：中等刷题状态：2刷新知识：解题过程思考示例1：输入：nums=[1,2,3]输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]题解分析参考题解链接：全排列放下1刷过程/***@param{number[]}nums*@return{number[][]}*///varpermute=function(num
    • python中Flask模块的使用 weixin_30315905 pythonjson
      1.简介在服务器上运行Flask接口，就能使用requests模块获取该接口的值。先运行接口文件，再运行requests文件，即可获取值。2.示例2.1一个简单的flask接口1importjson2fromflaskimportFlask,request34#python类型5data={6'name':'John',7'age':18,8'location':'nanjing'910}1112
    • 计算机专业毕业设计题目推荐（新颖选题）本科计算机人工智能专业相关毕业设计选题大全✅ 会写代码的羊 毕设选题课程设计人工智能毕业设计毕设题目毕业设计题目aiAI编程
      文章目录前言最新毕设选题（建议收藏起来）本科计算机人工智能专业相关的毕业设计选题毕设作品推荐前言2025全新毕业设计项目博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/华为云/阿里云等平台优质作者。技术范围：SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、大数据、机器学习等设计与开发。主要内容：免费功能
    • 计算属性set方法没被执行的原因 伊小小小凡 web前端基础vue.js前端javascript
      计算属性set方法没被执行的原因在Vue.js中，computed属性的set方法通常在计算属性的值被显式设置时执行。然而，在某些情况下，set方法可能不会被执行。以下是这些情况的详细分析：没有显式设置计算属性的值只有在显式地给计算属性赋值时，set方法才会被触发。如果只是读取计算属性的值，set方法不会执行。//定义计算属性computed:{fullName:{get(){returnthis
    • Kafka Connect Node.js Connector 指南 丁操余
      KafkaConnectNode.jsConnector指南kafka-connectequivalenttokafka-connect:wrench:fornodejs:sparkles::turtle::rocket::sparkles:项目地址:https://gitcode.com/gh_mirrors/ka/kafka-connect项目介绍KafkaConnectNode.jsConn
    • Node.js 格式化时间的两种方法：原生 Date 与 npm 包 moment 详解 还是鼠鼠 node.jsnode.jsnpm前端javascriptvscode
      目录Node.js格式化时间的两种做法：内置方法与npm包1.使用JavaScript内置方法格式化时间示例：使用Date对象格式化时间运行程序示例输出原理解析2.使用npm包moment进行时间格式化安装moment示例：使用moment格式化时间运行程序示例输出原理解析3.两种方法的对比4.结论在Node.js开发中，格式化时间是一个常见的需求。例如，将时间格式化为YYYY-MM-DDHH:m
    • 前端解决跨域的几种方案 爱分享的程序员 前端前端
      以下是前端解决跨域问题的7种主流方案，根据应用场景和实现难度排序，附详细实现示例：一、开发环境解决方案1.WebpackDevServer代理（推荐）//vue.config.js/webpack.config.jsmodule.exports={devServer:{proxy:{'/api':{target:'http://backend-domain.com',//后端地址changeOri
    • JavaScript 中的性能优化：从基础到高级技巧 lina_mua 深入javascript性能优化开发语言
      1.引言1.1性能优化的重要性在现代前端开发中，性能优化是提升用户体验的关键。无论是页面加载速度、交互响应时间，还是内存占用，性能优化都能显著提升应用的流畅度和用户满意度。1.2本文的目标本文旨在深入探讨JavaScript中的性能优化，从基础到高级技巧，帮助开发者理解性能优化的核心概念，并掌握其在实际开发中的应用。2.性能优化的基础2.1什么是性能优化？性能优化是指通过改进代码、减少资源消耗、优
    • springboot整合Thymeleaf详解 weiha666 springboot
      Thymeleaf介绍简单说，Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎，它可以完全替代JSP。相较与其他的模板引擎，它有如下三个极吸引人的特点：Thymeleaf在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持html原型，然后在html标签里增加额外的属性来达到模板+数
    • 使用提示词进行信息抽取的实用方法 scaFHIO windowspython
      在大规模语言模型（LLM）中进行信息抽取时，我们不一定需要工具调用功能。通过精心设计的提示词（prompt）可以指导模型输出特定格式的信息，然后对其进行解析以生成结构化数据。这种方法依赖于创建良好的提示词，并将LLM的输出解析为所需的Python对象。技术背景介绍大规模语言模型可以根据提示词生成特定格式的文本。例如，我们可以要求模型以JSON格式输出所需的信息。在信息抽取的场景中，设计良好的提示词
    • JavaScript 模块化语法 import、export详解 qq39138814 javascript开发语言ecmascript
      JavaScript模块化语法import、export详解1.为什么需要模块化？在JavaScript早期，所有代码都是写在一个全局作用域中，这样做的问题是：变量污染：所有变量、函数都是全局的，容易互相干扰。文件依赖管理困难：多个JS文件之间的依赖关系混乱，难以维护。代码复用困难：无法方便地拆分和复用代码。为了解决这些问题，模块化方案应运而生。2.JavaScript模块化的发展2.1早期的模块
    • 从 0 到 1 搭建一个 Web 应用项目：详细步骤与踩坑记录 算法探索者 前端
      一、引言在当今数字化时代，Web应用无处不在。对于开发者而言，掌握从0到1搭建Web应用项目的技能至关重要。本指南将带你逐步完成一个简单Web应用项目的搭建，分享技术选型思路以及在过程中遇到的问题和解决方案，助力你开启Web开发之旅。二、技术选型（一）前端框架：选择React.js。它具有高效的虚拟DOM机制，能够快速更新页面，提升用户体验。同时，React生态系统丰富，有大量现成的组件库和工具可
    • 浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程 码农的时光故事 javascript前端
      一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。这一过程大致分为六个关键步骤：网络请求：通过HTTP/HTTPS协议获取页面资源构建DOM树：解析HTML代码生成文档对象模型样式计算：解析CSS规则并应用到对应元素布局渲染：计算元素位置和尺寸生成渲染树合成优化：将渲染层合并为位图
    • JavaScript对象全解析：从宿主到内置，深入理解对象分类 码农的时光故事 前端javascript
      一、JavaScript对象全景图JavaScript对象系统远比表面看起来复杂，我们可以将其分为以下五大类：类别描述示例宿主对象由运行环境提供的对象（如浏览器中的DOM）window、document固有对象标准规定随运行时自动创建的基础对象Array、Date原生对象通过内置构造器创建的特权对象newArray()、newMap()普通对象用户创建的常规对象{}、newObject()特殊行为
    • 如何快速判断nodejs该项目需要哪个版本的node环境 yuanpan node.js
      在接手一个Node.js项目后，判断该项目需要哪个Node.js版本是非常重要的。以下是一些常见的方法来确定项目所需的Node.js版本：1.检查package.json文件package.json是Node.js项目的核心配置文件，通常会包含项目所需的Node.js版本信息。a.engines字段在package.json中，engines字段用于指定项目所需的Node.js版本。例如：json
    • JS中事件处理机制（秒懂事件委托、事件捕获和事件冒泡） 码农白衣 前端知识JSjavascript前端开发语言
      目录一、概念事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：二、好处事件委托的好处：事件捕获的好处：事件冒泡的好处：三、工作原理事件委托（EventDelegation）：事件捕获（EventCapturing）：事件冒泡（EventBubbling）：四、代码实例1.简单代码实例（事件监听）2.复杂代码实例（简单的待办
    • pear-admin-boot开发框架使用记录（三） 后青春期的诗go 经验分享javaspringbootspringlog4jmybatis
      一、实现部门选择操作用于从组织架构里选择出部门的操作，如开发日志管理模块，创建人新增日志时可以通过选择框选择相应共享的部门。数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码：letdtree=layui.dtree;dtree.renderSe
    • 基于koajsAdmin+mongodb的后台管理快速开发框架安装运行记录 后青春期的诗go 经验分享mongodb数据库node.jsvue.jselementui
      前置操作下载源码源码地址：https://gitee.com/zhoushuigui/koajs-admin安装mongodb数据库并连接安装yarnnpminstallyarn-g安装nodemonnpminstallnodemon-g前端运行安装依赖进入项目根目录，在命令行执行如下命令安装依赖：yarn--registry=https://registry.npmmirror.com启动服务y
    • ROS CDK魔法书：建立你的游戏王国（JavaScript篇） 阿里云CloudOps 资源编排ROS游戏javascript开发语言阿里云ROSCDK
      引言在虚拟游戏的世界里，数字化的乐趣如同流动的音符，谱写着无数玩家的共同回忆。而在这片充满创意与冒险的乐园中，您的使命就是将独特的游戏体验与丰富的技术知识相结合，打造出令人难以忘怀的作品。当面对如何实现这一宏伟蓝图时，您或许会想：如何将一款简单而富有趣味的游戏部署到云端，使更多玩家共享这份乐趣？别担心，现在您手中握有一把开启无限可能的大门钥匙——阿里云资源编排服务（ResourceOrchestr
    • leetcode刷题（javaScript）——栈、单调栈相关场景题总结 三月的一天 Leetcode刷题技巧总结javascriptleetcodelinux
      在LeetCode刷题中，栈是一个常用的数据结构，可以帮助解决很多问题。以下是一些需要使用栈的方法，以及单调栈的应用场景：栈的使用技巧：栈常用于解决与括号匹配相关的问题，如括号序列的有效性、最长有效括号等。栈也常用于解决逆波兰表达式、表达式求值等与计算相关的问题。栈可以用于解决深度优先搜索（DFS）中的回溯问题，如组合、排列等。栈还可以用于解决某些需要“后进先出”（LIFO）特性的问题，如某些遍历
    • 【ai】mocap：conda 安装python3.8+ cuda+ pytorch+torchaudio、torchvision 等风来不如迎风去 AI入门与实战人工智能ubuntuconda
      MotionCapubuntu18.04不知道为啥会依赖于ffmpeg、xorg渲染？安装pytorch就是会带上cudacudnn啥的pytorch【ai】tx2nx：安装torch、torchvisionforyolov5这里就发现pytorch和torchvision有依赖关系的，还涉及到rapidjson所以python的环境隔离很重要。核心库-cudatoolkit=11.3-pytor
    • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
      微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
    • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
              今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
    • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
          转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
    • Unix(3) 18289753290 unix ksh
      1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
    • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
      ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
    • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
      http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
    • 关于Java继承的一个小问题。。。 随便小屋 java
      今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
    • 23种基本的设计模式 aijuans 设计模式
      Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
    • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
      从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
    • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
        一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
    • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
              jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
    • 淘宝开放平台TOP Bill_chen C++c物流C#
      淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
    • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
      大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
    • eclipse插件hibernate tools安装 白糖_ Hibernate
      eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
    • Jquery easyui Form表单提交注意事项 bozch jquery easyui
      jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
    • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
      import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
    • html css 鼠标形状样式汇总 chenbowen00 htmlcss
      css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
    • [IT与投资]IT投资的几个原则 comsci it
            无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
    • oracle with语句详解 daizj oraclewithwith as
      oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
    • hbase的简单操作 deng520159 数据库hbase
      近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
    • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
      /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
    • 2015越来越好 dcj3sjt126com 歌曲
      越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
    • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
      数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
    • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
      Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
    • mysql中blob,text字段的合成索引 jackyrong mysql
        在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
    • 逻辑运算与移位运算 latty 位运算逻辑运算
      源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
    • 利用XSD 验证XML文件 newerdragon javaxmlxsd
      XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
    • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
      （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
    • Learn Nodejs 01 toknowme nodejs
      （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
    • jquery控制自动刷新的代码举例 xp9802 jquery
      1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他