Cyan青
Cyan青

暑期学JavaScript【第五天】

BOM

Browser Object Model， 浏览器对象模型
暑期学JavaScript【第五天】_第1张图片
DOM是BOM的一部分

1.navigator
用于判断当前的用户端。
用navigator.userAgent获取
2. location

	location.href = 'www.baidu.com'， 赋值后，执行直接跳转到百度
	location.search;	获取地址中?后面部分
	location.hash;	获取地址中#后面部分
	location.reload();	刷新页面 == f5, 参数如果加入true， 等效于强制刷新 ctrl + f5

3.history
可以实现前进、后退功能

history.back()
history.forward()
history.go()	// 1, -1效果等同前二者

JS的执行机制

JS是单线程的语言。为了实现多线程，JS借助浏览
器实现了伪多线程。
暑期学JavaScript【第五天】_第2张图片
暑期学JavaScript【第五天】_第3张图片
event loop: 主程序执行完后，浏览器去任务队列查看是否有就绪的任务，如果有将其调入主程序，再依次执行，构成循环。
暑期学JavaScript【第五天】_第4张图片

定时器函数

setTimeout(fn, number)。跟setInterval()一样使用，不过不会重复倒计时。

本地存储

通过浏览器生成本地小仓库。不同浏览器之间数据不共享。使用键值对的方式进行存储。
暑期学JavaScript【第五天】_第5张图片

  • 常用方法
localStorage.setItem(key, value)	//若存在则更新
localStorage.getItem(key)
localStorage.removeItem(key)
  • 存储引用数据类型（对象，数组）
    对象无法直接转为字符串存入仓库，需要通过JSON转化为对应格式的字符串或者将字符串解析位对象。
JSON.stringify(obj)
JSON.parse(JSON字符串)

数组的map()，join()

  • map()
    自动遍历数组，对每一次遍历调用回调函数，最好有返回值来生成新数组。
const newArr = arr.map(function(elem,index){
	console.log(elem)
	console.log(index)
	return elem + 'haha'
})
  • join()
    拼接字符串
let str = arr.join('')	//用''来拼接数组中的每一个元素

案例

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生就业统计表title>
head>
<style>
    * {
        margin: 0 auto;
        padding: 0 0;
    }

    .box {
        width: 800px;
        /* background-color: aquamarine; */
    }

    .box h1,
    table,
    form {

        text-align: center;
    }

    .tip {
        width: 100%;
        height: 30px;
        text-align: right;
        line-height: 30px;
        background-color: #f2f2f2;
        margin: 20px 0 5px 0;
    }

    .tip i {
        font-style: normal;
        color: #a57968;
    }

    input,
    select {
        width: 80px;
        margin: 0 5px;
        text-align: left;
    }

    table {
        width: 100%;
        flex-basis: 0;
        border-collapse: collapse;
        border: 1px solid #f2f2f2;
    }

    a {
        text-decoration: none;
        display: inline-block;
        width: 40px;
        color: white;
        background-color: #ef6a3a;
    }

    th,
    td {
        border: 1px solid #f2f2f2;
    }

    h1 {
        margin-bottom: 20px;
    }
style>

<body>
    <div class="box">
        <h1>就业统计表h1>
        <form action="" class="info">
            <input type="text" placeholder="姓名" id="name">
            <input type="text" placeholder="年龄" id="age">
            <input type="text" placeholder="薪资" id="salary">
            <select name="性别" id="sex">
                <option value="男">男option>
                <option value="女">女option>
            select>
            <select name="城市" id="city">
                <option value="北京">北京option>
                <option value="上海">上海option>
            select>
            <button>⊕添加button>
        form>
        <div class="tip">
            共有数据<i>1i>条
        div>
        <table>
            <thead>
                <tr>
                    <th>IDth>
                    <th>姓名th>
                    <th>年龄th>
                    <th>性别th>
                    <th>薪资th>
                    <th>就业城市th>
                    <th>录入时间th>
                    <th>操作th>
                tr>
            thead>
            <tbody>

            tbody>
        table>
    div>
body>
<script>
    // 判断 arr idx 是否存在
    window.addEventListener('load', function () {
        // 获取信息
        const btn = document.querySelector('button')
        const form = document.querySelector('form')
        const tbody = document.querySelector('tbody')
        const stuName = document.querySelector('#name')
        const stuAge = document.querySelector('#age')
        const stuSalary = document.querySelector('#salary')
        const stuSex = document.querySelector('#sex')
        const stuCity = document.querySelector('#city')
        const tip_i = document.querySelector('.tip i')
        if (localStorage.getItem('arr') === null)
            localStorage.setItem('arr', JSON.stringify([]))
        if (localStorage.getItem('idx') === null)
            localStorage.setItem('idx', 0)
        // 打开时渲染
        let arr = JSON.parse(localStorage.getItem('arr'))
        render(arr)
        //-----------------
        form.addEventListener('submit', function (e) {
            e.preventDefault()
            // 检查
            if (!stuName.value || !stuAge || !stuSalary) {

                return alert('请完善信息')
            }
            // 提取数据
            let idx = +localStorage.getItem('idx')
            let arr = JSON.parse(localStorage.getItem('arr'))
            // 创建对象
            let obj = {}
            obj.id = ++idx
            obj.name = stuName.value
            obj.age = stuAge.value
            obj.salary = stuSalary.value
            obj.sex = stuSex.value
            obj.city = stuCity.value
            obj.date = (new Date()).toLocaleString()
            // 加入数组
            localStorage.setItem(idx, JSON.stringify(obj))
            arr.push(idx)
            // 更新数组与下标
            localStorage.setItem('arr', JSON.stringify(arr))
            localStorage.setItem('idx', idx)
            // 渲染
            render(arr)
            form.reset()
        })
        // 2. 渲染函数 因为增加和删除都需要渲染
        function render(arr) {
            // 先清空tbody 以前的行 ，把最新数组里面的数据渲染完毕 
            tbody.innerHTML = ''
            // 遍历arr数组
            for (let i = 0; i < arr.length; i++) {
                // 生成 tr 
                const tr = document.createElement('tr')
                const obj = JSON.parse(localStorage.getItem(arr[i]))
                tr.innerHTML = `
                ${obj.id}
                ${obj.name}
                ${obj.age}
                ${obj.sex}
                ${obj.salary}
                ${obj.city}
                ${obj.date}
                
                    ${i}>删除
                
                `
                // 追加元素  父元素.appendChild(子元素)
                tbody.appendChild(tr)
                tip_i.innerHTML = arr.length
            }
        }
        tbody.addEventListener('click', function (e) {
            if (e.target.tagName === 'A') {
                // 提取数据
                if (confirm('您确定要删除这条数据吗？')) {
                    let arr = JSON.parse(localStorage.getItem('arr'))
                    let j = e.target.dataset.id
                    console.log(arr);
                    localStorage.removeItem(arr[j])
                    arr.splice(j, 1)
                    console.log(arr);
                    localStorage.setItem('arr', JSON.stringify(arr))
                    render(arr)
                }

            }
        })
    })

script>

html>

你可能感兴趣的:(JavaScript,javascript,开发语言,ecmascript)

  • JavaScript对象 yeyang111
    1.varfram={framer:'小明',dogs:["小兔","小猫"],field:[2,3,4]}六角学院截图.png2.向对象里边增加varfram={framer1:'小明',dogs:["小兔","小猫"],field:[2,3,4]}fram.framer2='小蕴'可以在控制台发现增加了一个0X7M8BN7.png3.像对象里边增加函数（方法）varfram={framer1:
  • 标题：深入理解 JavaScript 中的定时器 小刘| javascript前端开发语言
    目录一、定时器的基本概念1.setInterval2.setTimeout二、代码示例分析一、定时器的基本概念在JavaScript中，定时器是一种用于在特定时间间隔后执行代码或者重复执行代码的机制。主要包含两种类型的定时器：setInterval和setTimeout。1.setIntervalsetInterval()是一个周期函数，它会在指定的时间间隔后，重复执行指定的函数。例如：vari=
  • js函数eval() 温暖前端 javascript前端开发语言
    1.eval()函数简介eval()是JavaScript中的一个全局函数，它可以将传入的字符串当作JavaScript代码来执行。eval()函数的基本语法如下：eval(string)其中，string是要执行的JavaScript代码字符串。eval()函数会返回最后一个表达式的结果。2.eval()的工作原理当调用eval()函数时，JavaScript解释器会执行以下步骤：a.解析传入的
  • JavaScript之OOP基础概念学习总结一：scopes gaoshu883
    这个系列的文章是去年在搭架完静态博客后撰写的（博客已经不再维护啦，哦还能访问）↓最近在探究JavaScript中的scopes概念。经过一番研究，我觉得要从Interpreter的角度，才能更好地理解这个概念。毕竟程序员主要是编写指令，而Interpreter则是把程序员编写的代码一行一行读下去并翻译出来（执行出来），最终结果就会直接反映在Web浏览器的页面上。不过还要注意的是，并不是所有的sco
  • Puppeteer Heap Snapshot: 探索JavaScript内存世界的利器 金畏战Goddard
    PuppeteerHeapSnapshot:探索JavaScript内存世界的利器puppeteer-heap-snapshotadriancooney/puppeteer-heap-snapshot:puppeteer-heap-snapshot是一个Node.js包，提供了通过Puppeteer获取浏览器内存堆快照的功能，以辅助JavaScript应用的内存泄漏检测和性能优化工作。项目地址:h
  • Puppeteer-Sign：自动化网页签名解决方案 杭臣磊Sibley
    Puppeteer-Sign：自动化网页签名解决方案项目简介是一个基于谷歌的Puppeteer库开发的工具，用于自动化处理网页表单的签名过程。它模拟了真实用户的交互行为，可以用于需要电子签名的各种场景，比如在线合同签署、文档审批等。项目以JavaScript编写，易于集成到Web应用或者CI/CD流程中。技术分析Puppeteer库Puppeteer是由GoogleChrome团队维护的一个Nod
  • 2019-12-18：第五章：引用类型（Object和Arrary） Lau17
    引用类型的值是引用类型的实例。在ECMAScript中，引用类型是一种数据结构，它通常将功能于数据组合在一起。有人将他称之为类，但这并不妥当。因为它不具有传统面向对象语言中类所支持的类和接口等基本定义。引用类型经常被称作对象定义。原因是他们描述的是一类对象所具有的属性于方法。一个真正的对象实际上是某个特定引用类型的实例化。对象被new操作符+构造函数创造，再将其赋给一个引用类型的变量。举个例子：v
  • 判断PDF与图片是否可以预览 马优晨 判断PDF是否可以预览判断图片是否可以预览PDF是否可以预览图片是否可以预览js判断PDF是否可以预览
    一、判断图片是否可以预览在JavaScript中，可以使用Image对象来判断一个图片URL是否可以访问。如果图片可以被加载，那么load事件会被触发；如果图片无法访问，error事件会被触发。functioncheckImageAccessibility(url,callback){varimg=newImage();img.onload=function(){callback(true);//
  • jswebrtc 支持 SRS 的 Webrtc 播放器 王小工 前端webrtcjs
    WebRTCWebRTC（WebReal-TimeCommunication）是一项实时通讯技术，它允许网络应用或站点在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流、音频流或其他任意数据的传输。WebRTC整体架构从上到下一共分为三层：WebAPI层：暴露给开发人员的用于开发WebRTC应用的JavaScriptAPI，如RTCPeerConnecti
  • ECMAScript简介 老四点COM ecmascript前端开发语言
    前言ECMAScript（通常简称为ES）由ECMA国际标准化组织制定的一种脚本语言标准，Netscape最初开发的JavaScript演变而来。ECMAScript为JavaScript提供了基础语言结构和功能。最初设计成一种脚本语言，用来服务Web。作为脚本语言ES同时具备其他脚本语言一样的性质。一、发展历史ECMAScript的历史可以追溯到1995年12月，当时升阳与网景联合推出了Java
  • JS中const有没有变量提升 北原_春希 javascript前端开发语言
    在JavaScript中，const关键字用于声明一个只读的常量，其值在初始化后不能被重新赋值。关于变量提升（Hoisting），它是JavaScript中一个重要的概念，指的是无论变量或函数声明在何处，它们都会被“提升”到其所在作用域的最顶部。但是，这个规则不完全适用于const和let声明的变量。变量提升（Hoisting）的传统理解在ES6之前，JavaScript只有var关键字用于声明变
  • js知识总结 软件技术NINI jsjavascriptvue.js前端
    JavaScript（JS）是一种广泛使用的编程语言，主要用于网页开发，但也适用于非浏览器环境（如Node.js）。它支持面向对象、命令式、声明式（如通过函数式编程）和事件驱动式编程风格。以下是对JavaScript核心知识的一个总结：1.基础语法变量：使用var、let、const声明变量。let和const具有块级作用域，而var具有函数作用域或全局作用域。数据类型：包括原始类型（如Strin
  • Springboot+vue.js+协同过滤推荐+余弦相似度算法实现新闻推荐系统 计算机程序优异哥
    针对海量的新闻资讯数据，如何快速的根据用户的检索需要，完成符合用户阅读需求的新闻资讯推荐？本篇文章主要采用余弦相似度及基于用户协同过滤算法实现新闻推荐，通过余弦相似度算法完成针对不同新闻数据之间的相似性计算，实现分类标签。通过协同过滤算法发现具备相似阅读习惯的用户，展开个性化推荐。本次新闻推荐系统：主要包含技术：springboot，mybatis，mysql，javascript，vue.js，
  • Macaca 面向多端的自动化测试工具基于Python搭建详解 --Android、IOS搭建步骤 丢丢是一只喵 自动化测试自动化测试androidiospythonmacaca
    Macaca是一套完整的自动化测试解决方案。同时支持多端Android、iOS、web、桌面浏览器运行，并且提供标准化的驱动层。多语言支持：支持node.js、Java、python。官方地址：https://macacajs.com/zh/这次选取Python作为开发语言主要是因为Python扩展能力强，便于开发。InstallMacacaonMac安装/更新node$node-v清理npm缓存
  • Dojo-CodeLab: JavaScript与Dojo框架学习与实践指南 陈马登Morden
    本文还有配套的精品资源，点击获取简介：Dojo-CodeLab是一个提供学习和实践JavaScript及其Dojo框架的项目，专注于为初学者提供无需特定环境限制的编程平台。通过开发一个简单的计算器应用，学习者将掌握JavaScript基础语法和Dojo工具集的使用，涵盖变量、数据类型、控制结构、函数、对象、数学运算、事件处理和DOM操作等关键概念。本项目通过实际编码练习帮助学习者加深对前端开发的理
  • Qt Creator morcake qt开发语言
    QtCreator是一个跨平台的C++、JavaScript和QML集成开发环境，它简化了GUI应用的开发。支持用户在Linux、Mac以及Windows系统上使用，它是QtGUI应用开发框架的SDK的一部分。该编辑器具有语法高亮和自动补全等功能。Qt（/ˈkjuːt/，发音同“cute”[4][5][6]）是一个跨平台的C++应用程序开发框架。广泛用于开发GUI程序，这种情况下又被称为部件工具箱
  • ES6至ES2023：深入理解ECMAScript的演变之路 N201871643 热门相关技术分享ecmascriptes6前端
    ES6至ES2023：深入理解ECMAScript的演变之路目录ES6至ES2023：深入理解ECMAScript的演变之路一、ECMAScript简介二、ES6：里程碑式的版本1.类语法2.模块化3.箭头函数4.承诺5.Set和Map三、ES7至ES12：稳步前进1.ES7（ES2016美）2.ES8（ES2017美）3.ES9（ES2018英）4、ES10（ES2019美）5.ES11（ES2
  • Yarn：一个快速、可靠且安全的JavaScript包管理工具 小周不想卷 #前端node.js入门yarn
    (创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，还请三连支持一波哇ヾ(＠^∇^＠)ノ）目录一、Yarn简介二、Yarn的安装1.使用npm安装Yarn2.在macOS上使用Homebrew安装Yarn3.在Windows上使用Chocolatey安装Yarn4.在Linux上使用包管理器安装Yarn三、Yarn的配置1.全局配置2.项目配置四、Yarn的基本用法1.初始化
  • JSON：轻量级的数据交换格式 Tsingfeng. 基础释疑json
    JSON（JavaScriptObjectNotation,JS对象简谱）是一种轻量级的数据交换格式。它基于ECMAScript（EuropeanComputerManufacturersAssociation,欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生
  • 【华为OD统一考试B卷 | 100分】 快递运输（C++ Java JavaScript Python） 她与残局皆遗憾.. 图灵学院java架构开发语言
    华为OD统一考试A卷+B卷新题库说明2023年5月份，华为官方已经将的2022/0223Q(1/2/3/4)统一修改为OD统一考试（A卷）和OD统一考试（B卷）。你收到的链接上面会标注A卷还是B卷。请注意：根据反馈，目前大部分收到的都是B卷。但是仍有概率抽到A卷。A卷对应2023的新题库（2022Q420223Q1）B卷对应20022部分考题以及新出的题目专栏：2023华为OD机试(A卷+B卷)（
  • JavaScript Promise 我是一个粉刷酱
    浏览器支持推荐使用Chrome以及Firefox浏览器开局放图，忍不住吐槽一下----垃圾IE！！。什么是PromiseThePromiseobjectrepresentstheeventualcompletion(orfailure)ofanasynchronousoperation,anditsresultingvalue.Promise对象表示异步操作的最终完成（或失败）及其结果值。也就是说
  • 探索 PubSubJS：高效的消息发布/订阅库 甄如冰Lea
    探索PubSubJS：高效的消息发布/订阅库PubSubJSDependencyfreepublish/subscribeforJavaScript项目地址:https://gitcode.com/gh_mirrors/pu/PubSubJS在现代前端开发中，组件间的通信是一个常见且重要的问题。PubSubJS是一个基于JavaScript的轻量级、高效的消息发布/订阅库，它通过主题（topic）
  • JavaScript设计模式(装饰器模式) Wsr_ecc6
    1.装饰器模式的定义在不改变其原有的结构和功能为对象添加新功能。classCoffee{make(water){return`${water}+咖啡`;}cost(){return10;}}classMilkCoffee{constructor(parent){this.parent=parent;}make(water){return`${this.parent.make(water)}+牛奶`
  • web前端，JavaScript字符串和数组，练习题:邮箱格式是否正确，登录名和密码格式是否正确 奔向我
    length属性，返回的是字符串的长度indexOf（）方法用于获取字符串中返回指定字符串第一次出现的位置（注意:索引从0开始，找不到返回-1）indexOf（）方法是从数组中检查指定数据的位置（从后往前找第一个），不存在返回-1includes（）方法，从数组中检查指定的数据是否存在，存在返回true,不存在返回falsepush（）方法，向数组的末尾添加一个或更多的元素，并返回新的长度spli
  • runoob js第三天 似是懂
    JavaScript比较和逻辑运算符比较和逻辑运算符用于测试true或者false。比较运算符x=5，下面的表格解释了比较运算符：运算符描述比较返回值==等于x==8falsex==5true===绝对等于x==="5"false（值和类型均相等)x===5true!=不等于x!=8true!==不绝对等于x!=="5"true（值和类型有一个不相等，或两个都不相等）x!==5false>大于x>
  • 打造实时双人答题对决——WebSocket与JS的完美搭档 8tydegrees websocketwebsocketjavascript网络协议
    本文使用WebSocket+JS实现简单实时双人协同pk答题引入在实时双人PK答题应用中，前端主要负责与WebSocket服务器的交云通信，实现实时互动功能。通过JavaScript建立WebSocket连接后，前端将发送和接收消息以实现玩家匹配、题目显示、答题、分数更新和游戏结束等功能。在用户界面上，通过监听点击事件来触发匹配对手、提交答案和结束游戏的操作，同时动态更新UI以反映游戏状态的变化。
  • JavaScript基础 不蒸馒头曾口气 Vuejavascript开发语言前端学习笔记
    1JavaScript介绍1.1JS简介1.JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用——网页特效（监听用户的一些行为，让网页作出对应的反馈，如轮播图、下拉菜单等）——表单验证（针对表单数据的合法性进行判断，如输入邮箱的判断）——数据交互（后台的数据，渲染到前端）——服务端编程（node.js）3.JavaScript的组成ECMAScript:(js的
  • Github 2024-09-08 php开源项目日报 Top10 老孙正经胡说 githubphp开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-09-08统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量PHP项目10TypeScript项目1JavaScript项目1Laravel:以优雅语法简化Web开发创建周期：4028天开发语言：PHP协议类型：MITLicenseStar数量：30824个Fork数量：10526次关注人数：30824人贡献
  • JavaScript使用高德API显示地图 网络点点滴 JavaScriptjavascript开发语言ecmascript
    前言在JavaScript中，使用Leaflet库显示地图是一种常见的做法。Leaflet是一个开源的JavaScript库，用于在Web应用程序中创建互动地图。它非常轻量级，易于使用，并且提供了多种功能，使开发者能够轻松地将地图集成到他们的项目中。本次我们使用高德地图API来显示我们的地图，其实所有的大概都大差不差如何使用？准备-入门-教程-地图JSAPI1.4|高德地图API(amap.com
  • C语言贪吃蛇(坤)(全解注释-手把手教会) ZARD996 c语言数据结构
    00简介:0.1:演示:0.2:游戏说明:玩家通过右方的方向键和加速键来控制贪吃坤吃到随机刷新的篮球来尽可能增长贪吃坤的体长,增加分数。1.项目说明:1.1项目主题:本项目的主题是创建一个基于C语言的贪吃蛇游戏，运用双向循环链表来管理蛇的身体节点，实现蛇体的灵活移动。同时，通过碰撞检测机制，让蛇在游戏中与食物、墙壁及自身进行互动，实现游戏的核心逻辑。1.2技术实现:项目采用C语言作为开发语言，整个
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他