Ethanzyc
Ethanzyc

ES6 中的面向对象

面向对象

ES6 之前的传统的对象看这篇吧——js 笔记，ES6出来之后，官方提供了面向对象的写法。看代码吧

class Person{
  constructor(name,age,address) {
    this.name = name;
    this.age = age;
    this.address = address;
  }

  introduce() {
    console.log(`大家好，我叫${this.name}，今年${this.age}岁，家在${this.address}`);
  }
}

class Student extends Person{
  constructor(name,age,address,major) {
    super(name,age,address);
    this.major = major;
  }

  introduce() {
    console.log(`大家好，我叫${this.name}，今年${this.age}岁，家在${this.address}， 专业是${this.major}`);
  }
}

let person = new Person('ethan', 24, '包邮区');
person.introduce();  // 大家好，我叫ethan，今年24岁，家在包邮区

let student = new Student('zyc', 18, '南京', '车辆工程');
student.introduce(); // 大家好，我叫zyc，今年18岁，家在南京， 专业是车辆工程

上面定义了一个 Person 类，又定义了一个继承 Person 类的 Student 类，很明显方便了很多。

bind()

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    window.onload = () => {
      class Person{
        constructor(name,age,address) {
          this.name = name;
          this.age = age;
          this.address = address;
        }

        introduce() {
          console.log(`大家好，我叫${this.name}，今年${this.age}岁，家在${this.address}`);
        }
      }

      let person = new Person('ethan', 24, '包邮区');
      
      // document.onclick = person.introduce; // 大家好，我叫undefined，今年undefined岁，家在undefined

      document.onclick = person.introduce.bind(person); // 大家好，我叫ethan，今年24岁，家在包邮区
    }
  </script>
</head>
<body>
  
</body>
</html>

可以看到，如果直接给 onclick 一个方法，但现在方法中的 this 指向调用它的 document，所以都是 undefined。所以需要给他绑定一个对象，这里绑定的是 person，就能正常输出了。bind(obj)的作用就相当于把调用它的函数内部的 this 赋值为 obj，即 this = obj。

还有一点需要注意的就是箭头函数的 this 和普通函数的 this 指代的会有所不同：

  • 箭头函数：根据所在的环境
  • 普通函数：根据调用的对象

看如下代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    window.onload = () => {
      let b = {
        aa: 'aaa'
      }
      
      b.arrFunc = () => {
        console.log(this);
      }
      b.func = function () {
        console.log(this);
      }

      b.arrFunc(); // b {...}
      b.func();    // Window{...}
    }
  </script>
</head>
<body>
  
</body>
</html>

你可能感兴趣的:(前端)

  • 前端框架中 HTML 的应用技巧：React、Vue、Angular 深度解析 吴师兄大模型 前端框架htmlreact.jsVueAngularHTML5编程
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 聊聊vscode配置settings.json知其所以然（附大量配置） 星野睡不醒 Webvscodejssettings.jsonwebfe
    前言vscode的配置settings.json是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题：⚠️配了某项但是不知道他的作用⚠️其实就是一个知其所以然的问题。籍此话题，本文将细致的分析我的settings.json，希冀可以给读者带来一些帮助。正文以下部分插件的配置来自于：《前端web开发高效vscode插件分享（辩证的海量实战检验）》中提到过的插件。自
  • java使用react_基于JVM使用React.js和Spring Boot建立同构的Web应用 tarv java使用react
    这是一个展示如何使用Java的SpringBoot实现预渲染前端MVC(MVC-frontend)的同构Web应用开源项目：winterbe/spring-react-example·GitHub所谓同构Isomorphic应用是指Javacript在客户端和服务器端同时运行，后端和前端同享相同的代码。传统Web应用是在服务器端产生HTML，然后发往客户端，后来这被客户端MVC改变如Angular
  • 前端的深拷贝和浅拷贝_详解浅拷贝和深拷贝 weixin_39661353 前端的深拷贝和浅拷贝
    #JavaScript浅拷贝和深拷贝[TOC]##JavaScript的两种变量类型JavaScript变量的类型分为两种，基本类型和引用类型，其中基本类型是指简单的数据段，有5种：Undefined、Null、Boolean、Number和String引用类型是指可能有多个值构成的对象，一般为：Object,Array,function等为什么要先说变量类型呢，是因为基本类型是按值访问的，不会影
  • 前端的深拷贝和浅拷贝_前端 深拷贝和浅拷贝 weixin_39614060 前端的深拷贝和浅拷贝
    js的数据类型分为两种，基本类型和引用类型基本类型值(数值、布尔值、字符串、null和undefined)：指的是保存在栈内存中的简单数据段。引用类型值(对象、数组、函数、正则)：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象。在复制变量中，对于基本类型来说，两者是互不影响的。varnum=1varobj=numvarobj=3//
  • React学习笔记 26:28 Reactreact.js学习笔记
    1、React初步认识React构建Web和原生交互界面的库，相较于其它前端框架的优势，具有丰富的生态跨平台支持。1.1、React的开发依赖开发React必须依赖三个库：react：包含react所必须的核心代码；react-dom：react渲染在不同平台所需要的核心代码；babel：将jsx转换成React代码的工具；1.2、VSCode代码片段我们在前面练习React的过程中，有些代码片段
  • 【前端基础】——浅拷贝和深拷贝 Array[林] 前端——JavaScript前端前端javascript
    文章目录浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝深拷贝数据类型的值传递和地址传递浅拷贝实现的具体方式数字方法slice()Object.assignfor...in...深拷贝的具体实现JSON.parse(JSON.stringify())递归浅拷贝和深拷贝浅拷贝和深拷贝的定义浅拷贝浅拷贝对内存地址的复制，让目标对象指针和源对象指向同一片内存空间。深拷贝深拷贝是指拷贝对象的具体内容，其内存地址是
  • 前端项目技术点总结：React项目创建 jimson_zhu 前端react.jsjavascript
    （一）webpack基本使用和配置项目初始化；安装webpack和其脚手架webpack-cli；新建webpack.config.js文件，并且配置；安装插件html-webpack-plugin，并且配置；安装webpack-dev-server，配置热启动；安装对应loader（css，js，图片等等）；创建webpack.config.js，配置入口、出口、插件和loader；然后在pac
  • 前端实现浅拷贝和深拷贝的方法 Lucky_girl_wan 记录vue.js前端javascript
    浅拷贝就是指对象复制的时候只复制一层，当源对象的数据改变时，新的对象的数据也会改变深拷贝是指复制对象的所有层级，当源对象的数据改变时，新的对象的数据不会改变1.JSON.parse(JSON.stringify())既可以拷贝数组也可以拷贝对象不可以拷贝函数（深拷贝）letarr1=[1,2,false,{a:1}]letarr2=JSON.parse(JSON.stringify(arr_1))
  • intra-mart实现简易登录页面笔记 追逐梦想永不停 笔记
    一、前言最近在学习intra-mart框架，在此总结下笔记。intra-mart是一个前后端不分离的框架，开发时主要用的就是xml、html、js这几个文件；xml文件当做配置文件，html当做前端页面文件，js当做后端文件（js里能连接数据库）；所以js文件需要注意，因为算后端文件，其中的语法与前端开发的js有些不太相同（日志打印不能用console.log）。二、代码部分1.路由文件WEB-I
  • 前端 | JavaScript中的reduce方法 酒酿泡芙1217 前端javascript开发语言reduce
    1.什么是reducereduce方法是JavaScript中数组的重要方法之一，用于对数组中的元素进行累积计算。它接收一个回调函数作为参数，并返回一个最终计算结果。reduce在许多场景下都非常有用，比如求和、数组扁平化、对象计数、数据转换等。2.reduce语法2.1语法arr.reduce(callback,initialValue)2.2参数说明callback(accumulator,c
  • Tauri - #005 后端rust调用文件打开对话框获取绝对路径传递给前端 满天飞飞 MyTauriTauri
    文章目录后端rust调用文件打开对话框获取绝对路径传递给前端1目标2步骤2.1main.rs2.2修改tauri.conf.json2.3修改Cargo.toml2.3.1原来的Cargo.toml2.3.2修改后的Cargo.toml2.4修改Greet.vue2.5运行工程后端rust调用文件打开对话框获取绝对路径传递给前端1目标后端rust调用文件打开对话框获取绝对路径。2步骤2.1main
  • 前端大模型入门：编码(Tokenizer)和嵌入(Embedding)解析 大模型玩家 前端embedding产品经理经验分享算法人工智能学习方法
    本文介绍了大规模语言模型（LLM）中的两个核心概念：Tokenizer和Embedding。Tokenizer将文本转换为模型可处理的数字ID，而Embedding则将这些ID转化为能捕捉语义关系的稠密向量。文章通过具体示例和代码展示了两者的实现方法，帮助读者理解其基本原理和应用场景。作者｜想飞的雪糕LLM的核心是通过对语言进行建模来生成自然语言输出或理解输入,两个重要的概念在其中发挥关键作用：T
  • 前端实现ai会话聊天的核心原理三步篇 前端javascript
    本人有幸在业务当中实现了一个ai聊天会话界面，因此在这里总结下实现的经验。原理1:如何实现机器人的流式回复流式回复的效果就像是打字效果一样，当然与打字效果也有差异，那就是打字效果是一个字一个字的接替出现，而流式效果就是在打字效果的基础上一句话或者一个段落那样接替出现。要想实现这个效果，那么就需要请求服务端，服务端通过发消息返回给前端，这就不得不提到fetchEventSourceapi了。fetc
  • 2024前端笔试题（vue2/vue3/react） 字符敲击手 前端面试技能前端javascriptvue.jsreact.js
    一、$HTML，HTTP，web综合问题1、前端需要注意哪些SEO（搜索引擎优化）合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出
  • 前端开发中的“原生模块化”——深入解析ES模块（ESM）的使用与优化 桂月二二 elasticsearch大数据搜索引擎
    随着前端开发技术的不断演进，模块化的概念已不再是新鲜话题。然而，前端开发者仍然面临如何选择和使用模块化工具和规范的问题。近年来，ES模块（ESM，ECMAScriptModules）作为一种原生支持的模块化机制，逐渐成为前端开发的标准。相比传统的CommonJS、AMD等模块化方式，ESM具有更高的性能和更好的兼容性，成为现代前端开发的主流。本文将深入解析ES模块（ESM）的使用方法与优化策略，探
  • 使用Vue.js和C-Lodop实现预览和打印PDF的前端开发 CflfEditor vue.jsc语言pdf前端开发
    在前端开发中，有时候我们需要实现预览和打印PDF文件的功能。本文将介绍如何使用Vue.js和C-Lodop库来实现这样的功能。首先，我们需要安装Vue.js和C-Lodop库。在Vue.js项目中，可以使用npm或者yarn进行安装。打开终端，切换到项目目录，执行以下命令来安装Vue.js：npminstallvue接下来，我们需要下载C-Lodop库并进行配置。C-Lodop是一个用于打印和预览
  • 前端进阶面试-JS面试题(阿里、字节、腾讯、美团面试高频） 2401_84150137 程序员前端面试javascript
    …if(/*异步执行成功*/){resolve(value)}elseif(/*异步执行失败*/){reject(error)}})myPromise.then((value)=>{//成功后调用,使用value值},(error)=>{//失败后调用,获取错误信息error})4.Promise优缺点================================================
  • 前端实现ai会话聊天的核心原理三步篇 前端javascript
    本人有幸在业务当中实现了一个ai聊天会话界面，因此在这里总结下实现的经验。原理1:如何实现机器人的流式回复流式回复的效果就像是打字效果一样，当然与打字效果也有差异，那就是打字效果是一个字一个字的接替出现，而流式效果就是在打字效果的基础上一句话或者一个段落那样接替出现。要想实现这个效果，那么就需要请求服务端，服务端通过发消息返回给前端，这就不得不提到fetchEventSourceapi了。fetc
  • 前端如何防止数据被异常篡改并且复原数据
    每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。所以，最近在做这么一个谷歌扩展插件chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合中文文案排版指北的文本。emmm，什么是排版指南？简单来说它的目的在于统一中文文案、排版的相关用法，降低团队成员之
  • 2025最全计算机毕业设计选题推荐【前后端全栈方向】 大熊计算机毕设 计算机项目推荐论文笔记
    ✅博主介绍：CSDN毕设辅导博主、CSDN认证Java领域优质创作者✅技术范围：主要包括Java、Vue、Python、爬虫、小程序、安卓app、大数据、机器学习等设计与开发。✅主要内容：免费功能设计、开题报告、任务书、功能实现、代码编写、论文编写和辅导、论文降重、答辩答疑辅导。文末有博主名片哦正文本文整理了30个涵盖前端Vue、后端Java或Python的全栈开发选题，适用于各种应用场景，帮助你
  • vue3基于SpringBoot的航空散货调度系统 计算机专业码农一枚 springboot后端java
    目录功能和开发技术介绍具体实现截图开发核心技术介绍：技术创新点vue3和vue2的区别：核心代码部分展示非功能需求分析系统开发流程系统运行步骤软件测试源码获取功能和开发技术介绍本课题拟采用主流的MVC架构、开发工具idea、java语言编程、MySQL数据库技术、Vue.js技术和现代网络通讯技术来完成。1.前后端分离项目，前端使用vue3框架2.后端使用java编程语言的springboot框架
  • Java基于SpringBoot+Vue的航空/集装箱散货调度系统（源码+文档+运行视频+讲解视频） QQ177825331 javaspringbootvue.js
    所需该项目可以在最下面查看联系方式，为防止迷路可以收藏文章，以防后期找不到项目介绍Java基于SpringBoot+Vue的航空/集装箱散货调度系统（源码+文档+运行视频+讲解视频）系统实现截图技术栈介绍JDK版本:jdk1.8+编程语言:java框架支持：springboot数据库:mysql版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：I
  • Android Hook与简单的xposed模块开发实例
    Hook是一种在特定事件或操作发生时插入自定义代码的编程技术。在前端开发中，例如Vue和Angular的生命周期钩子，体现了Hook的机制，允许开发者在组件的不同阶段执行代码，提升代码的模块化和可重用性。AndroidHook与此类似，允许开发者在Android应用程序运行时修改或扩展现有功能。通过拦截方法调用、修改参数或返回值，Hook可用于调试、测试和逆向工程，例如监控应用程序行为、捕获API
  • 【web网页添加天气等插件】-vue3 鹿可夏 vue前端mybatisspringboot
    前言前端页面展示天气、定位、风速等内容一、步骤1在views文件夹下添加weather文件夹，在weather文件夹下再新增weather.vue代码：z{{weatherInfo.area}}|{{weatherInfo.weather}}{{weatherInfo.temperature}}°C|{{weatherInfo.wind_direction}}{{weatherInfo.wind_
  • Vue学习笔记--＞＞基础篇 丑小鸭变黑天鹅 笔记vue
    Vue学习笔记一、Vue核心1、Vue的基本认识1、官网2、介绍3、特点4、与其它前端JS框架的关联5、vue扩展插件2、Vue的基本使用3、理解Vue的MVVM4、模板语法5、计算属性基本使用6、强制绑定class和style7、条件渲染8、列表渲染维护状态数组更新检测9、列表的搜索与排序10、事件处理11、表单数据的自动收集12、Vue生命周期13、过渡和动画1、css过渡2、css动画3、自
  • B站“代码投毒”风波：技术背后的警示 盼达思文体科创 经验分享
    引言在当今数字化的时代，互联网已经深入到我们生活的方方面面，各大互联网平台如同庞大的数字王国，支撑着无数用户的日常需求。哔哩哔哩（B站）作为国内知名的视频弹幕网站，深受广大年轻用户的喜爱，拥有着庞大的用户群体和复杂的技术架构。前端代码作为用户与网站交互的直接界面，其稳定性和安全性至关重要。然而，近日一则令人震惊的消息在网络上引发了轩然大波：B站程序员在前端代码中“投毒”，并且威胁封禁与其争执的用户
  • Joker 前端框架组件的生命周期：深度解析与实践应用 前端框架低代码
    在Joker前端框架的开发体系中，组件的生命周期犹如一颗精准的导航星，指引着开发者构建高效、稳定且富有交互性的应用程序。它完整地涵盖了从组件实例诞生的那一刻起，直至其完成使命被销毁的全过程，每一个阶段都蕴含着独特的意义与功能。一、生命周期：全景扫描当一个组件类被实例化，犹如一颗新星在应用的宇宙中诞生，其生命周期的宏大叙事便徐徐拉开帷幕。此时，组件开始着手渲染自身的视图以及其下属的子视图，这一过程就
  • 前端Vue篇之Vue3响应式：Ref和Reactive 暖阳浅笑-嘿 前端vue.jsjavascript
    目录Vue3响应式：Ref和ReactiveRef和Reactive概述用途Ref基本用法及在setup()中的使用基本用法在setup()中使用``语法为何使用refReactive基本概念及在模板中的使用基本概念在模板中使用Reactive深层响应式与Ref区别为何使用ReactiveRef和Reactive比较和选择性能和适用场景对象的处理局限性和注意事项比较和选择建议Ref和Reactiv
  • 构建动态React作品集：Portfolio-In-React实战指南 yang lebron
    本文还有配套的精品资源，点击获取简介：“Portfolio-In-React”是一个利用React技术构建的个人作品集项目，旨在通过JavaScript库创建一个动态和交互式的在线展示平台。项目使用了React组件化、JSX语法、状态管理、生命周期方法、ReactRouter、CSS-in-JS、响应式设计、状态管理库如Redux、测试与调试、代码优化以及CI/CD实践，涵盖了前端开发的多个关键方
  • 继之前的线程循环加到窗口中运行 3213213333332132 javathreadJFrameJPanel
    之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。 package thread; import java.awt.Graphics; import java.text.SimpleDateFormat; import java.util
  • linux 常用命令 BlueSkator linux命令
    1.grep 相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。 但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n  '100,200p' 文件名），去查出该关键字之后的日志内容。 但其实还有更简便的办法，就是用（grep  -B n、-A n、-C n 关键
  • php heredoc原文档和nowdoc语法 dcj3sjt126com PHPheredocnowdoc
    <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body> <?
  • overflow的属性 周华华 JavaScript
    <!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/1999/xhtml&q
  • 《我所了解的Java》——总体目录 g21121 java
            准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。         在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。    &n
  • [简单]docx4j常用方法小结 53873039oycg docx
            本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:         import java.io.File; import java.io.FileInputStream; import ja
  • Spring配置学习 云端月影 spring配置
    首先来看一个标准的Spring配置文件 applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&q
  • Java新手入门的30个基本概念三 aijuans java新手java 入门
    17.Java中的每一个类都是从Object类扩展而来的。　　18.object类中的equal和toString方法。　　equal用于测试一个对象是否同另一个对象相等。　　toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法)　　 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。　
  • 《2008 IBM Rational 软件开发高峰论坛会议》小记 antonyup_2006 软件测试敏捷开发项目管理IBM活动
    我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵! 其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下. 参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
  • PL/SQL的过程编程,异常,声明变量,PL/SQL块 百合不是茶 PL/SQL的过程编程异常PL/SQL块声明变量
    PL/SQL;    过程; 符号; 变量; PL/SQL块; 输出; 异常;     PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
  • Mockito(三)--完整功能介绍 bijian1013 持续集成mockito单元测试
            mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。 一.使用mockito验证行为 //首先要import Mockito import static org.mockito.Mockito.*; //mo
  • 精通Oracle10编程SQL(8)使用复合数据类型 bijian1013 oracle数据库plsql
    /* *使用复合数据类型 */ --PL/SQL记录 --定义PL/SQL记录 --自定义PL/SQL记录 DECLARE TYPE emp_record_type IS RECORD( name emp.ename%TYPE, salary emp.sal%TYPE, dno emp.deptno%TYPE ); emp_
  • 【Linux常用命令一】grep命令 bit1129 Linux常用命令
    grep命令格式   grep [option] pattern [file-list]     grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。   pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特
  • mybatis3入门学习笔记 白糖_ sqlibatisqqjdbc配置管理
    MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。  MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。   以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。
  • Linux 命令神器：lsof 入门 ronin47 lsof
           lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。 有趣的是，lsof也是有着最多
  • java实现两个大数相加，可能存在溢出。 bylijinnan java实现
    import java.math.BigInteger; import java.util.regex.Matcher; import java.util.regex.Pattern; public class BigIntegerAddition { /** * 题目：java实现两个大数相加，可能存在溢出。 * 如123456789 + 987654321
  • Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法 Kai_Ge Kettle
    Kettle学习资料分享   Kettle 3.2 使用说明书 目录 概述..........................................................................................................................................7 1.Kettle 资源库管
  • [货币与金融]钢之炼金术士 comsci 金融
           自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的        那么随着人类在理论物理和工程物理上面取得的一些突破性进展......        炼金术这个古老
  • Toast原来也可以多样化 dai_lm androidtoast
    Style 1： 默认 Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT); def.show(); Style 2： 顶部显示 Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT); t
  • java数据计算的几种解决方法3 datamachine javahadoopibatisr-languer
    4、iBatis     简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。     复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据
  • 向网页中插入透明Flash的方法和技巧 dcj3sjt126com htmlWebFlash
    将 Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。 　　一、Swf透明、无坐标控制　　首先教大家最简单的插入Flash的代码，透明，无坐标控制： 　　注意wmode="transparent"是控制Flash是否透明
  • ios UICollectionView的使用 dcj3sjt126com
    UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。 个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。 1.UIViewController实现委托，代码如
  • Eos平台java公共逻辑 蕃薯耀 Eos平台java公共逻辑Eos平台java公共逻辑
     Eos平台java公共逻辑 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:20:4
  • SpringMVC4零配置--Web上下文配置【MvcConfig】 hanqunfeng springmvc4
    与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。   applicationContext-MvcConfig.xml <!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller --> <
  • 解决ie和其他浏览器poi下载excel文件名乱码 jackyrong Excel
       使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码， 因此必须综合判断，编写一个工具类：      /** * * @Title: pro
  • 挥洒泪水的青春 lampcy 编程生活程序员
    2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！ 这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到
  • 稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制 nannan408
       对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？    笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。    我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在
  • 动态设置iframe高度(iframe高度自适应) Rainbow702 JavaScriptiframecontentDocument高度自适应局部刷新
    如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。 但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。 对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构： <div id="content"> <div id=&quo
  • 用Rapael做图表 tntxia rap
    function drawReport(paper,attr,data){          var width = attr.width;     var height = attr.height;          var max = 0;   &nbs
  • HTML5 bootstrap2网页兼容（支持IE10以下） xiaoluode html5bootstrap
    <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他