谈情亲个嘴
谈情亲个嘴

js为元素增加流动边框效果

  • 网上看到了当的一个页面有一个效果蛮喜欢的
  • 点击可以查看我网站使用的效果

网上看到了*当的一个页面，有一个效果蛮喜欢的。

不是css3做的，就是通过js+css+div。

js为元素增加流动边框效果_第1张图片

点击可以查看我网站使用的效果

页面引用：

   <link rel="stylesheet" type="text/css" href="lineborder.css">

   <script type="application/javascript" src="lineborder.js">script>

   <script type="text/javascript" src="jquery.min.js">script>

页面中：
将你需要显示线性边框的最外层加一个div，class=”lineborder”
例：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script src='jquery.min.js'>script>
    <script type="application/javascript" src="lineborder.js">script>
    <style type="text/css" src="lineborder.css" />

    <script type="application/javascript">
        showLineBorder(".lineborder");//重要
    script>

head>
<body>

<div class="lineborder">
        ...将要显示线性边框的代码
div>

body>
html>

js文件：

//定义最外层边框
var $lineBorderDiv;
var line_border_width;
var line_border_height;
//表格速度
var borderSpeed;
//表格颜色
var borderColor;
//表格宽度
var borderWidth;

/**
 * 定义div模板
 */
var div_template = '
 ' +
    '
 ' +
    '
 ' +
    '
';
/**
 * 绑定最外层边框
 * @param me 传入需要绑定的对象
 */
function showLineBorder(me) {
    //最外层的div绑定
    $lineBorderDiv = $(me);
    heightAndWidthListener();
    //向指定元素追加div
    addBorderDiv();
    //设置表格的速度
    setAnimateSpeed(borderSpeed);
    //设置表格颜色
    setBorderColor(borderColor);
    //设置表格宽度
    setBorderWidth(borderWidth);
    //设置表格css
    setBorderCss();
}
/**
 * 宽度高度监听器
 */
function heightAndWidthListener() {
    $($lineBorderDiv).on("mouseover", function () {
        line_border_width = $(this).width();
        line_border_height = $(this).height();
    })
    //显示表格的动画
    showBorderAnimate();
}

//设置表格宽度
function setBorderWidth(border_width) {
    if (border_width) {
        this.borderWidth = border_width;
    } else {
        this.borderWidth = 5;
    }
}

function setAnimateSpeed(borderSpeed) {
    if (borderSpeed) {
        this.borderSpeed = borderSpeed;
    } else {
        this.borderSpeed = 1000;
    }
}

function setBorderColor(color) {
    if (color) {
        this.borderColor = color;
    } else {
        borderColor = "#4D90FE";
    }
}

function showBorderAnimate() {

    $lineBorderDiv.each(function () {
        $(this).hover(function () {
            $(this)
                .find('.border-left,.border-right')
                .stop()
                .animate({height: line_border_height + 'px'}, borderSpeed);
            $(this)
                .find('.border-top,.border-bottom')
                .stop()
                .animate({width: line_border_width + 'px'}, borderSpeed);
        }, function () {
            $(this)
                .find('.border-left,.border-right')
                .stop()
                .animate({height: '0'}, borderSpeed);
            $(this)
                .find('.border-top,.border-bottom')
                .stop()
                .animate({width: '0'}, borderSpeed);
        });
    });
}

/**
 * 为border设置css样式
 */
function setBorderCss() {

    $lineBorderDiv.find(".border-left").css({
        "background": borderColor,
        "width": borderWidth + "px",
        "height": "0px"
    });

    $lineBorderDiv.find(".border-bottom").css({
        "background": borderColor,
        "width": "0px",
        "height": borderWidth + "px"
    });

    $lineBorderDiv.find(".border-top").css({
        "background": borderColor,
        "width": "0px",
        "height": borderWidth + "px"
    });

    $lineBorderDiv.find(".border-right").css({
        "background": borderColor,
        "width": borderWidth + "px",
        "height": "0px"
    });
}
/**
 * 元素末尾增加div
 */
function addBorderDiv() {
    $lineBorderDiv.append(div_template);
}

css文件：

*{margin: 0;padding: 0;list-style: none;border:0; }
.lineborder{width:100%;height: 100%;margin: 0px auto;position: relative;border: 0px solid #4D90FE;margin-top: 5px}
.lineborder .border-left{position:absolute;left:-1px;bottom: 0;}
.lineborder .border-bottom{position:absolute;left:0;bottom: 0px;}
.lineborder .border-top{position:absolute;right:0;top: 0px;}
.lineborder .border-right{position:absolute;right:-1px;top: 0;}
.lineborder{}

文件下载地址：

点击下载不需要积分

你可能感兴趣的:(封装小工具)

  • Linux系统配置（应用程序） 1风天云月 Linuxlinux应用程序编译安装rpmhttp
    目录前言一、应用程序概述1、命令与程序的关系2、程序的组成3、软件包封装类型二、RPM1、RPM概述2、RPM用法三、编译安装1、解包2、配置3、编译4、安装5、启用httpd服务结语前言在Linux中的应用程序被视为将软件包安装到系统中后产生的各种文档，其中包括可执行文件、配置文件、用户手册等内容，这些文档被组织为一个有机的整体，为用户提供特定的功能，因此对于“安装软件包”与“安装应用程序”这两
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 2025最新Mybatis-plus教程（四）
    五、MyBatis-Plus的service封装（一）通用Service简介MyBatis-Plus除了通用的Mapper还有通用的Service层，这也减少了相对应的代码工作量，把通用的接口提取到公共。其实按照mp的这种思想，可以自己也实现一些通用的Controller。（二）通用Service方法介绍/***插入一条记录（选择字段，策略插入）**@paramentity实体对象*/defaul
  • native.js设置可缩放的webview并隐藏缩放控件 Nanayai
    需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala
  • Python day27 赵英英俊 Python训练python
    @浙大疏锦行Pythonday27内容：Python中的装饰器：封装的思想，使用@注解将函数封装起来从而实现在函数运行前后完成目标操作，即将被封装函数的行为视为整体运行过程中的一部分无返回值：函数无返回值，只需要完成封装逻辑即可。有返回值：函数有返回值，函数有返回值时，需要在装饰器函数位置接受返回值并返回给用户。importtimedefdisplay_time(func):"""支持任意参数的时
  • 批改作业小工具（一）-read report
    期末，总是疲于应付各类作业报告批改，搞个小工具，让它帮我一把~~~~（格式）读取报告：importdocxfromdocx.tableimportTabledefextract_experiment_reports(doc_path):"""提取文档中所有实验报告的关键内容"""doc=docx.Document(doc_path)reports=[]#存储所有实验报告fortableindoc.
  • 核心板：嵌入式系统的核心驱动力 MYZR1 核心板人工智能SSD2351
    核心板（CoreBoard）作为嵌入式系统开发的核心组件，已成为现代电子设备智能化的重要基石。这种高度集成的电路板将处理器、内存、存储和基本外设接口浓缩在一个紧凑的模块中，为各类智能设备提供强大的"大脑"。核心板的技术特点核心板通常采用先进的系统级封装(SiP)技术，在微小空间内集成了CPU/GPU、DDR内存、Flash存储以及电源管理单元。这种设计不仅大幅减小了体积，还提高了系统可靠性。以常见
  • 小程序领域的盈利模式全解析 AI 小程序开发2020 小程序开发项目实战小程序开发宝典小程序notepad++ai
    小程序领域的盈利模式全解析：从"小工具"到"现金牛"的变现密码关键词：小程序盈利模式、广告变现、电商闭环、会员体系、私域流量、跨平台变现、商业生态摘要：本文以"如何让小程序从功能工具进化为盈利引擎"为主线，系统解析当前主流的7大盈利模式。通过生活场景类比、真实案例拆解和行业数据支撑，帮助开发者和企业理解不同模式的适用场景、落地路径与优化策略，最终找到适合自身业务的"变现组合拳"。背景介绍目的和范围
  • TS设计模式之策略模式 前端开发大师 +每天一个开发小技巧设计模式策略模式typescript
    关注大师姐不迷路，大师姐带你上高度~文章目录前言一、策略模式是什么？二、使用步骤详解总结前言关注大师姐不迷路，大师姐带你上高度~策略模式是一种行为设计模式，它能让你定义一系列算法，并将每种算法分别放入独立的类中，使算法的变化独立于使用它们的客户端。一、策略模式是什么？定义：定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换目的：将算法的使用与算法的实现分离开来主要解决：在有多种算法相似
  • Linux Shell 中~流程控制 光年像素 linuxlinux
    在LinuxShell中，流程控制是编写脚本的核心能力，用于根据条件执行不同操作（条件判断）、重复执行代码块（循环）或封装可复用功能（函数）。以下是详细讲解及示例：一、条件判断条件判断用于根据表达式的真假（0为真，非0为假）决定代码执行路径。Shell支持多种条件判断语法，适用场景不同。1.if[条件]与test命令if语句的基本结构，[条件]等价于test条件（[是test的同义符号，需注意[后
  • Java设计模式之＜建造者模式＞
    目录1、建造者模式2、建造者模式结构3、实现4、工厂模式对比5、适用场景差异前言建造者模式是一种创建型设计模式。用于封装复杂对象的构建过程，通过步骤构建产品类。它包括产品类、抽象建造者、具体建造者和指挥者角色。优点在于灵活性、解耦和易扩展，缺点是增加工作量和效率较低。适用场景如构建套餐、字符串动态构建、StreamAPI操作等。1、建造者模式（BuilderPattern）建造者模式定义：封装一个
  • 23种设计模式之中介者模式 heimeiyingwang 设计模式设计模式中介者模式架构后端java
    中介者模式(MediatorPattern)详细介绍一、模式概述英文名称：Mediator核心目标：定义一个中介对象来封装一组对象之间的交互，减少对象间直接通信的复杂性，促进松耦合。设计思想：通过集中控制交互逻辑，将网状的多对多通信转化为星型的一对多结构，简化系统维护。二、优缺点优点缺点1.减少对象间依赖：对象仅与中介交互，降低耦合。1.中介类复杂度高：可能成为“上帝类”。2.简化对象间协作：交互
  • 【Linux】多线程：线程池的创建、日志类、RAII互斥锁、单例模式：饿汉方式与懒汉方式 小白也有开发梦 Linuxlinux单例模式日志多线程线程池c++c语言
    目录一、线程池概念二、线程的封装及线程池类成员变量的介绍三、单例模式饿汉方式（EagerInitialization）懒汉方式（LazyInitialization）四、RAII类型的互斥锁五、日志类的实现六、简单的任务类创建七、线程池的创建一、线程池概念线程池（ThreadPool）是一种基于池化技术的线程使用模式，它创建了一个线程的集合，这些线程可以被多个任务重复使用。线程池的主要目的是减少在
  • 模版方法模式（Template Method Pattern 快乐的划水a 设计模式设计模式c++
    模板方法模式是一种行为设计模式，它定义一个操作中的算法骨架，将一些步骤延迟到子类中实现。核心思想是"封装不变部分，扩展可变部分"，即父类确定流程框架，子类根据需求重写特定步骤，而不改变整体流程结构。介绍核心角色抽象类（AbstractClass）：定义算法骨架（模板方法），包含多个抽象方法（子类需实现）和可选的钩子方法（HookMethod，子类可选择性重写）。具体子类（ConcreteClass
  • 设计模式（十五）行为型：命令模式详解 蝸牛酱 设计模式系统架构设计师设计模式命令模式系统架构软考高级
    设计模式（十五）行为型：命令模式详解命令模式（CommandPattern）是GoF23种设计模式中的行为型模式之一，其核心价值在于将“请求”封装为一个独立的对象，从而使请求的发送者与接收者解耦，并支持请求的参数化、队列化、日志记录、撤销/重做等高级功能。它通过引入“命令对象”作为中间层，将调用操作的行为抽象化，使得系统可以动态地配置、组合、调度和管理操作。命令模式是实现“开闭原则”和“单一职责原
  • pyqt 事件监听_PyQt5：PyQt5 信号与槽（PyQt5的事件处理机制） 马老鼠的狗鸭子 pyqt事件监听
    一、事件在事件模型，有三个参与者：事件源、事件目标、事件对象。事件源：状态发生改变的对象，它产生事件Source_Obj事件目标：是想要被通知的对象Target_Obj事件对象：封装了事件源中的状态变化Evnet_ObjPyQt5有一个独一无二的信号和槽机制来处理事件。信号和槽用于对象之间的通信。当指定事件发生，一个事件信号会被发射。槽可以被任何Python脚本调用。当和槽连接的信号被发射时，槽会
  • Spring AOP Jonariguez Springspringjava后端
    OOP面向对象，允许开发者定义纵向的关系，但并不适用于定义横向的关系，会导致大量代码的重复，而不利于各个模块的重用。AOP，一般称为面向切面，作为面向对象的一种补充，用于将那些与业务无关，但却对多个对象产生影响的公共行为和逻辑，抽取并封装为一个可重用的模块，这个模块被命名为切面（Aspect）。优点：AOP减少系统中的重复代码，降低了模块间的耦合度，提高系统的可维护性。可用于权限认证、日志、事务处
  • PyQt事件处理机制深度指南：超越信号与槽的底层掌控 钢铁男儿 PyQt5快速开发与实战pyqt
    ——5大核心策略+实战案例，解锁GUI交互的底层密码事件与信号槽的本质差异维度事件处理机制信号与槽机制抽象层级操作系统消息的原始封装对事件的高级封装应用场景控件行为定制/底层交互常规业务逻辑绑定执行顺序先于信号槽触发在事件处理完成后触发性能影响直接操作效率高存在元对象系统开销典型用例自定义按钮点击行为按钮点击触发业务函数核心认知：信号槽是PyQt的“快捷指令”，事件处理则是“底层汇编”——当需要突
  • 他趣邀请码有哪些获得技巧(附2024邀请码填写指南与交友策略)特级准确输入时代 e95cfad15310
    他趣邀请码他趣邀请码NMV43T码FGJ8HT(长按复制粘贴即可，即可进行充值。他趣如何聊天1、首先打开他趣APP。2、然后完成帐号认证。3、再点击交友。4、然后选择聊天室类型。他趣的邀请码,是【NMV43T】和【FGJ8HT】和【UWWN3T】,他趣邀请码是一个可以使用的邀请码。是推广应用的一个小工具,任何一个新用户都有系统分配的一个邀请码的哦,可以用来介绍给别人的时候让他人注册的,而且目前也只
  • 掌握JavaScript对象与函数：深入理解原型与作用域 土城三富 JavaScript对象原型链函数作用域
    掌握JavaScript对象与函数：深入理解原型与作用域背景简介在探索JavaScript的世界时，我们经常遇到对象和函数这两个核心概念。对象是JavaScript中最为基本的结构之一，而函数则是实现代码复用、封装和模块化的主要工具。本文将基于给定的书籍章节内容，深入探讨对象的更新机制、原型继承以及函数的多样性及其调用模式，同时分享对全局变量使用的思考。更新对象在JavaScript中，对象的属性
  • C#与halcon联合（3）文本写入可以改变字体大小类型及绘画直线图形十字叉箭头轮廓
    这里写目录标题1.操作demo2.绘画直线及显示①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下3.绘画圆形及显示其轮廓（XLD）①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下4.绘画普通矩形及轮廓显示（XLD）①在halcon中的操作代码如下②转换成C#代码并将其封装成函数如下5.绘画角度可调矩形及其轮廓显示（XLD）①在halcon中的操作代码如下②转
  • Promise详解、自定义 XYR121212 promise
    这里写目录标题一、.Promise对象详解1.Promise是什么2.Promise的优点3.异步编程4.then(onFulfilled,onRejected)：5.util.promisify方法：6.promise的状态改变7.Promise对象的值8.Promise的基本执行流程9.Promise的API10.Promise中的关键问题二、Promise的自定义封装1.定义执行器函数2.通
  • 俄罗斯方块游戏开发（面向对象编程） 佩爷0107 MATLAB俄罗斯方块游戏旋转矩阵
    摘要本设计基于MATLAB面向对象编程技术，开发了一款具备完整游戏逻辑的俄罗斯方块游戏。通过类封装实现游戏核心模块（方块管理、游戏板状态、碰撞检测等），采用旋转矩阵实现方块变形，结合MATLAB图形用户界面（GUI）完成交互设计。测试表明，系统在MATLABR2024a环境下运行稳定，帧率达30FPS，方块旋转响应时间小于0.1秒，消行判定准确率100%，符合经典俄罗斯方块游戏规范。1.引言1.1
  • 「实战指南」使用 Python 调用大模型（LLM） 用什么都重名 大模型相关pythonLLM大模型api调用
    目录前言1.原生HTTP请求方式1.1核心特点1.2关键代码分析1.3优势和适用场景1.4完整代码2.封装式API调用2.1核心特点2.2关键代码分析2.3优势和适用场景2.4完整代码3.OpenAISDK方式3.1核心特点3.2关键代码分析3.3优势和适用场景3.4完整代码4.传统OpenAI库方式4.1核心特点4.2关键代码分析4.3优势和适用场景4.4完整代码5.对比分析总结前言随着大语言模
  • Java【代码 13】前端动态添加一条记后端使用JDK1.8实现map对象根据key的部分值进行分组（将map对象封装成指定entity对象） シ風 ..........JavaCodejava前端状态模式
    前端动态添加一条记后端使用JDK1.8实现map对象根据key的部分值进行分组1.why2.前端3.后端处理4.总结1.why我是后端开发工程师，前端的很多函数不是很了解，所以很多问题期望在后端进行处理。2.前端有这样一个实现，前端要动态添加记录，然后将记录统一存储在一个字段里，代码如下：//动态添加一行输入参数描写functionaddParamIn(){//输入参数列表varparamInLi
  • JAVA---继承与多态（基础详解与样例分析） 胡同巷的猫七姑娘~ javaeclipse开发语言
    在JAVA学习有了一定基础和了解上将会继续深入学习多态，面向对象程序设计的三大支柱是封装、继承和多态，学习的步骤是循环渐进的，在学习了封装和继承的基础知识后进而了解多态。什么是多态？多态意味着父类型的变量可以引用子类型的对象，注意这句话中的几个关键点，是父类型的变量，去引用子类型的对象。接下来的学习中就是去解释和运用这句话。目录HINT1继承HINT2多态HINT1继承在引入多态之前，我们先再回顾
  • 设计自己的小传输协议 导论与概念 charlie114514191 网络编程Qt深入研究笔记c++qt通信协议网络协议设计
    设计自己的小传输协议导论与概念1：聊一聊协议头设计早在《TCP/IP详解》中的第一句话中，我们就知道协议的含义是这样的：协议是通信双方共同遵守的一套规则，提供格式定义、语义解释等，使不同设备或软件能够正确交换信息。但是，就像我们的写邮件，需要有一定的格式，告知首发地址，收信人和送信人一样，我们的网络协议一样要有协议头，来告诉我们解析收发程序如何正确的收发包。网络协议常使用分层封装，每一层都在数据上
  • 【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程 JosieBook #Java全栈前端springboot交互
    文章目录一、系统架构概述二、前端数据交互流程分析1.组件初始化与数据请求2.API请求封装3.查询参数处理三、后端数据处理流程1.控制器接收请求2.分页处理机制3.服务层业务处理四、典型操作的数据流1.查询操作数据流2.新增操作数据流3.删除操作数据流五、关键技术点解析1.前端表单验证2.后端权限控制3.数据导出实现六、完整交互示例：新增课程七、完整代码八、总结与优化建议1.当前实现特点2.可优化
  • 【ELasticsearch】搭建有负载均衡 ELB 的 ES 集群 大数据与AI实验室 #Elastic#负载均衡elasticsearch搜索引擎大数据负载均衡ELB公有云集群
    搭建有负载均衡ELB的ES集群1.为什么要这样设计（封装ELB）?2.如果没有这层负载均衡呢?3.外来的请求会打到集群哪一个节点上？4.优先是专属协调节点吗？5.ELB需要对接所有节点吗，还是协调节点就可以了？在公有云上为Elasticsearch集群封装一层ELB（ElasticLoadBalancer）或类似的负载均衡器，核心目的是解耦、简化客户端访问、提高可用性、增强可维护性。1.为什么要这
  • Python_继承 西瓜超人励志要变小细腿
    面向对象的三大特性：继承性封装性多态性建议！！一个模块只写一个类一、继承子类调用父类的构造函数：可以直接调用父类的构造函数，但必须传入self参数【可行，但是不推荐！！！】python中super关键字用法与java不同，它主要是用来在子类中调用父类方法，例：当子类的方法和父类的方法同名时，python会优先调用子类的方法，需要用super关键字去调用父类方法。例：
  • ios内付费 374016526 ios内付费
    近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
  • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
      终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
  • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
    转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
  • 数据库面试题 18289753290 面试题 数据库
    1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
  • Android TV屏幕适配 酷的飞上天空 android
    先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
  • Timer定时器与ActionListener联合应用 永夜-极光 java
    功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
  • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
    Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
  • 学会人际关系三招 轻松走职场 aijuans 职场
    要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
  • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
    移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
  • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
    1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
  • ajax同步异步参数async bijian1013 jqueryAjaxasync
            开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
  • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
    Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
  • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
    MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
  • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
    Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
  • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
    在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
  • 编程之美-烙饼排序 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
  • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
    struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
  • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
          这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
  • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
    ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
  • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
        在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
  • scanf接受char类型的字符 dcj3sjt126com c
    /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
  • 学编程的价值 dcj3sjt126com 编程
    发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
  • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
    今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
  • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
    可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
  • mysqldiff对数据库间进行差异比较 jackyrong mysqld
      mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
  • spring data jpa 方法中可用的关键字 lawrence.li javaspring
    spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
  • Spring的ModelAndView类 nicegege spring
    项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
  • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
    （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
  • Learn Nodejs 02 toknowme nodejs
    （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
  • Spring MVC 拦截器 xp9802 spring mvc
    Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他