qq_32798243
qq_32798243

说一说input里面的事件

在们都知道的input事件中有focus，blur，change, keydown, keyup,html5中新加入的input事件,前端工程师总是免不了和输入框打交道监听用户的输入并发送给服务端。

首先事件发生的顺序如下：focus->keydown->input->keyup->change->blur.

因为阅读了这位仁兄的输入事件解析发现很全面https://blog.csdn.net/yiifaa/article/details/52372022，所以我就加上一点自己的补充吧。

首先我也是使用了这位仁兄的代码然后补充了一个事件select。代码如下：

 
  
html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <style>
    input{
      width: 500px;
      height: 200px;
      border: 1px solid green;
    }
  style>
head>
<body>
<input type="text" id="user">
<script>
  var username = document.getElementById('user');
  var result = [];
  username.addEventListener("focus", function(event) {
    result.push({
      event  : 'focus',
      value  : this.value,
      keyCode : event.keyCode
    });
  })
  username.addEventListener("select", function(event) {
    result.push({
      event  : 'select',
      value  : this.value,
      keyCode : event.keyCode
    });
    console.table(result);
  })
  username.addEventListener("input", function(event) {
    result.push({
      event  : 'input',
      value  : this.value,
      keyCode : event.keyCode
    });
    console.table(result);
  })
  //  注册keydown事件
  username.addEventListener("keydown", function(event) {
    result.push({
      event  : 'keydown',
      value  : this.value,
      keyCode : event.keyCode
    });
    console.table(result);
  });
  //  注册keyup事件
  username.addEventListener("keyup", function(event) {
    result.push({
      event  : 'keyup',
      value  : this.value,
      keyCode : event.keyCode
    });
    console.table(result);
  });
  //  注册change事件
  username.addEventListener("change", function(event) {
    result.push({
      event  : 'change',
      value  : this.value,
      keyCode : event.keyCode
    });
    //  输出结果
    console.table(result);
  });
  //  注册blur事件
  username.addEventListener("blur", function(event) {
    console.log('blur')
    result.push({
      event  : 'blur',
      value  : this.value,
      keyCode : event.keyCode
    });
    //  输出结果
    console.table(result);
  })
script>
body>
html>

 
  
 
  
 
  
我就做了一次聚焦输入失去焦点结果就是我说的也是哪位仁兄总结的，然后我接着说仁兄的总结里面就是change事件一定是在blur时候发生但是呢如果和之前的值没变化就不会触发change事件。补充的就是 
  
 
  
在我们需要决定用户输入的一定是可用的字符就是不是shift, 大写键， 回车键，上下左右方向键的时候就没有办法依靠keyup事件 来监听，因为keyup和keydown只要有输入就会触发，可是当我点击大写输入键的时候发现，不会执行input事件，所以一个需求是用户输入不必要的键子，还有复制粘贴过来的值就不会调用 keyup  keydown这样的话就会发现只发生了变化可是检测不到，那我们的小可爱input就派上了用场只要值发生了变化就会执行这个事件，所以前端监听值的变化使用input事件果然666,   但是这个事件没法得到keycode。缺点吧，但是开发中建议使用input监听输入的变化。
 
  
同时补充一个事件onselect  当input里的内容文本被选中后执行一段，只要选择了就会触发。
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

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

        

            

                
    
                    
  • 【前端开发】Uniapp分页器：新增输入框跳转功能
                        

                        
    基于UniApp官方扩展组件库uni-ui中的uni-pagination分页器组件，针对大数据量场景进行优化主要优化以下内容：新增输入框跳转功能：在原有分页器基础上，新增了一个输入框区域，允许用户直接输入目标页码进行跳转双向页码绑定优化：实现了输入框与当前页码的双向绑定机制。当用户通过其他方式（如点击上一页、下一页、页码按钮）切换页面时，输入框会自动更新显示当前页码。同时，当用户在输入框中输入页
    
                    
    • 
                    
  • Swiper.js滑动插件使用教程-支持轮播图、滑块、画廊
                        天天打码
VUE大前端javascript开发语言ecmascript
                        
    几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js一、Swiper及其功能Swiperjs是一个流行的开源的移动端触摸滑动库，用于创建响应式、可触摸滑动的轮播图、滑块、画廊和其他滑动组件。它是一个跨平台的库，可以在网页、移动应用和桌面应用中使用。Swiper.js提供了丰富的功能和选项，使开发者可以轻松创建各种滑动效果和交互。以下是一些Swiper.js的特点和功能：响
    
                    
    • 
                    
  • 开发效率翻倍！一键将 JSON 转换成 Java 实体类的神器来了！
                        A__tao
java
                        
    开发效率翻倍！一键将JSON转换成Java实体类的神器来了！在开发Java后端接口时，你是否常常面对这样的烦恼：拿到前端传来的JSON，字段多到眼花缭乱手动敲JavaBean，字段写漏、类型搞错嵌套结构太复杂，写起来痛苦又低效别担心，这些问题通通可以交给它来解决：JSON转Java实体类在线工具为什么推荐这个工具？这个工具由资深开发者打造，功能聚焦于一件事：把你的JSON一键生成JavaBean，
    
                    
    • 
                    
  • java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试
                        木林网络
mybatisjava数据库
                        
    java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
    
                    
    • 
                    
  • axios 使用入门
                        

                        
    axios使用入门阅读目录一、前言#二、干货合集#1、加载#2、get&post#3、拦截器#三、总结#一、前言在没有接触React、Angular、Vue这类MVVM的前端框架之前，无法抛弃Jquery的重要理由，除了优秀的前端DOM元素操作性以外，能够非常便捷的发起http请求也占有非常重要的地位。既然我们已经开始使用Vue进行前端开发，抛弃了对页面DOM元素的操作，难道，为了方便的发起htt
    
                    
    • 
                    
  • HTML5中背景图片如何设置
                        十指流玉
HTML
                        
    自己试验了很多种方式，最终发现有一种方式最得朕心～～哈哈哈哈哈先看一下效果图吧：只截取了一部分，图片的人物不会因为页面大小而变得扭曲（这一点非常重要），我已经很满足啦～～～～～下面看一下代码吧,其实也很简单。body{/*background:rgb(185,246,246);*//*设置颜色背景*/background-image:url(photo5.png);/*设置背景图片*/backgr
    
                    
    • 
                    
  • 2022项目实训“异步分布式联邦学习”第五周报告
                        

                        
    一、本周工作进度我在本周的工作进度主要集中于两个技术要点——即Axios和WebSocket。这两种技术方法有着本质上的不同，因而具体实现出来之后的效果也有所不同，下面将会分别说明。1.Axios（Ajax封装）首先要谈的内容是Axios，Axios是一个基于promise的HTTP库，是目前前端最流行的ajax请求库。Axios的优势在于，相比传统的Ajax本身是针对MVC的编程，Axios更加
    
                    
    • 
                    
  • Bootstrap 表单
                        wjs2024
开发语言
                        
    Bootstrap表单Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式和美观的网页界面。在Bootstrap中，表单是用户与网站交互的重要部分。本文将详细介绍Bootstrap表单的用法、样式和优化技巧。1.Bootstrap表单概述Bootstrap表单提供了丰富的样式和组件，可以帮助开发者轻松实现各种表单需求。以下是一些常见的Bootstrap表单组件：输入框（Input
    
                    
    • 
                    
  • Wizard全栈开发框架：轻松构建企业级应用
                        GISer_Jinger
前端基础前端javascript
                        
    Wizard全栈开发框架详解Wizard是一个现代化的全栈开发框架，旨在简化企业级应用的开发流程，提供从前端到后端的完整解决方案。一、核心架构前端架构UI层：支持React、Vue等主流框架状态管理：集成Redux、Vuex等方案API客户端：自动生成类型安全的API调用代码生成器：基于模板自动生成页面组件后端架构Web服务器：支持Express、SpringBoot等多种实现ORM：内置多数据库
    
                    
    • 
                    
  • 写测试太烦？Copilot + Jest 让你 3 分钟搞定单元测试
                        

                        
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
    
                    
    • 
                    
  • 七牛云前端面试题及参考答案 （上）
                        大模型大数据攻城狮
前端vue组件reactjs前端面经防抖节流fiber
                        
    目录基本数据类型有哪些？typeofnull的结果是什么？null和undefined的区别是什么？let关键字的特点有哪些？this指向的规则是什么？箭头函数中this指向哪里？如何实现JavaScript的深拷贝和浅拷贝？数组去重的常见方法（手写代码）数组扁平化（手写，不能使用flat(Infinity)）forEach和map方法的区别是什么？闭包的应用场景：实现链式加法add(1)(2)(
    
                    
    • 
                    
  • 后端路由的使用
                        

                        
    后端路由路由：说明你要去的路径。对于前端，就是告诉浏览器应该去哪里；对于后端，可以理解成一个子服务，一个路由就是一个小的服务，处理一个接口使用路由子服务配置路由，如下：./routers/user.js文件//子服务配置路由//1.引入express模块constexpress=require('express')//2.创建路由对象letrouter=repress.Router()//3.响应
    
                    
    • 
                    
  • 基于Flutter的web登录设计
                        aiprtem
Flutterweb嵌入式Linuxflutter前端
                        
    基于Flutter的web登录设计1.概述本文档详细介绍了基于FlutterWeb的智能家居系统登录模块的设计与实现。登录模块作为系统的入口，不仅提供了用户身份验证功能，还包括注册新用户的能力，确保系统安全性的同时提供良好的用户体验。本文档中的前端代码示例摘录自项目中的smarthomefe目录，后端服务代码摘录自fcgiServer目录。这些代码共同构成了完整的登录系统实现。项目源码：https
    
                    
    • 
                    
  • 本地搭建区块链服务的详细指南
                        

                        
    以下是一个在本地搭建区块链服务的详细指南，使用Ethereum作为示例（因其工具链完善且适合开发），包含从环境准备到实际操作的完整流程：一、本地区块链搭建方案（基于Ethereum）核心组件组件推荐工具作用区块链节点Ganache(测试链)模拟以太坊网络，零配置启动开发框架Hardhat或Truffle智能合约编译/部署/测试钱包交互MetaMask账户管理&交易签名前端界面React+ether
    
                    
    • 
                    
  • 大前端日志分析的AI应用：从海量日志中提取有价值的运维信息
                        欧阳天羲
大前端与AI的深度融合#AI在大前端安全与运维篇前端人工智能运维
                        
    在大前端技术快速发展的今天，前端应用的复杂度呈指数级增长，涵盖Web、移动端H5、小程序、快应用等多端形态。随之而来的是海量日志数据的爆发式增长——从浏览器控制台输出到移动端性能埋点，从用户行为轨迹到API调用异常，这些日志分散在不同终端、格式异构，传统的人工分析或规则引擎已难以应对。本文将系统阐述AI技术如何赋能大前端日志分析，从日志采集到智能诊断的全流程解决方案，结合实际案例展示如何利用机器学
    
                    
    • 
                    
  • 前端大文件直传华为云OBS实践与问题解决
                        neon1204
前端工作中记录前端华为云状态模式前端框架javascriptvue.js
                        
    问题背景在我们的项目中，原本采用的文件上传方案是将文件先上传到应用服务器，再由服务器转发至华为云OBS。这种架构在实际运行中暴露了两个关键问题：上传速度严重受限：服务器的带宽成为瓶颈（特别是100MB以上的大文件）服务器压力过大：频繁出现负载过载告警为解决这些痛点，我们决定改为前端直传OBS方案。技术流程如下：前端后端华为云OBS1.初始化上传(initUploadUrl)uploadId,obj
    
                    
    • 
                    
  • 也谈一下 30+ 程序员的出路
                        写编程的木木
langchain产品经理python开发语言大模型
                        
    前言前两天和一个前端同学聊天，他说不准备再做前端了，准备去考公。不过难度也很大。从20152016年那会儿开始互联网行业爆发，到现在有7、8年了，当年20多岁的小伙子们，现在也都30+了大量的人面临这个问题：大龄程序员就业竞争力差，未来该如何安身立命？先说我个人的看法：除非你有其他更好的资源，否则没有更好的出路认真搞技术，保持技术能力，你大概率不会失业（至少外包还在招人，外包也不少挣…）考公之我见
    
                    
    • 
                    
  • 深入解析BEM架构：架构级全局样式管理方案
                        neon1204
前端方案分析和实践架构前端csswebpack
                        
    深入解析BEM架构：架构级全局样式管理方案在前端开发领域，CSS架构一直是影响项目可维护性和可扩展性的关键因素。随着SPA应用的普及，传统CSS管理方式的缺陷在开发中暴露出明显的问题：样式冲突、选择器权重失控、命名污染等，从代码质量和开发效率角度出发可以借鉴一些优秀的案例。各种组件库（element、antd、vant…）使用多了能发现它们的样式就是采取的BEM（Block,Element,Mod
    
                    
    • 
                    
  • 【优秀文章】7月优秀文章推荐
                        

                        
    优秀文章智能自主运动体与人工智能技术——环境感知、SLAM定位、路径规划、运动控制、多智能体协同作者：fpga和matlabC++之红黑树认识与实现作者：zzh_zao【手把手带你刷好题】–C语言基础编程题(十)作者：草莓熊Lotso飞算JavaAI：从“码农”到“代码指挥官”的终极进化论作者：可涵不会debug前端网页开发学习（HTML+CSS+JS）有这一篇就够！作者：一颗小谷粒
    
                    
    • 
                    
  • 青年开发者董翔：在代码世界中探索创新边界
                        程序猿全栈の董（董翔）
javascript开发语言开发者
                        
    引言：从兴趣萌芽到技术深耕当大多数00后还在适应大学生活时，2004年出生的董翔已在软件技术领域展现出超越同龄人的探索热情。作为软件技术专业大一学生，他以“技术创新解决实际问题”为核心理念，在前端开发、数据修复等领域构建了独特的研究体系。从高中时期自学编程的懵懂少年，到提出“同源数据互补修复机制”“框架质疑学习法”的青年研究者，董翔的成长轨迹折射出新一代技术人对知识的主动建构与实践突破。一、学术探
    
                    
    • 
                    
  • 深入理解 CSS 选择器：从基础到高级
                        蓝精灵001
css前端面试职场和发展学习htmlAI编程
                        
    CSS（层叠样式表）是网页设计中不可或缺的一部分，它通过选择器来定位HTML文档中的元素，并为这些元素定义样式。掌握CSS选择器是前端开发的核心技能之一。本文将从最基础的选择器讲起，逐步深入到高级、复杂的结构和伪类/伪元素选择器，帮助你全面掌握CSS选择器的使用。一、什么是CSS选择器？CSS选择器是一种模式，用于匹配文档树中的一个或多个元素。通过选择器，你可以精确地控制哪些HTML元素应该应用特
    
                    
    • 
                    
  • 利用systemd启动部署在服务器上的web应用
                        不是吧这都有重名
遇到的问题服务器前端运维
                        
    0.背景系统环境：Ubuntu22.04web应用情况：前后端分类，前端采用react，后端采用fastapi1.具体配置1.1前端配置开发态运行（启动命令是npmrundev）,创建systemd服务文件sudonano/etc/systemd/system/frontend.service内容如下：[Unit]Description=ReactFrontendDevServerAfter=ne
    
                    
    • 
                    
  • ssm高校奖助学金管理系统设计实现
                        

                        
    以下是关于SSM高校奖助学金管理系统的技术栈、功能设计、数据库设计及测试设计的详细说明：技术栈后端框架：Spring+SpringMVC+MyBatis（SSM组合），提供IoC、AOP、事务管理和ORM支持。前端技术：Thymeleaf/JSP+Bootstrap+jQuery，实现动态页面和响应式布局。数据库：MySQL8.0，支持事务和高并发访问。安全框架：SpringSecurity，用于
    
                    
    • 
                    
  • 【前端进阶】【实战】【性能优化】前端开发中的事件监听与DOM操作优化实践
                        患得患失949
数字孪生前端性能优化前端
                        
    前端开发中的事件监听与DOM操作优化实践在前端开发中，事件监听器的管理和DOM操作的优化是提升应用性能和稳定性的关键。本文将结合具体案例，探讨如何通过技术手段解决这些问题，并分享一些实用的优化技巧。问题背景在一个基于高德地图的应用中，我们实现了一个信息窗口组件（InfoWindow），其中包含视频播放功能和轮播图展示。随着用户交互的增加，我们遇到了以下问题：信息窗口频繁打开关闭后，页面性能明显下降
    
                    
    • 
                    
  • 【数字孪生】【GIS】【实战】高德地图GIS开发实战：从基础到交互进阶
                        患得患失949
GIS数字孪生交互状态模式
                        
    高德地图GIS开发实战：从基础到交互进阶一、你将学到什么？GIS开发核心能力地图初始化与个性化样式配置（道路、陆地、POI自定义）。自定义标注（Marker）的创建、居中定位与图标替换。信息窗体（InfoWindow）的内容定制、事件绑定与手动控制。交互开发技能标注点击事件、坐标复制、地图缩放等交互逻辑实现。动态内容更新（多标注对应不同信息窗体内容）。前端性能优化（批量标注管理、事件监听时机控制）
    
                    
    • 
                    
  • 从源码到思想：OneCode框架模块化设计如何解决前端大型应用痛点
                        低代码老李
软件行业领域设计低代码前端框架架构
                        
    在前端大型应用开发中，“模块拆分混乱、依赖关系复杂、资源加载失控”是三大痛点。OneCode框架通过Module.js（模块基类）和ModuleFactory.js（模块工厂）构建了一套完整的模块化管理机制，不仅实现了模块的“生老病死”全生命周期管控，更解决了跨模块通信、依赖加载等核心问题。本文从“为什么这么设计”的角度，拆解其底层逻辑与实战价值。一、先理解：前端模块化的核心矛盾无论用什么框架，模
    
                    
    • 
                    
  • OneCode采用虚拟DOM结构实现服务端渲染的技术实践
                        

                        
    一、技术背景与挑战随着企业级应用复杂度的提升，传统服务端渲染(SSR)面临页面交互性不足的问题，而纯前端SPA架构则存在首屏加载慢和SEO不友好的缺陷。OneCode框架创新性地将虚拟DOM技术引入服务端渲染流程，构建了一套兼顾性能与开发效率的企业级前端解决方案。二、虚拟DOM结构设计2.1组件树层次结构OneCode的虚拟DOM基于组件化思想构建，每个组件通过Component类实现，包含以下核
    
                    
    • 
                    
  • 前端开发问题：SyntaxError: “undefined“ is not valid JSON
                        我命由我12345
前端-问题清单json前端javascriptvue.js开发语言ecmascriptjs
                        
    在JavaScript开发，遇到如下问题SyntaxError:"undefined"isnotvalidJSON#翻译SyntaxError："undefined"不是有效的JSON问题原因当使用JSON.parse()时，传入了一个undefined或字符串"undefined"，而它不是有效的JSON字符串问题复现传入一个undefinedconstjsonStr=undefined;con
    
                    
    • 
                    
  • Vue.js前端开发实战-----常用UI组件
                        

                        
    1.进入命令行界面，执行yarncreatevite命令，输入项目名称，选择Vue框架，选择JavaScript，完成vue项目创建。2.在完成创建之后在其目录下通过yarn安装ElementPius，具体命令如下：[email protected].在VSCode中创建一个新的vue文件，文件名称命名分别为MyInfo.vue，RoommateDetail.vue
    
                    
    • 
                    
  • 【前后端联调】MethodArgumentNotValidException
                        宣布无人罪
前后端联调javatomcatspringbootspring
                        
    【前后端联调】MethodArgumentNotValidException01问题描述前后端联调，前端传了一个参数是null，但是这个参数设置了校验不能为null，所以报了这个错误handleMethodArgumentNotValidException,132]-Validationfailedforargument[0]inpubliccom.ruoyi.common.core.domain
    
                    
    • 
                                
  • TOMCAT在POST方法提交参数丢失问题
                                    357029540
javatomcatjsp
                                    
    摘自http://my.oschina.net/luckyi/blog/213209 
昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 
 
检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 
 
恢复较多数据后跟踪提交FORM DATA ，发现数
    
                                
    • 
                                
  • 在MyEclipse中增加JSP模板 删除-2008-08-18
                                    ljy325
jspxmlMyEclipse
                                    
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 
然后在 D:\Progr
    
                                
    • 
                                
  • JavaScript常用验证脚本总结
                                    eksliang
JavaScriptjavaScript表单验证
                                    
         转载请出自出处：http://eksliang.iteye.com/blog/2098985   
     下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! 
&nb
    
                                
    • 
                                
  • 微软BI（4）
                                    18289753290
微软BI SSIS
                                    
    1） 
Q:查看ssis里面某个控件输出的结果：  
A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 
这是我们在包里面定义的变量 
2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 
3) 
Q：ssis里面如果将多个数据源的数据插入目的端一
    
                                
    • 
                                
  • 定时对大数据量的表进行分表对数据备份
                                    酷的飞上天空
大数据量
                                    
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。 
  
分表工具：linux的shell + mysql自身提供的管理命令 
原理：使用一个和原表数据结构一样的表，替换原表。 
  
linux shell内容如下： 
=======================开始 
    
                                
    • 
                                
  • 本质的描述与因材施教
                                    永夜-极光
感想随笔
                                    
      
       不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。 
       我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解 
  
     &
    
                                
    • 
                                
  • 很迷茫。。。
                                    随便小屋
随笔
                                    
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。 
  
先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
    
                                
    • 
                                
  • 23种设计模式的意图和适用范围
                                    aijuans
设计模式
                                    
    Factory Method  意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。  　　适用性 当一个类不知道它所必须创建的对象的类的时候。  　　当一个类希望由它的子类来指定它所创建的对象的时候。  　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。  
Abstr
    
                                
    • 
                                
  • Java中的synchronized和volatile
                                    aoyouzi
javavolatilesynchronized
                                    
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
    
                                
    • 
                                
  • js数组的操作和this关键字
                                    百合不是茶
js数组操作this关键字
                                    
    js数组的操作; 
  
一:数组的创建: 
1、数组的创建

var array = new Array();　//创建一个数组

var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
    
                                
    • 
                                
  • 别人的阿里面试感悟
                                    bijian1013
面试分享工作感悟阿里面试
                                    
    原文如下：http://greemranqq.iteye.com/blog/2007170 
        一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！ 
   &nb
    
                                
    • 
                                
  • 淘宝的测试框架Itest
                                    Bill_chen
springmaven框架单元测试JUnit
                                    
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 
集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 
近期项目中用了下，有关itest的具体使用如下： 
1.在Maven中引入itest框架： 
<dependency> 
  <groupId>com.taobao.test</groupId&g
    
                                
    • 
                                
  • 【Java多线程二】多路条件解决生产者消费者问题
                                    bit1129
java多线程
                                    
    package com.tom;

import java.util.LinkedList;
import java.util.Queue;
import java.util.concurrent.ThreadLocalRandom;
import java.util.concurrent.locks.Condition;
import java.util.concurrent.loc
    
                                
    • 
                                
  • 汉字转拼音pinyin4j
                                    白糖_
pinyin4j
                                    
     以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码： 
  
  

import java.util.HashSet;
import java.util.Set;

import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin
    
                                
    • 
                                
  • org.hibernate.TransactionException: JDBC begin failed解决方案
                                    bozch
ssh数据库异常DBCP
                                    
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
    
                                
    • 
                                
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合
                                    bylijinnan
java
                                    
    
import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.ut
    
                                
    • 
                                
  • Java PrintWriter打印乱码
                                    chenbowen00
java
                                    
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 
读文件： 
BufferedReader 
从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 
 
可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 
 
通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
    
                                
    • 
                                
  • [天气与气候]极端气候环境
                                    comsci
环境
                                    
     
 
      如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵...... 
 
 
     那么地球上的国家应该做什么样的防备工作呢? 
 
 
 &n
    
                                
    • 
                                
  • oracle order by与union一起使用的用法
                                    daizj
UNIONoracleorder by
                                    
    当使用union操作时，排序语句必须放在最后面才正确，如下： 
 
 
只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 
如果unoin的几个子查询列名不同，如 
Sql代码  
select supplier_id, supplier_name  
from suppliers  
UNI
    
                                
    • 
                                
  • zeus持久层读写分离单元测试
                                    deng520159
单元测试
                                    
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 
1.ZeusMasterSlaveTest.java 
package com.dengliang.zeus.webdemo.test;

import java.util.ArrayList;
import java.util.List;

import org.junit.Assert;
import org.j
    
                                
    • 
                                
  • Yii 截取字符串(UTF-8) 使用组件
                                    dcj3sjt126com
yii
                                    
    1.将Helper.php放进protected\components文件夹下。 
2.调用方法： 
  Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  
&n
    
                                
    • 
                                
  • 安装memcache及php扩展
                                    dcj3sjt126com
PHP
                                    
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
    
                                
    • 
                                
  • JsonObject 处理日期
                                    feifeilinlin521
javajsonJsonOjbectJsonArrayJSONException
                                    
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码 
 &n
    
                                
    • 
                                
  • Ehcache（06）——监听器
                                    234390216
监听器listenerehcache
                                    
    监听器 
  
       Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。 
 
    
                                
    • 
                                
  • activiti 自带设计器中chrome 34版本不能打开bug的解决
                                    jackyrong
Activiti
                                    
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 
经证实为bug，参考 
http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 
 
修改为，找到 
oryx.debug.js 
 
在最头部增加 
 

if (!Document.
    
                                
    • 
                                
  • 微信收货地址共享接口-终极解决
                                    laotu5i0
微信开发
                                    
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。 
   如果你能搜到本贴，说明你已经碰到了各种 ed
    
                                
    • 
                                
  • 关于人才
                                    netkiller.github.com
工作面试招聘netkiller人才
                                    
    关于人才 
每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 
总结就是“盲目推荐，以量取胜”。  
目前现状 
许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 
企业招聘，通常是需要用人的部门提出招聘条件，由人
    
                                
    • 
                                
  • 搭建 CentOS 6 服务器 - 目录
                                    rensanning
centos
                                    
    (1) 安装CentOS 
ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 
详细内容 
 
 
(2) Linux常用命令 
cd、ls、rm、chmod...... 
详细内容 
 
 
(3) 初始环境设置 
用户管理、网络设置、安全设置...... 
详细内容 
 
 
(4) 常驻服务Daemon
    
                                
    • 
                                
  • 【求助】mongoDB无法更新主键
                                    toknowme
mongodb
                                    
           Query query = new Query();            query.addCriteria(new Criteria("_id").is(o.getId()));                    &n
    
                                
    • 
                                
  • jquery 页面滚动到底部自动加载插件集合
                                    xp9802
jquery
                                    
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 
1. jQuery ScrollPagination 
jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 
2. jQuery Screw 
S
    
                                
    • 
                

            

        

    




    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他