贪吃ღ大魔王
贪吃ღ大魔王

天使跟随鼠标&&输入框放大提示文本内容&&键盘聚焦搜索框---案例分享

文章目录

  • 天使跟随鼠标案例
  • 输入框放大提示文本内容
  • 键盘聚焦搜索框

天使跟随鼠标案例

实现核心思路：

  1. 鼠标不断的移动，使用鼠标移动时间：mousemove
  2. 在页面中移动，给document注册事件
  3. 图片要移动距离，而且不占位置，我们使用绝对定位即可
  4. 核心原理：每次鼠标移动，我们都会获得最新的鼠标坐标，把这个X和Y坐标作为图片的left和top值就可以移动图片

实现代码：

		<style type="text/css">
			body{
      
				position: relative;
				background-color: #1b1b1b;
			}
			img{
      
				width: 60px;
				height: 60px;
				position: absolute;
			}
		style>
	head>
	<body>
		<img src="img/天使.gif"/>
	body>
	<script type="text/javascript">
		var logo = document.querySelector('img');         ---给document注册鼠标移动事件---
		document.addEventListener('mousemove',function(e) {
      
			var x = e.pageX;                   ---获取鼠标的X，Y坐标  这里坐标是相对于整个文档页面的 用e.page
			var y = e.pageY;
			logo.style.left = x - 40 + 'px';          ---将坐标值给图片定位的left和top---
			logo.style.top = y - 40 + 'px';
		})
	script>

实现效果：

输入框放大提示文本内容

核心思路：

  1. 快递单号输入内容时，上面的大号字体盒子内的提示文本的字体字号更大
  2. 表单检测用户输入：给表单添加键盘事件
  3. 同时把快递单号里面的值（value）获取过来赋值给提示文本盒子（innerText）作为内容
  4. 如果快递单号里面内容为空，则隐藏提示文本的盒子
  5. 注意：keydown 和 keypress 在文本框里面的特点：他们两个事件触发的时候i，文字还没有落入文本框中。这个案例中需要用keyup。
  6. keyup事件触发的时候，文字已经落入文本框里面了。

代码实现：

	
<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
		<style type="text/css">
			.box{
      
				width: 400px;
				height: 400px;
				margin: 0 auto;
				position: relative;
				border: 1px solid purple;
			}
			.title{
      
				width: 220px;
				height: 40px;
				position: absolute;
				left: 50px;
				top: 150px;
				background-color: gainsboro;
				display: none;
				font-size: 24px;
				line-height: 40px;
				color: deeppink;
			}
			.title::after{
      
				content: "";
				width: 0;
				height: 0;
				background-color: blueviolet;
				display: block;
				position: absolute;
				bottom: -10px;
				left: 10px;
				border-top: 5px solid gainsboro;
				border-left: 4px solid white;
				border-right: 4px solid white;
				border-bottom: 5px solid white;
			}
			input{
      
				width: 200px;
				height: 20px;
				position: absolute;
				top: 200px;
				left: 50px;
				line-height: 20px;
			}
			button{
      
				position: absolute;
				right: 75px;
				bottom: 175px;
			}
		style>
	head>
	<body>
		<div class="box">
			<div class="title">div>
			<input type="text" placeholder="请输入快递单号"/>
			<button>查询button>
		div>
	body>
	<script type="text/javascript">
		var ipt = document.querySelector('input');   ---获取输入框和提示框---
		var tit = document.querySelector('.title');
		document.addEventListener('keyup', function(e) {
            ---给document注册键盘事件---
			if (e.keyCode == 13) {
                  ---设定当按下enter键时 自动聚焦输入框---
				ipt.focus();
			}
			if (ipt.value != '') {
                  ---判断，如果输入框内容不为空，则显示提示框并且把输入框内容给提示框---
				tit.style.display = 'block';
				tit.innerHTML = ipt.value;
			} else {
                 
				tit.style.display = 'none';    ---如果输入框内容为空，则隐藏提示框---
			}
		})
	script>
html>

下面是实现效果：
天使跟随鼠标&&输入框放大提示文本内容&&键盘聚焦搜索框---案例分享_第1张图片
进行键盘事件测试：

天使跟随鼠标&&输入框放大提示文本内容&&键盘聚焦搜索框---案例分享_第2张图片

只有按下enter 键才会输入框聚焦

输入提示文本后，显示提示文本：

天使跟随鼠标&&输入框放大提示文本内容&&键盘聚焦搜索框---案例分享_第3张图片

键盘聚焦搜索框

e.keyCode用来判断返回按下的键的ascii值

		style>
	head>
	<body>
		<input type="text" />
	body>
	<script type="text/javascript">
		var ipt = document.querySelector('input');
		document.addEventListener('keyup',function(e) {
      
			console.log(e.keyCode);
			if(e.keyCode == 13) {
      
				ipt.focus();
			}
		})
	script>

这里还是用keyup来实现；
在这里插入图片描述

你可能感兴趣的:(代码手写,案例,实际开发应用,dom操作,javascript)

  • Gone v2 提供 gRPC服务 dapeng-大鹏 Gone框架介绍golanggRPCgone
    项目地址：https://github.com/gone-io/gone原文地址：https://github.com/gone-io/goner/blob/main/grpc/README.md文章目录编写proto文件，生成golang代码编写服务端代码注册客户端编写配置文件测试总结首先创建一个grpc目录，在这个目录中初始化一个golangmod：mkdirgrpccdgrpcgomodin
  • 64.Harmonyos NEXT 图片预览组件之手势处理实现（二） harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT图片预览组件之手势处理实现（二）效果预览一、双指旋转手势实现（续）在上一篇文章中，我们介绍了图片预览组件的单指拖动和双指缩放手势实现。本文将继续介绍双指旋转手势和双击缩放手势的实现细节。1.旋转手势处理逻辑双指旋转手势的核心逻辑包括：R
  • 65.Harmonyos NEXT 图片预览组件之手势处理实现（三） harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT图片预览组件之手势处理实现（三）效果预览一、双击缩放手势实现在前两篇文章中，我们介绍了图片预览组件的单指拖动、双指缩放和双指旋转手势实现。本文将继续介绍双击缩放手势的实现细节，以及手势之间的协同工作机制。1.双击缩放手势定义TapGes
  • JavaScript基础-全局作用域 難釋懷 javascript开发语言
    在JavaScript编程中，理解变量的作用域是编写高效、可维护代码的关键之一。全局作用域是指变量在整个程序范围内都可访问的状态，这意味着它们可以在任何函数或代码块中被读取和修改。然而，过度使用全局变量也可能导致一些问题，如命名冲突和意外的副作用。本文将详细介绍全局作用域的概念、特性以及如何合理使用全局变量。一、什么是全局作用域？当一个变量在任何函数、代码块之外声明时，它就处于全局作用域下。这意味
  • PCL 点云OBB包围盒（二） 大鱼BIGFISH 点云进阶C++PCL点云OBB包围盒
    文章目录一、简介二、实现步骤二、实现代码三、实现效果参考资料一、简介包围盒是一种求解离散点集最优包围空间的算法，基本思想是用体积稍大且特性简单的几何体（称为包围盒）来近似地代替复杂的几何对象。（来源于百度）常用的求解包围盒的算法主要有AABB和OOB算法，但AABB算法容易受到物体朝向的影响，产生较大的空隙，因此本文将以OOB算法思想实现最小包围盒的求取。包围盒的应用有很多，如机械上的碰撞测试、物
  • 梯度下降法以及随机梯度下降法 HKkuaidou 人工智能深度学习pythonpytorch
    梯度下降法就是在更新weight的时候，向函数值下降的最快方向进行更新，具体的原理我就不再写了，就是一个求偏导的过程，有高数基础的都能够很快的理解过程。我在我的github里面会一直更新自己学习pytorch的过程，地址为：https://github.com/00paning/Pytorch_Learning这里我直接展示一个简易实现的python代码，我们还是先看一下运行的效果图：相关pyth
  • C++8--赋值运算符重载 大胆飞猪 c++
    1.运算符重载C++引入运算符的目的是为了增强代码的可读性。运算符重载是具有特殊函数名的函数，也具有其返回值类型，函数名字以及参数列表，其返回值类型与参数列表与普通的函数相似。函数名字为：关键字operator后面接需要重载的运算符符号函数原型：返回值类型operator操作符(参数列表)注意：不能通过连接其他符号来创建新的操作符：比如operator@重载操作符必须有一个类类型参数用于内置类型的
  • Gone v2 中 Gone-Gin 性能测试报告 dapeng-大鹏 Gone框架介绍gingone依赖注入请求参数依赖注入
    项目地址：https://github.com/gone-io/gone原文地址：https://github.com/gone-io/goner/blob/main/gin/benchmark_test.mdGone-Gin性能测试报告文章目录Gone-Gin性能测试报告简介实现原理核心组件工作流程响应处理机制性能测试测试环境测试用例测试代码示例请求结构体定义Gone-Gin处理函数原生Gin处
  • MATLAB 操作指南（结尾附实操案例） vvvae1234 信息可视化
    一、MATLAB简介MATLAB（矩阵实验室）是一个高级技术计算语言和交互环境，它主要用于数值计算、数据分析、算法开发和可视化。MATLAB的核心功能是矩阵运算，它能够处理向量和矩阵为中心的数学问题，方便用户进行算法的开发和数据可视化。主要特点高效的数值计算：MATLAB内置了许多用于数学和工程计算的函数，用户可以轻松地进行数值运算。可视化功能：MATLAB提供了丰富的工具，用于生成各种类型的图形
  • 【JS性能优化黑魔法】从8秒到0.8秒的奇迹の逆袭（祖传代码大改造）—— 让老板跪下喊爸爸的极致优化指南 vvvae1234 github
    ️第一章：渲染の禁忌仪式（重绘与回流）场景：购物车动画卡成PPT//菜鸟写法（每秒60次全局地震）setInterval(()=>{cartItems.forEach(item=>{item.style.top=`${Math.sin(Date.now())*10}px`;//持续触发回流});},16);//老司机优化（GPU加速の奥义）functionsmoothAnimation(){req
  • SQL必知必会40-SQLite：为什么微信用SQLite存储聊天记录？ 程序员zhi路 MYSQL专栏sqlsqlitejvm
    我在上一篇文章中讲了WebSQL，当我们在Chrome、Safari和Firefox等浏览器客户端中使用WebSQL时，会直接操作SQLite。实际上SQLite本身是一个嵌入式的开源数据库引擎，大小只有3M左右，可以将整个SQLite嵌入到应用中，而不用采用传统的客户端／服务器（Client/Server）的架构。这样做的好处就是非常轻便，在许多智能设备和应用中都可以使用SQLite，比如微信就
  • Android Dagger2 框架注入模块源码深度剖析(四) &有梦想的咸鱼& android
    一、引言在Android开发中，依赖注入（DependencyInjection，简称DI）是一种重要的设计模式，它能够有效降低代码之间的耦合度，提高代码的可测试性和可维护性。Dagger2作为一款强大的依赖注入框架，在编译时生成依赖注入代码，避免了运行时反射带来的性能开销。注入模块是Dagger2的核心部分，负责将依赖对象注入到目标对象中。本文将深入分析Dagger2框架的注入模块，从源码级别详
  • C++枚举算法详解 卫青~护驾！ 算法数据结构c++青少年编程枚举算法
    一、枚举算法核心思想枚举算法是一种通过遍历所有可能情况来解决问题的暴力搜索方法，其核心特点是：全面性：不遗漏任何可能性简单性：逻辑直接易实现低效性：时间复杂度通常较高（O(n^k)）适用场景：问题规模有限且可穷举的情况（如数值范围小、维度低）二、经典案例：福尔摩斯密码破解问题描述ABCDE×?=EDCBA其中A,E,?∈[1,9]，B,C,D∈[0,9]所有字符互不相同算法实现（6层嵌套循环）fo
  • 【信息学奥赛一本通】2040：筛选法找质数 repas-originse C++筛法质数算法C++程序设计
    【题目描述】用筛法求出n(2≤n≤1000)n(2≤n≤1000)以内的全部质数。【输入】输入nn。【输出】多行，由小到大的质数。【输入样例】10【输出样例】2357【代码】#includeusingnamespacestd;intmain
  • PTA:空心字母金字塔 悦悦子a啊 C语言PTA习题c++算法
    输入一个大写的英文字母，输出空心的字母金字塔。输入格式:一个大写英文字母。输出格式:一个空心的大写英文字母金字塔，其中第1层的“A”在第1行的第40列，列从1开始计数。输入样例:E输出样例:ABBCCDDEEEEEEEEE代码如下：#includeusingnamespacestd;intmain(){chara;cin>>a;intn=a-'A';charb='A';if(a=='A'){for
  • 信息学奥赛一本通（2040：【例5.7】筛选法找质数） 橙子教师 信奥一本通（数组）
    2040：【例5.7】筛选法找质数时间限制:1000ms内存限制:65536KB提交数:490通过数:335【题目描述】用筛法求出n(2≤n≤1000)n(2≤n≤1000)以内的全部质数。【输入】输入nn。【输出】多行，由小到大的质数。【输入样例】10【输出样例】2357【参考代码】#include#defineN1010inttable[N]={1,1};voidisprime(){inti,
  • Elasticsearch Java High Level Client [7.17] 使用 DavidSoCool javaelasticsearch开发语言
    es的HighLevelClient存在es源代码的引用，结合springboot使用时，会存在es版本的冲突，这里记录下解决冲突和使用方式（es已经不建议使用这个了）。注意es服务端的版本需要与client的版本对齐，否则返回数据可能会解析失败！！！文档地址：JavaHighLevelRESTClient|JavaRESTClient[7.17]|Elastic1、首先创建个javaspring
  • 泛目录程序：站群策略在SEO优化中的优势与应用 奥顺互联_老张 站群php数据库缓存搜索引擎
    泛目录程序案例：站群策略在SEO优化中的优势与应用引言在当今竞争激烈的互联网环境中，搜索引擎优化（SEO）已成为企业提升在线可见性和流量的关键策略。泛目录和站群作为SEO优化中的两种重要策略，近年来备受关注。本文将通过具体案例，深入探讨这两种策略在SEO优化中的优势与应用。一、泛目录的定义与优势1.1泛目录的定义泛目录是指通过创建大量内容相关、结构相似的目录页面，覆盖广泛的搜索关键词，从而提升网站
  • for循环及其应用场景 烈焰猩猩 python
    for循环及其应用场景一,for循环语法for循环结构主要用于(‘序列’:字符串,列表,元组,集合以及字典)类型数据的遍历(循环)操作.for循环主要用于序列类型数据的循环操作(遍历操作).另外,当循环次数未知的情况,建议使用for循环.for循环格式for临时变量in序列:重复执行的代码1重复执行的代码2案例:使用for循环遍历字符串"itheima"str1='itheima'foriinst
  • 白话设计模式之（53）：迭代器模式——数据遍历的“百变魔方” 一杯年华@编程空间 白话设计模式设计模式迭代器模式
    白话设计模式之（53）：迭代器模式——数据遍历的“百变魔方”大家好！在软件开发的学习过程中，我们都在不断探索如何让代码更加高效、灵活且易于维护。设计模式作为编程领域的关键知识，为我们解决各种复杂问题提供了有力的工具。今天，咱们继续深入研究迭代器模式，它就像一个“百变魔方”，不仅能实现基本的数据遍历功能，还能通过各种扩展和变化，满足不同场景下的数据访问需求。希望通过这篇博客，能和大家一起更全面地理解
  • 深入理解 Java 中 synchronized 的使用和锁升级 谢家小布柔 java中的面试题java开发语言
    目录一、synchronized的使用方式（一）修饰普通方法（二）修饰静态方法（三）修饰代码块二、synchronized的锁升级（一）无锁（二）偏向锁（三）轻量级锁（四）重量级锁在Java并发编程中，synchronized是一个非常重要的关键字，用于实现线程同步，保证在同一时刻只有一个线程可以访问被同步的代码块或方法，从而避免多线程带来的数据不一致等问题。同时，Java虚拟机（JVM）为了提高
  • Java面向对象编程进阶：深入理解static、单例模式与继承 shy2005_5_31 Java全栈开发学习java单例模式开发语言
    在面向对象编程（OOP）中，掌握高级特性是提升代码质量和设计能力的关键。本文基于Java语言，深入探讨static关键字、单例设计模式、继承等核心概念，并结合实际应用场景与深度思考，帮助读者构建系统化的知识体系。一、static关键字：共享与效率的基石1.静态变量vs实例变量静态变量：用static修饰，属于类，内存中仅一份，被所有对象共享。应用场景：全局计数器、配置参数。publicclassU
  • Python漂浮爱心代码 Want595 趣味编程python开发语言
    目录系列文章前言小海龟漂浮爱心完整代码尾声系列文章序号直达链接表白系列1Python无法拒绝的表白界面（完整代码）_python玫瑰花雨编程-CSDN博客2Python满屏飘字表白代码（完整代码）_抖音同款满屏飘字表白代码(python版)-CSDN博客3Python无限弹窗满屏表白代码（完整代码）_python弹窗满屏幕-CSDN博客4Python李峋同款跳动的爱心（完整代码）_python绘制
  • VSCode 2025最新后端开发必备插件汇总（必备插件合集，Python、Java、Go等语言） Code_流苏 实用软件与高效工具vscodepythonjava后端开发必备插件合集
    前言:作为微软推出的轻量级跨平台编辑器，VSCode凭借智能代码补全、远程开发、Git集成等核心功能，已成为后端开发者首选工具。其强大的插件生态更是覆盖了主流后端语言支持、代码质量优化、性能分析等全场景需求。名人说：博观而约取，厚积而薄发。——苏轼《稼说送张琥》创作者：Code_流苏(CSDN)（一个喜欢古诗词和编程的Coder）目录一、语言支持类插件二、代码质量和格式化工具三、数据库工具四、AP
  • HTML网页中添加视频的代码 冬瓜生鲜 JavaWeb
           //非原创（当时忘记保存大佬连接了，不知道是谁的了，所以没有转载链接，见谅）只需要把名字改改就行如果要实现自动播放：改下这个：controlsautoplaymuted;       
  • 手动部署？NONONO，动态上传热部署才是王道！！ 架构文摘JGWZ 接口学习后端spring
    近期开发系统过程中遇到的一个需求，系统给定一个接口，用户可以自定义开发该接口的实现，并将实现打成jar包，上传到系统中。系统完成热部署，并切换该接口的实现。定义简单的接口这里以一个简单的计算器功能为例，接口定义比较简单，直接上代码。public interface Calculator {    int calculate(int a, int b);    int add(int a, int 
  • react和vue 基础使用对比 圣京都 reactreact.jsjavascriptvue.js
    1.实现功能（ts）0.基础属性使用1.组件直接的通信2.useState动态修改值3.循环遍历功能4.实现类型vue的watch，filter，computed属性功能5.实现类似vue2的生命周期5.类型vuev-if功能的实现2.文件结构图3.具体代码interface.tsimport"./index.less";import{message}from"antd";import{useSt
  • 使用Python的 multiprocessing 模块实现多进程并行计算（上完整代码） 小码小李 开发语言python数据库
    使用Python的multiprocessing模块实现多进程并行计算的较为详细复杂的示例代码，用于计算一个较大范围内数字的平方，并将结果汇总。以下是一个更具体、复杂且详尽的多进程并行计算代码示例，用于分析多个大型文本文件中单词出现的频率：importmultiprocessingimporttimeimportrefromcollectionsimportCounter#函数用于读取单个文件内容
  • 应用统计学学什么科目_统计学考研科目分别有哪些？你都知道吗 心言星愿 应用统计学学什么科目
    在现实社会社会中统计学的应用范围是比较广泛的，想要报考统计学的朋友也是不再少数的，那么问题就来了关于统计学应该要学习哪一些科目呢，下面就来详细的看一下关于统计学方向具体的统计学考研科目分别有那些。首先对于统计学来讲英语政治史必然的初试科目，而专业课的考研科目具体是什么还是要看你选择的院校的实际出题情况了，所以在确定了考研科目之后一定要在在确定一下你想去的高校，以便能够更好的准备。在来看一下在学校方
  • 《基于单片机的交通灯设计与实现（附论文+源代码）》 Blossom.118 单片机课程设计系列单片机嵌入式硬件单片机课程设计51单片机工科软硬件技术stm32c++
    1、项目背景交通灯控制系统是城市交通管理的重要组成部分，其作用是合理分配道路资源，缓解交通拥堵，保障行人和车辆的安全。传统的交通灯系统多为固定时长控制，而基于单片机的交通灯控制系统可以通过编程实现更灵活的控制逻辑，例如根据车流量调整信号时长，甚至实现智能交通管理。2、设计思想交通灯设计是以单片机AT89C51芯片作为核心原件，LED灯、八段数码管等构成交通灯显示系统，利用单片机的电源电路、时钟电路
  • iOS http封装 374016526 ios服务器交互http网络请求
    程序开发避免不了与服务器的交互，这里打包了一个自己写的http交互库。希望可以帮到大家。   内置一个basehttp，当我们创建自己的service可以继承实现。   KuroAppBaseHttp *baseHttp = [[KuroAppBaseHttp alloc] init]; [baseHttp setDelegate:self]; [baseHttp
  • lolcat ：一个在 Linux 终端中输出彩虹特效的命令行工具 brotherlamp linuxlinux教程linux视频linux自学linux资料
      那些相信 Linux 命令行是单调无聊且没有任何乐趣的人们，你们错了，这里有一些有关 Linux 的文章，它们展示着 Linux 是如何的有趣和“淘气” 。 在本文中，我将讨论一个名为“lolcat”的小工具 – 它可以在终端中生成彩虹般的颜色。 何为 lolcat ? Lolcat 是一个针对 Linux，BSD 和 OSX 平台的工具，它类似于 cat 命令，并为 cat
  • MongoDB索引管理（1）——[九] eksliang mongodbMongoDB管理索引
    转载请出自出处：http://eksliang.iteye.com/blog/2178427 一、概述       数据库的索引与书籍的索引类似，有了索引就不需要翻转整本书。数据库的索引跟这个原理一样，首先在索引中找，在索引中找到条目以后，就可以直接跳转到目标文档的位置，从而使查询速度提高几个数据量级。       不使用索引的查询称
  • Informatica参数及变量 18289753290 Informatica参数变量
    下面是本人通俗的理解，如有不对之处，希望指正 info参数的设置：在info中用到的参数都在server的专门的配置文件中（最好以parma）结尾 下面的GLOBAl就是全局的，$开头的是系统级变量，$$开头的变量是自定义变量。如果是在session中或者mapping中用到的变量就是局部变量，那就把global换成对应的session或者mapping名字。 [GLOBAL] $Par
  • python 解析unicode字符串为utf8编码字符串 酷的飞上天空 unicode
    php返回的json字符串如果包含中文，则会被转换成\uxx格式的unicode编码字符串返回。 在浏览器中能正常识别这种编码，但是后台程序却不能识别，直接输出显示的是\uxx的字符，并未进行转码。   转换方式如下   >>> import json >>> q = '{"text":"\u4
  • Hibernate的总结 永夜-极光 Hibernate
    1.hibernate的作用,简化对数据库的编码,使开发人员不必再与复杂的sql语句打交道   做项目大部分都需要用JAVA来链接数据库，比如你要做一个会员注册的 页面，那么 获取到用户填写的 基本信后，你要把这些基本信息存入数据库对应的表中，不用hibernate还有mybatis之类的框架，都不用的话就得用JDBC，也就是JAVA自己的，用这个东西你要写很多的代码，比如保存注册信
  • SyntaxError: Non-UTF-8 code starting with '\xc4' 随便小屋 python
    刚开始看一下Python语言，传说听强大的，但我感觉还是没Java强吧！ 写Hello World的时候就遇到一个问题，在Eclipse中写的，代码如下 ''' Created on 2014年10月27日 @author: Logic ''' print("Hello World!");  运行结果 SyntaxError: Non-UTF-8
  • 学会敬酒礼仪 不做酒席菜鸟 aijuans 菜鸟
    俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。 细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。 细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。 细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。 细节四：自己敬别人，如果碰杯，一
  • 《创新者的基因》读书笔记 aoyouzi 读书笔记《创新者的基因》
    创新者的基因   创新者的“基因”，即最具创意的企业家具备的五种“发现技能”：联想，观察，实验，发问，建立人脉。   第一部分破坏性创新，从你开始 第一章破坏性创新者的基因 如何获得启示： 发现以下的因素起到了催化剂的作用：(1) -个挑战现状的问题；(2)对某项技术、某个公司或顾客的观察；(3) -次尝试新鲜事物的经验或实验；(4)与某人进行了一次交谈，为他点醒
  • 表单验证技术 百合不是茶 JavaScriptDOM对象String对象事件
    js最主要的功能就是验证表单,下面是我对表单验证的一些理解,贴出来与大家交流交流  ,数显我们要知道表单验证需要的技术点, String对象,事件,函数   一:String对象;通常是对字符串的操作;   1,String的属性;   字符串.length;表示该字符串的长度; var str= "java"
  • web.xml配置详解之context-param bijian1013 javaservletweb.xmlcontext-param
    一.格式定义： <context-param> <param-name>contextConfigLocation</param-name> <param-value>contextConfigLocationValue></param-value> </context-param> 作用：该元
  • Web系统常见编码漏洞（开发工程师知晓） Bill_chen sqlPHPWebfckeditor脚本
    1.头号大敌：SQL Injection 原因：程序中对用户输入检查不严格，用户可以提交一段数据库查询代码，根据程序返回的结果， 获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。 本质: 对于输入检查不充分，导致SQL语句将用户提交的非法数据当作语句的一部分来执行。 示例： String query = "SELECT id FROM users
  • 【MongoDB学习笔记六】MongoDB修改器 bit1129 mongodb
    本文首先介绍下MongoDB的基本的增删改查操作，然后，详细介绍MongoDB提供的修改器，以完成各种各样的文档更新操作  MongoDB的主要操作 show dbs 显示当前用户能看到哪些数据库 use foobar 将数据库切换到foobar show collections 显示当前数据库有哪些集合 db.people.update，update不带参数，可
  • 提高职业素养，做好人生规划 白糖_ 人生
      培训讲师是成都著名的企业培训讲师，他在讲课中提出的一些观点很新颖，在此我收录了一些分享一下。注：讲师的观点不代表本人的观点，这些东西大家自己揣摩。   1、什么是职业规划：职业规划并不完全代表你到什么阶段要当什么官要拿多少钱，这些都只是梦想。职业规划是清楚的认识自己现在缺什么，这个阶段该学习什么，下个阶段缺什么，又应该怎么去规划学习，这样才算是规划。  
  • 国外的网站你都到哪边看？ bozch 技术网站国外
    学习软件开发技术，如果没有什么英文基础，最好还是看国内的一些技术网站，例如：开源OSchina，csdn，iteye,51cto等等。 个人感觉如果英语基础能力不错的话，可以浏览国外的网站来进行软件技术基础的学习，例如java开发中常用的到的网站有apache.org 里面有apache的很多Projects,springframework.org是spring相关的项目网站,还有几个感觉不错的
  • 编程之美-光影切割问题 bylijinnan 编程之美
    package a; public class DisorderCount { /**《编程之美》“光影切割问题” * 主要是两个问题： * 1.数学公式（设定没有三条以上的直线交于同一点）： * 两条直线最多一个交点，将平面分成了4个区域； * 三条直线最多三个交点，将平面分成了7个区域； * 可以推出：N条直线 M个交点，区域数为N+M+1。
  • 关于Web跨站执行脚本概念 chenbowen00 Web安全跨站执行脚本
    跨站脚本攻击(XSS)是web应用程序中最危险和最常见的安全漏洞之一。安全研究人员发现这个漏洞在最受欢迎的网站,包括谷歌、Facebook、亚马逊、PayPal,和许多其他网站。如果你看看bug赏金计划,大多数报告的问题属于 XSS。为了防止跨站脚本攻击,浏览器也有自己的过滤器,但安全研究人员总是想方设法绕过这些过滤器。这个漏洞是通常用于执行cookie窃取、恶意软件传播,会话劫持,恶意重定向。在
  • [开源项目与投资]投资开源项目之前需要统计该项目已有的用户数 comsci 开源项目
            现在国内和国外,特别是美国那边,突然出现很多开源项目,但是这些项目的用户有多少,有多少忠诚的粉丝,对于投资者来讲,完全是一个未知数,那么要投资开源项目,我们投资者必须准确无误的知道该项目的全部情况,包括项目发起人的情况,项目的维持时间..项目的技术水平,项目的参与者的势力,项目投入产出的效益.....
  • oracle alert log file（告警日志文件） daizj oracle告警日志文件alert log file
    The alert log is a chronological log of messages and errors, and includes the following items: All internal errors (ORA-00600), block corruption errors (ORA-01578), and deadlock errors (ORA-00060)
  • 关于 CAS SSO 文章声明 denger SSO
    由于几年前写了几篇 CAS 系列的文章，之后陆续有人参照文章去实现，可都遇到了各种问题，同时经常或多或少的收到不少人的求助。现在这时特此说明几点： 1.  那些文章发表于好几年前了，CAS 已经更新几个很多版本了，由于近年已经没有做该领域方面的事情，所有文章也没有持续更新。 2. 文章只是提供思路，尽管 CAS 版本已经发生变化，但原理和流程仍然一致。最重要的是明白原理，然后
  • 初二上学期难记单词 dcj3sjt126com englishword
    lesson 课 traffic 交通 matter 要紧；事物 happy 快乐的，幸福的 second 第二的 idea 主意；想法；意见 mean 意味着 important 重要的，重大的 never 从来，决不 afraid 害怕 的 fifth 第五的 hometown 故乡，家乡 discuss 讨论；议论 east 东方的 agree 同意；赞成 bo
  • uicollectionview 纯代码布局, 添加头部视图 dcj3sjt126com Collection
    #import <UIKit/UIKit.h> @interface myHeadView : UICollectionReusableView { UILabel *TitleLable; } -(void)setTextTitle; @end #import "myHeadView.h" @implementation m
  • N 位随机数字串的 JAVA 生成实现 FX夜归人 javaMath随机数Random
    /** * 功能描述 随机数工具类<br /> * @author FengXueYeGuiRen * 创建时间 2014-7-25<br /> */ public class RandomUtil { // 随机数生成器 private static java.util.Random random = new java.util.R
  • Ehcache（09）——缓存Web页面 234390216 ehcache页面缓存
    页面缓存 目录 1       SimplePageCachingFilter 1.1      calculateKey 1.2      可配置的初始化参数 1.2.1     cach
  • spring中少用的注解@primary解析 jackyrong primary
    这次看下spring中少见的注解@primary注解，例子 @Component public class MetalSinger implements Singer{ @Override public String sing(String lyrics) { return "I am singing with DIO voice
  • Java几款性能分析工具的对比 lbwahoo java
    Java几款性能分析工具的对比 摘自：http://my.oschina.net/liux/blog/51800   在给客户的应用程序维护的过程中，我注意到在高负载下的一些性能问题。理论上，增加对应用程序的负载会使性能等比率的下降。然而，我认为性能下降的比率远远高于负载的增加。我也发现，性能可以通过改变应用程序的逻辑来提升，甚至达到极限。为了更详细的了解这一点，我们需要做一些性能
  • JVM参数配置大全 nickys jvm应用服务器
    JVM参数配置大全 /usr/local/jdk/bin/java -Dresin.home=/usr/local/resin -server -Xms1800M -Xmx1800M -Xmn300M -Xss512K -XX:PermSize=300M -XX:MaxPermSize=300M -XX:SurvivorRatio=8 -XX:MaxTenuringThreshold=5 -
  • 搭建 CentOS 6 服务器(14) - squid、Varnish rensanning varnish
    （一）squid 安装 # yum install httpd-tools -y # htpasswd -c -b /etc/squid/passwords squiduser 123456 # yum install squid -y 设置 # cp /etc/squid/squid.conf /etc/squid/squid.conf.bak # vi /etc/
  • Spring缓存注解@Cache使用 tom_seed spring
    参考资料 http://www.ibm.com/developerworks/cn/opensource/os-cn-spring-cache/ http://swiftlet.net/archives/774   缓存注解有以下三个： @Cacheable      @CacheEvict     @CachePut
  • dom4j解析XML时出现"java.lang.noclassdeffounderror: org/jaxen/jaxenexception"错误 xp9802
    java.lang.NoClassDefFoundError: org/jaxen/JaxenExc 关键字: java.lang.noclassdeffounderror: org/jaxen/jaxenexception 使用dom4j解析XML时，要快速获取某个节点的数据，使用XPath是个不错的方法，dom4j的快速手册里也建议使用这种方式 执行时却抛出以下异常： Exceptio
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他