逆心
逆心

javascript 自定义事件

　　javascript自定义事件的方式分为4个步骤；

一、谷歌、火狐自定义JavaScript事件

　　1、创建事件；

document.createEvent('HTMLEvents');

　　参数是字符串类型，表示要创建的事件类型。

  • uievents；
  • mutationevents；
  • htmlevents；

　　2、初始化事件；

ev.initEvent('listen', false, false);

　　参数说明：

  • eventType：事件名称；
  • canBubble：事件是否冒泡；
  • cancelable：是否可以用 preventDefault() 方法取消事件；

　　3、监听事件；

document.addEventListener(dataavailable, handler, param3);

　　参数说明：

  • dataavailable：监听的事件名称；
  • handler：处理函数；
  • param3：是否是扑获事件模型；

　　4、触发事件；

document.dispatchEvent(ev);

　　参数说明：
　　ev:第一步所创建的事件对象；

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>javascript自定义事件</title>
<script type="text/javascript">
　　//创建事件
　　var ev = document.createEvent('HTMLEvents');
　　window.onload = function () {
　　　　//初始化事件
　　　　ev.initEvent('listen', false, false);
　　　　//监听事件与绑定处理函数
　　　　document.addEventListener("listen", function (e) {
　　　　　　alert("事件被触发!");
　　　　}, false);
　　}
</script>
</head>
<body>
　　<div>
　　　　<input type="button" value="触发" onclick="document.dispatchEvent(ev);" />
　　</div>
</body>
</html>

 

二、IE自定义JavaScript事件

　　注意，以上方式只适用于谷歌，如果希望IE也能够兼容，要并上兼容IE的方式。
　　其中谷歌与IE的对应关系为：
　　谷歌、火狐 IE

createEvent、initEvent    createEventObject
addEventListener    attachEvent
dispatchEvent    fireEvent

　　IE自定义事件示例：

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>javascript自定义事件</title>
<script type="text/javascript">
　　//创建事件
　　var ev = document.createEventObject();

　　window.onload = function () {
　　　　document.attachEvent('ondataavailable',function () { 
　　　　　　alert("IE事件触发!"); //IE
　　　　}
　　　　); 
　　}
</script>
</head>
<body>
　　<div>
　　　　<input type="button" value="触发" onclick="document.fireEvent('ondataavailable', ev);" />
　　</div>
</body>
</html>

 

三、兼容谷歌火狐IE的自定义事件

　　要兼容谷歌火狐IE，那么按照上面的逻辑，那就是先判断一下，如果是低版本IE，那么就使用低版本IE的函数或对象，否则就使用谷歌的事件对象。

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>javascript自定义事件</title>
<script type="text/javascript">
　　//创建事件
　　var HtmlEvent;
　　if (document.createEvent) {
　　　　HtmlEvent = document.createEvent('HTMLEvents'); //谷歌、火狐创建新事件的写法
　　　　HtmlEvent.initEvent("Click", false, false);
　　}
　　else if (document.createEventObject) {
　　　　HtmlEvent = document.createEventObject(); //旧版本IE的创建新事件的写法
　　}
　　window.onload = function () {
　　　　//监听事件与绑定处理函数
　　　　if (document.addEventListener) {
　　　　　　document.addEventListener('Click', function (e) {
　　　　　　　　alert("谷歌火狐、事件被触发!"); //谷歌火狐的触发事件
　　　　　　}, false);
　　　　} 
　　　　else if(document.attachEvent) {
　　　　　　document.attachEvent('ondataavailable', function () { 
　　　　　　　　alert("IE事件触发!"); }); //IE
　　　　　　}
　　　　}
　　}

　　function fire()
　　{
　　　　if (document.dispatchEvent) {
　　　　　　document.dispatchEvent(HtmlEvent);
　　　　}
　　　　else if (document.fireEvent) {
　　　　　　document.fireEvent('ondataavailable', HtmlEvent);
　　　　}
　　}
</script>
</head>
<body>
　　<div>
　　　　<input type="button" value="触发" onclick="fire()" />
　　</div>
</body>
</html>

 

四、触发事件时向Listen传参

　　传参的方式很简单，直接在参数赋值在事件Event对象上就OK了，什么格式的都可以。

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>javascript自定义事件</title>
<script type="text/javascript">
　　//定义一个事件
　　var ev = document.createEvent('HTMLEvents');
　　window.onload = function () {
　　　　//初始化事件
　　　　ev.initEvent('listen', false, false);

　　　　//监听事件与绑定处理函数
　　　　document.addEventListener("listen", function (e) {
　　　　　　alert("传过来的参数：" + e.name);
　　　　　　}, false);
　　　　}

　　　　function fire()
　　　　{
　　　　　　ev.name = "刘备";
　　　　　　document.dispatchEvent(ev);
　　　　}
　　　　</script>
　　</head>
　　<body>
　　　　<div>
　　　　　　<input type="button" value="触发" id="btn1" onclick="fire()" />
　　　　</div>
　　</body>
</html>

 

你可能感兴趣的:(javascript 自定义事件)

  • 使用Selenium爬取动态表格中的多语言和编码格式 程序员笑笑 软件测试selenium测试工具功能测试软件测试自动化测试程序人生职场和发展
    正文Selenium是一个用于自动化Web浏览器的工具，它可以模拟用户的操作，如点击、输入、滚动等。Selenium也可以用于爬取网页中的数据，特别是对于那些动态生成的内容，如表格、图表、下拉菜单等。本文将介绍如何使用SeleniumPython爬取一个动态表格中的多语言和编码格式的数据，并将其保存为CSV文件。特点·Selenium可以处理JavaScript渲染的网页，而不需要额外的库或工具。
  • JavaScript的DOM节点操作 DTcode7 #前端基础入门三大核心之JSHTML核心知识点web知识点网页开发
    JavaScript的DOM节点操作基本概念和作用说明什么是DOM节点？DOM节点操作的意义示例一：创建新节点代码解析示例二：删除已有节点代码解析示例三：修改现有节点代码解析示例四：替换节点代码解析示例五：克隆节点代码解析实际开发中的技巧与经验分享在Web前端开发中，JavaScript与DOM（DocumentObjectModel）的结合是实现动态网页交互的核心技术之一。本文将深入探讨如何通过
  • 前端基础入门三大核心之JS篇：DOM事件传播与监听的艺术——addEventListener()的深度解析【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JS前端javascript开发语言
    前端基础入门三大核心之JS篇：DOM事件传播与监听DOM事件传播：一场层次间的旅行基本概念案例一：直观感受传播使用思路`addEventListener()`：监听的艺术基本概念案例二：灵活监听技巧用与优化实战技巧案例三：性能优化安全性考量与漏洞防范案例四：XSS注入防范排查错思路与解决问题案例五：事件未触发结语与引思在JavaScript的王国里，DOM（DocumentObjectModel）
  • JavaScript DOM操作实战指南：从元素获取到事件处理全解析 Ch1oy javascript开发语言ecmascript前端html5
    一、DOM操作基础认知1.1什么是DOM？文档对象模型（DocumentObjectModel）是浏览器将HTML文档转换为树形结构的编程接口。每个HTML标签对应一个节点对象，开发者可以通过JavaScript操作这些节点实现页面动态更新。DOM操作包含三个核心方向：元素获取、内容修改和事件交互。1.2元素的获取①ID精准定位：通过元素的id属性进行唯一性查找使用方法：document.getE
  • 【JavaWeb】JavaScript 快速入门教程 2302_80979832 javascript开发语言ecmascript前端
    一、概述1.概念JavaScript,简称JS，是一门脚本语言，用来控制网页行为，实现页面交互效果2.组成JavaScript大体由三部分组成：ECMAScript，BOM，DOMECMAScript：规定JS的基础语法核心BOM：浏览器对象模型，用来操作浏览器本身，如：页面弹窗、地址拦截等等；DOM：文档对象模型，用于操作HTML文档，如：改变标签内容、改变标签内字体样式等等。二、核心语法（一）
  • 爬虫：Requests-HTML的详细使用 数据知道 2025年爬虫和逆向教程爬虫html前端python数据采集
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.Requests-HTML概述1.1为何选择Requests-HTML？1.2什么是Requests-HTML？1.3主要特性1.4安装`requests-html`2.基本用法2.1发送HTTP请求2.2解析HTML2.2.1使用CSS选择器2.2.2使用XPath2.2.3使用`search`方法2.3处理JavaScript渲染的页面3
  • 精选前端面试题（持续更新中ing） 一个W牛 前端经验分享面试
    1、js中set和map的作用和区别?在JavaScript中，Set和Map是两种非常重要的集合类型1、Set是一种集合数据结构，用于存储唯一值。它类似于数组，但成员的值都是唯一的，没有重复的值。Set中的值只能是唯一的，任何重复的值都会被自动忽略。Set中的值可以是任何数据类型（原始值或对象引用）。Set提供了操作集合的方法，比如添加、删除、检查成员等。add(value):添加一个值到Set
  • JavaScript模板字符串: 柒七爱吃麻辣烫 javascript开发语言ecmascriptjava前端
    1.示例代码（包含注释）:JS-数据类型//利用``包裹起来的字符串被称为模板字符串//在``中引入变量可以采用${}里面写变量的名字引入letname='张三';letage=19;console.log(`我叫${name},我今年已经${age}岁了`);2.运行效果:
  • 前端代码中请求参数应该如何封装？ json
    在前端开发中，正确封装请求参数是避免414Request-URITooLarge错误的关键步骤之一。当请求参数过多或过长时，应该将它们封装在请求体中，而不是附加在URL中。以下是一些常见的前端框架和库中如何封装请求参数的方法。一、使用POST请求封装参数（一）原生JavaScript在原生JavaScript中，可以使用XMLHttpRequest或fetchAPI来发送POST请求，并将参数封装
  • Python + Chrome 爬虫：如何抓取 AJAX 动态加载数据？ 小白学大数据 pythonpythonchrome爬虫开发语言
    在现代Web开发中，AJAX（AsynchronousJavaScriptandXML）技术被广泛应用于动态加载数据，使得网页能够在不刷新的情况下更新内容。然而，这也给传统爬虫带来了挑战——使用requests+BeautifulSoup只能获取初始HTML，而无法捕获AJAX返回的动态数据。解决方案：Selenium+ChromeDriver：模拟浏览器行为，等待AJAX数据加载完成后再抓取。直
  • jQuery Autocomplete 揭秘：从原理到实践 lsx202406 开发语言
    jQueryAutocomplete揭秘：从原理到实践引言随着互联网的快速发展，用户对于网页交互体验的要求越来越高。为了提高用户体验，许多网页都采用了自动补全（Autocomplete）功能。jQueryAutocomplete是一款流行的JavaScript库，它可以帮助开发者轻松实现自动补全功能。本文将深入探讨jQueryAutocomplete的原理、使用方法以及在实际项目中的应用。jQue
  • 前端工程化--gulp的使用 前端_学习之路 前端工程化gulprustnode.js
    gulp介绍gulp是一个基于Nodejs的自动化构建工具，中文主页能自动化地完成javascript/coffee/sass/less/html/image/css等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务使用步骤：安装nodejs全局安装gulpnpminstallgulp-g局部安装gulpnpminstallgulp--save-dev创建一个简单的应用，文件结构如
  • 前端常见的数据加密 阿超学编程 前端
    提示：记录工作中遇到的需求及解决办法文章目录前言什么是前端数据加密？一、前端数据加密的基本原理二、前端数据加密的应用场景为什么需要前端数据加密？一、前端数据面临的安全威胁二、前端数据加密的重要性前端数据加密的常见方法和技术一、使用JavaScript库进行加密二、使用WebCryptoAPI进行加密三、使用HTTPS协议传输加密数据四、优缺点总结CryptoJS使用示例一、安装CryptoJS:二
  • 赛博朋克风格的数字孪生应用于前端开发 IOWEL 前端
    在前端开发中，数字孪生是一种模拟现实世界实体的虚拟实体，它可以通过使用传感器数据和实时监测来与实际对象进行交互。本文将介绍如何使用赛博朋克风格的语言和设计元素来诠释数字孪生的概念，并实现一个基于前端技术的案例。首先，我们需要创建一个基本的前端应用程序框架。我们将使用HTML、CSS和JavaScript来构建我们的应用。以下是一个简单的HTML结构，用于容纳我们的数字孪生应用：
  • javascript 力扣leetcode hot100题解 大踩踩 javascriptleetcode开发语言
    1、两数之和点评：最初的梦想vartwoSum=function(nums,target){letmap=newMap();letresult=[];for(leti=0;ia-b);letlen=1;letmax=1;letdp=nums[0];for(leti=1;ia-b);letresult=[];for(leti=0;iheight[st[st.length-1]]){//注意这里是wh
  • leetcode刷题（javaScript）——数组相关场景题总结 三月的一天 Leetcode刷题技巧总结算法
    数组只是一种数据结构，通常结合其他算法场景出现。这里总结几类在LeetCode刷题时，针对数组相关的场景题，可以使用以下技巧和方法：双指针法：快慢指针用于解决数组中的有序问题，如移除重复项、找出唯一元素等。左右指针用于解决数组中的对撞问题，如两数之和、接雨水等。排序：对数组进行排序可以简化很多问题，如对数组进行排序后，可以更容易地解决部分排序问题。哈希表：使用对象字面量或Map结构存储键值对，可以
  • pythonjson数据_一文看懂Python类型数据JSON序列化 weixin_39582569 pythonjson数据
    现代网络应用WebAPP或大型网站的后台一般只有一个，然后客户端却是各种各样的(iOS,android,浏览器),而且客户端的开发语言很可能与后台的开发语言不一样。这时我们需要后台能够提供可以跨平台跨语言的一种标准的数据交换格式供前后端沟通(这就是WebAPI的作用)。如今大家最常用的跨平台跨语言数据交换格式就是JSON（JavaScriptObjectNotation）了。JSON是一种文本序列
  • 27、web前端开发之CSS3（四） 跟着汪老师学编程 前端css3css
    8.动画（Animations）CSS3引入了强大的动画（Animations）功能，使得网页开发者可以通过纯CSS实现复杂的动画效果，而无需依赖JavaScript。通过@keyframes规则，开发者可以定义多个关键帧点，从而创建平滑且灵活的动画序列。本节将详细讲解CSS3动画的基本使用、动画属性、实际应用场景及最佳实践。8.1.动画的基本概念CSS3动画允许开发者通过定义多个关键帧点（Key
  • Python||JSON文件 VS. json模块一文读懂异与同 the_time_runner #小白学Pythonjson模块JSON编码格式json.loads()json.dumps()
    JSON(JavaScriptObjectNotation)是一种文件编码格式。python中json是一个模块(官方文档菜鸟教程),用于解析或编码JSON文件。importjson#将python格式编码成JSON数据格式json.dumps([1,2,3,{'4':5,'6':7}],separators=(',',':'))#'[1,2,3,{"4":5,"6":7}]'>>>将JSON数据
  • react——渲染列表 JL-ll react.js前端前端框架
    背景：为什么需要渲染列表？在前端开发中，经常需要根据数据动态生成多个类似的UI元素（比如列表项、下拉选项、卡片等）。React提供了高效的方式来实现这一点，通过JavaScript的数组操作结合JSX，可以将数据转换为可渲染的组件或元素。代码分析1.数据准备javascriptconstproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{
  • Babel 从入门到精通（四）：@babel/template的应用实例与最佳实践 乐闻x 前端知识图谱前端javascriptbabel
    前言在现代JavaScript开发中，Babel已经成为不可或缺的工具。它不仅帮助我们将现代JavaScript代码转换为兼容性更好的旧版JavaScript代码，还为我们提供了许多额外的功能和模块。其中，@babel/template是一个非常值得关注的模块。它简化了AST（抽象语法树）的生成过程，让代码生成和转换变得更加高效和灵活。本篇文章将深入探讨@babel/template的背景、使用技
  • Babel 从入门到精通（五）： @babel/traverse 提高代码转换效率 乐闻x 前端知识图谱javascript前端babel
    前言在现代JavaScript开发中，Babel是一个不可或缺的工具。它帮助我们把现代JavaScript代码转换成兼容性更好的旧版本代码，以便在各种浏览器环境中运行。Babel的生态系统中有很多强大的插件和工具，而@babel/traverse正是其中之一。@babel/traverse是一个用于遍历和操作AST（抽象语法树）的库。在解释这个库之前，我们先来理解一下什么是AST。什么是AST？A
  • 处理前端兼容性的重要工具：Browserslist AvskBug 前端
    在前端开发中，处理CSS和JavaScript兼容性问题是一个常见的挑战。不同的浏览器对于CSS和JavaScript的解析和支持程度各不相同，因此开发人员需要采取一些措施来确保他们的网站在各种浏览器中都能正确地显示和运行。在这方面，一个非常重要的工具是Browserslist。Browserslist是一个用于配置目标浏览器的工具，它使用一种简单的查询语言来指定要支持的浏览器范围。通过在项目中使
  • Vue与React父子组件传值实现方式分析 当牛作馬 项目操作react.jsvue.jsjavascript
    文章目录前言一、Vue中父子组件传值1.父组件向子组件传值：2.子组件向父组件传值：二、React中父子组件传值1.父组件向子组件传值：2.子组件向父组件传值：三、总结前言在前端开发中，Vue和React是两个非常流行的JavaScript框架/库。它们各自有一套处理组件间通信的机制，特别是在父子组件之间的传值方面。理解这些机制对于构建高效、可维护的前端应用至关重要。本文将详细分析Vue和Reac
  • 红宝书第十七讲：通俗详解JavaScript的Promise与链式调用 前端javascript
    红宝书第十七讲：通俗详解JavaScript的Promise与链式调用资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、Promise的作用：解决“回调地狱”的困境Promise（承诺）是JavaScript管理异步操作的工具，用于替代传统的嵌套回调链（回调地狱）。它能将异步代码线性化，让异步逻辑像步骤说明书一样清晰12。传统回调地狱的代码（难以阅读和维护）：/
  • 红宝书第十六讲：通俗详解JavaScript回调函数与事件循环 前端javascript
    红宝书第十六讲：通俗详解JavaScript回调函数与事件循环资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、回调函数：任务的“代金券”回调函数是将一个函数作为参数传递给另一个函数，在特定条件满足时自动触发执行的机制。例如：用户点击按钮时触发函数、异步请求完成时处理数据1。示例：DOM事件回调//点击按钮时触发回调函数constbutton=document.
  • Python Eel 与 Remi、NiceGUI 的区别：选择合适的库来创建 Web 界面 scoone python前端开发语言
    在Python社区中，有几个库可以帮助开发者快速创建基于Web的用户界面，其中PythonEel、Remi和NiceGUI是比较受欢迎的几个。本文将对比这三者的主要区别，帮助您根据项目需求选择最合适的库。PythonEel目的Eel的目标是简化将Python脚本转换为完整Web应用程序的过程。使用方式允许使用HTML/CSS/JavaScript创建前端，Python作为后端。提供简单的路由系统，
  • genaiscript开源程序可自动化的 GenAI 脚本，以编程方式组合使用 JavaScript 的LLMs提示。在代码中编排 LLMs、 工具和数据。 struggle2025 自动化运维
    一、软件介绍文末提供程序和源码下载genaiscript开源程序可自动化的GenAI脚本，以编程方式组合使用JavaScript的LLMs提示。在代码中编排LLMs、工具和数据。用于处理提示的JavaScript工具箱抽象化，使其变得简单和高效无缝的VisualStudioCode集成或灵活的命令行对GitHubCopilot和GitHub模型、OpenAI、AzureOpenAI、Anthrop
  • 如何使用HTML，CSS和JavaScript创建 二进制计算器？ 濯一一 Html5+Css3二进制计算器BinaryCalHTMLCSSJavaScript
    HTML或超文本标记语言以及CSS(级联样式表)和JavaScript可用于开发可执行某些功能的交互式用户应用程序。同样,可以完全使用HTML,CSS和JS开发二进制计算器。二进制计算器：对二进制数执行算术运算。二进制计算器的缓冲区限制为8位。如果算术运算的结果超过8位,则多余的位将被截断。算术运算是使用JavaScript函数完成的。该应用程序包括：一个显示屏,在该显示屏上可以显示用户输入以及算
  • JavaScript 改变 HTML 图像 我自纵横2023 JaveScript教程javascripthtml开发语言ecmascript前端
    JavaScript改变HTML图像JavaScript改变HTML图像的核心是通过动态修改标签的src属性或调整CSS样式实现图像切换或视觉效果变化。以下是具体方法与场景解析：一、核心方法：修改src属性1.直接替换图像路径通过document.getElementById()获取图像元素，修改其src属性即可切换图片：functionchangeImage(){constimg=documen
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他