jq仿虾米网flash效果

这是很久以前写的一个效果了，之前虾米音乐网首页的一个flash效果，最初觉得这flash效果也可以完全用jq来写，于是空余时间就写了下当作练习吧，现在就拿出来跟大家分享下其中的实现原理！

先上最终效果图：

jq仿虾米网flash效果_第1张图片

jq仿虾米网flash效果_第2张图片

特点：

1、鼠标经过动态创建元素

2、判断鼠标经过每行的最后二个改变方向

代码：

<!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">
<head>
    <title></title>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<style type="text/css">
*{ margin:0; padding:0;}
.list{  height:160px;width:960px;margin:50px auto; border:1px solid yellow;font-family:'Microsoft YaHei'}
.list ul{ float:left; width:960px; background:#000; position:relative;}
.list ul li{ float:left; width:80px; height:80px; margin:-1px; list-style:none; border:1px solid yellow; position:relative;}
.list ul li img{ width:80px; height:80px; overflow:hidden; border:none; float:left;}
.list ul li p{ position:absolute; width:100px; height:80px; background:yellow; left:80px; top:0; z-index:2;}
.list ul li p b{ float:left; width:160px; height:30px; line-height:30px; font-size:14px;}
.list ul li p span{ float:left; width:160px; height:50px; line-height:20px; overflow:hidden; font-size:12px;}
.list ul li img.active{ border:3px solid yellow; width:74px; height:74px; position:absolute; left:0; top:0; z-index:2;}
</style>

<script type="text/javascript">
    $(function () {
        $('.list li').hover(function () {
        //鼠标移到li，其同辈元素半透明
            $(this).siblings().css('opacity', 0.5);
         //获取图片alt作为title
            var alt = $(this).find('img').attr('alt');
            //获取data作为简要描述
            var data = $(this).find('img').attr('data');
            //创建显示层
            var p = '<p><b>' + alt + '</b><span>' + data + '</span></p>';
            //li中插入创建层
            $(this).append(p);
            //鼠标经过添加默认样式
            $(this).find('img').addClass('active').parent('a').parent('li').siblings().find('img').removeClass('active');
            //鼠标移动到创建元素立即隐藏（这样做是为了被创建元素挡住可以点击）
            $(this).children('p').hover(function () {
                $(this).hide();
            });
            //判断每行的最后二个改变方向
            if ($(this).position().left > 720) {
                $(this).children('p').css({ 'left': -100, 'textAlign': 'right' });
                $(this).children('p').stop().animate({ 'width': 160, 'left': -160  }, 300);
            } else {
                $(this).children('p').stop().animate({ 'width': 160}, 300);
            }

        }, function () {
            $(this).siblings().css('opacity', 1);//鼠标移开回复
            $(this).children('p').remove();//鼠标移开移除创建元素
            $(this).find('img').removeClass('active');
        });

    });

</script>
</head>
<body>
<div class="list">
    <ul>
        <li><a href="#"><img src="images/10.jpg" alt="图1" data="图1详细内容" /></a></li>
        <li><a href="#"><img src="images/11.jpg" alt="图2" data="图2详细内容" /></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图3" data="图3详细内容"/></a></li>
        <li><a href="#"><img src="images/13.jpg" alt="图4" data="图4详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图5" data="图5详细内容" /></a></li>
        <li><a href="#"><img src="images/10.jpg" alt="图6" data="图6详细内容" /></a></li>
        <li><a href="#"><img src="images/11.jpg" alt="图7" data="图7详细内容" /></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图8" data="图8详细内容" /></a></li>
        <li><a href="#"><img src="images/13.jpg" alt="图9" data="图9详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图10" data="图10详细内容"/></a></li>
        <li><a href="#"><img src="images/10.jpg" alt="图11" data="图11详细内容"/></a></li>
        <li><a href="#"><img src="images/11.jpg" alt="图12" data="图12详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图13" data="图13详细内容"/></a></li>
        <li><a href="#"><img src="images/13.jpg" alt="图14" data="图14详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图15" data="图15详细内容"/></a></li>
        <li><a href="#"><img src="images/10.jpg" alt="图16" data="图16详细内容"/></a></li>
        <li><a href="#"><img src="images/11.jpg" alt="图17" data="图17详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图18" data="图18详细内容"/></a></li>
        <li><a href="#"><img src="images/13.jpg" alt="图19" data="图19详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图20" data="图20详细内容"/></a></li>
        <li><a href="#"><img src="images/10.jpg" alt="图21" data="图21详细内容"/></a></li>
        <li><a href="#"><img src="images/11.jpg" alt="图22" data="图22详细内容"/></a></li>
        <li><a href="#"><img src="images/13.jpg" alt="图23" data="图23详细内容"/></a></li>
        <li><a href="#"><img src="images/12.jpg" alt="图24" data="图24详细内容"/></a></li>
    </ul>
</div>
</body>
</html>

完毕，不妨copy下来看看下代码！

 

你可能感兴趣的:(Flash)

  • sunxi-fel 的相关命令 蓝黑墨水 单片机
    文章目录简介常用命令说明获取flash的相关信息列出所有的FEL设备显示BROM信息烧写程序到内存烧写程序到flash简介这个命令是全志芯片的烧写程序。有很多写法。例如:F1C100S、F1C200S这个命令有很多隐藏的相关问题（这里不讨论）常用命令说明获取flash的相关信息$./sunxi-fel.exe-pspiflash-infoManufacturer:Winbond(EFh),mode
  • 思科路由器交换机密码破解过程详解 zhane_hao
    路由启动过程加电自检(POST)加载bootstrap代码检查配置寄存器寻找CiscoIOS加载CiscoIOS寻找配置文件加载配置文件若没有配置文件，进入Setup模式，进行初始化配置运行路由器操作系统查看命令•showversion：检查配置寄存器的值,硬件配置,IOS版本•showflash：检查Flash中的IOS,或是flash大小,使用情况(占用多少,剩下多少)•showstartup
  • SvelteKit Flash Message 使用教程 裴剑苹
    SvelteKitFlashMessage使用教程sveltekit-flash-messageSendtemporarydataafterredirect,usuallyfromendpoints.WorkswithbothSSRandclient.项目地址:https://gitcode.com/gh_mirrors/sv/sveltekit-flash-message1.项目介绍svelte
  • Livewire Flash 教程 巫文钧Jill
    LivewireFlash教程livewire-flashALaravelLivewire-basedFlashmessagecomponent项目地址:https://gitcode.com/gh_mirrors/li/livewire-flash项目介绍LivewireFlash是一个专为Laravel框架设计的Livewire组件，它提供了简单易用的方式来添加和显示flashed（闪烁）消息
  • 常见的ROM(只读存储器)及其区别（超详细） 嵌入式-JY老师 嵌入式工程师c语言硬件架构智能硬件嵌入式硬件硬件工程
    目录1.掩模ROM(MaskROM)2.可编程ROM(ProgrammableROM,PROM)3.可擦写可编程ROM(ErasableProgrammableROM,EPROM)4.电可擦写可编程ROM(ElectricallyErasableProgrammableROM,EEPROM)5.闪存(FlashMemory)6.NVRAM(Non-VolatileRAM)各类ROM的主要区别ROM
  • kvm 虚拟机命令行虚拟机操作、制作快照和恢复快照以及工作常用总结 西京刀客 云原生(CloudNative)云计算虚拟化LinuxC/C++服务器linuxkvm
    文章目录kvm虚拟机命令行虚拟机操作、制作快照和恢复快照一、kvm虚拟机命令行虚拟机操作(创建和删除)查看虚拟机virt-install创建一个虚拟机关闭虚拟机重启虚拟机销毁虚拟机二、kvm制作快照和恢复快照**创建快照**工作常见问题创建快照报错：：internalsnapshotsofaVMwithpflashbasedfirmwarearenotsupported检查虚拟机是否包含pflas
  • PyTorch中用于神经网络的开源特征可视化工具包 顾北向南
    转载于:https://mp.weixin.qq.com/s/CTS3MUkcNTZXbAR2gvkcQw1.设置场景给概览功能的可视化作为一个研究领域，并推出了FlashTorch- 一个开放源码的功能可视化工具包建在PyTorch神经网络。该软件包可通过安装pip。查看GitHub仓库的源代码。也可以在GoogleColab上托管的这款笔记本中使用它，而无需安装任何东西！https://git
  • html animation 属性,css3学习--css3动画详解一(animation属性） 蜗牛老湿 htmlanimation属性
    ***介绍的属性并不完全，写的都是我认为容易混淆的难点属性，所以属性会在最后综合案例展示~Keyframes介绍：Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。@keyframeschangecolor{0%{background:red;}100%{b
  • linux内存分区bss,data,text,rodata,堆,栈 刚入坑的炸弹 Linux随记Linux内存分区
    各内存分区的介绍系统内的程序分为程序段和数据段，具体也可以细分成以下几个部分:（1）text段，是代码段。用来存放程序代码的，通常是只读，可以直接在ROM或Flash中执行，无需加载到RAM。（2）data段，数据段。data用来存储已经初始化的全局变量和静态变量，是属于静态内存分配，是可读可写的。（3）bss段，是全局变量数据段。是用来存储未初始化的全局变量以及未初始化的静态变量，静态内存分配。
  • (亲测win/mac)Adobe After Effects(AE2024)图形视频处理软件下载安装和使用教程 「已注销」 macosadobe
    一、软件简介1.1基本信息AdobeAfterEffects（简称AE）是Adobe公司开发的一款功能强大的图形视频处理软件，广泛应用于电视台、动画制作公司、个人后期制作工作室及多媒体工作室等领域。AE以其卓越的动画和构图标准，为电影、视频、DVD和MacromediaFlash作品增添电影级的视觉效果和细腻动态图形。1.2软件特点高度灵活：AE提供2D和3D合成功能，以及数百种预设效果和动画，让
  • 使用Flash air操作本地文件 l-jobs Flash-AS3flashair操作本地文件打开用户目录
    文件操作类FlashAIR提供了让您能用来访问、创建、管理文件与目录的类。这些类被放置在flash.filesystem包中，也就是下面那三个类：类描述FileFile对象代表一个文件或目录的路径。您可以用file对象建立一个指向文件或目录的指针，以作用于文件或目录。FileModeFileMode类定义在FileStream类的open()和openAsync()方法中使用的字符串常量参数。这些
  • AnnieJS 开源项目教程 芮舒淑
    AnnieJS开源项目教程AnnieJSAnnieJS引擎是一款专注于互动交互的2d动画引擎。借助于AdobeAnimate以及Annie2x工具将以前开发as3项目的工作流程完美复制到其他需要交互的项目开发中来。更多资源和案例源码在国内码云上:https://gitee.com/flash2x项目地址:https://gitcode.com/gh_mirrors/an/AnnieJS项目介绍An
  • 大模型推理框架 RTP-LLM 架构解析 阿里技术 架构LLM推理阿里巴巴RPT
    RTP-LLM是阿里巴巴智能引擎团队推出的大模型推理框架，支持了包括淘宝、天猫、闲鱼、菜鸟、高德、饿了么、AE、Lazada等多个业务的大模型推理场景。RTP-LLM与当前广泛使用的多种主流模型兼容，使用高性能的CUDAkernel,包括PagedAttention、FlashAttention、FlashDecoding等，支持多模态、LoRA、P-Tuning、以及WeightOnly动态量化
  • 用“说”智能控制灯具开关语音识别芯片NRK3603 九芯电子 九芯电子语音芯片方案语音识别人工智能语音识别技术语音识别芯片语音芯片
    用“说”智能控制灯具开关是一种基于语音识别技术的智能家居设备，它通过内置的语音识别芯片，利用离线识别算法，将用户的语音指令实现对灯具的控制，NRK3603语音识别芯片成为客户低成本的离线语音识别方案。功能特性：1.内核和存储高性能32bitRlsc内核，主频160MHZ，内置4MBSPIFLASH。2.AI算法：离线语音识别，采用最新的神经网络(TDNN)算法，具有识别精准，误判率低等优势，5米远
  • 昇腾Ascend C算子开发学习笔记 回到唐朝当王爷 c语言学习笔记
    2024年7月18日华为上研院培训笔记记录，感觉老师讲的还是很不错的昇腾AscendC算子开发学习笔记昇腾处理器的常用算子库核心融合算子库：核心融合算子库是华为昇腾AI处理器提供的基本算子库，包含了各种常用的深度学习算子，可以高效地执行各种神经网络计算任务。该库的设计旨在充分发挥昇腾AI芯片的计算能力，优化计算性能和资源利用率。FlashAttention类，MOEFFN类NN算子库：NN（Neu
  • 2018-11-09 手电筒的控制 mahongyin
    1.控制手电筒开关的工具类：publicclassFlashUtils{privateCameraManagermanager;privateCameramCamera=null;privateContextcontext;privatebooleanstatus=false;//记录手电筒状态FlashUtils(Contextcontext){if(Build.VERSION.SDK_INT>
  • 书店的本质是出版业的下游啊！——书店里的骷髅店员本田 此岸孰海
    作为2018年19月番中非常有特色的一部，由DLE负责制作的一部漫改动画，继承了原作漫画的画风，在很多地方都与主流11区漫画和动画不同，特别是主人公本田的头骨刻画十分写实。制作公司DLE似乎也是有着诸多擅长flash的设计人员的老牌公司。作画质量优秀且耐看。本作的主要内容就是书店店员的日常和对日本出版界的一角。包括书店店员的工作，书的分类，书的供货方式，书的销量好坏，以及各种各样的顾客。11区的轻
  • Intellij Idea2019.3.5使用优化 thomas.he 开发工具intellijidea
    很多老铁都升级到最新版人IntellijIdea2019.3.5，发现和之前的还是有很多区别的。下面来说说本人的使用遇到的问题以及使用上面的优化。IntellijIdea2019.3.5优化可以支持多余的插件，如flash、googleapp插件等，只保留自己常用的插件，加载会更快修改配置文件文件目录为：安装目录下的JetBrains\IntelliJIDEA2019.3.5\bin\idea.e
  • 一份可以让LVGL跑的更快的ICF配置 casdfxx 单片机icf
    众所周知，.icf是IAR的配置文件。该文件可以将不同的文件编译出的目标文件，放入到指定位置。如果一个单片机的FLASH分为低速和高速，我们可以将大量使用的代码放入高速flash，将使用频率少的（比如：查找表）放入低速FLASH。其中一种方式是配置.icf文件，例如将lvgl放入到快速FLASH中的代码如下：/*###ICF###SectionhandledbyICFeditor,don'ttou
  • Web安全之XSS跨站脚本攻击 Shadow_143 web安全安全渗透测试
    1.XSS漏洞简介XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。攻击成功后，攻击者可能得到更高的权限（如执行一些操作）、私密网页内容、会话和cookie等各种内容。2.XSS
  • Flash读写操作注意事项—逻辑详解 百里与司空 嵌入式硬件stm32缓存
    Flash框图如下图所示，对于一整块Flash存储空间，首先划分为若干的块（Block），其中每一块再划分为若干的扇区（Sector）。对于每个扇区，内部又可以分成很多页（Page），每一页的大小为256个字节。左下角的SPI逻辑单元通过一个页缓存区再与Flash存储器相连，页缓存区是一个RAM存储器，它可以通过连接状态寄存器来反映Flash芯片是否处于忙状态、是否写使能、是否写保护。Flash是
  • Flask知识点2 我的棉裤丢了 Flaskflaskpython后端
    1、flash()get_flashed_messages():用来消耗flash方法中存储的消息使用flash存储消息时，需要设置SECRET_KEYflash内部消息存储依赖了session2、CSRF(CrossSiteRequestForgery)跨站请求伪造，指攻击者盗用你的身份发送恶意请求CSRFProtect解决CSRF安装扩展包flask-wtffromflask_wtf.csrf
  • FPGA学习笔记-FLASH固化 MR_Promethus FPGA开发
    在我们刚开始学习FPGA的时候，我们一般都是将编译后生成的.sof文件（针对于Altera器件）通过JTAG方式下载到FPGA内部，但是我们会发现，给FPGA重新上电之后，我们之前给它下载的程序已经丢失了，如果我们还想让FPGA跑上次的功能就必须再下载一次程序。出现这个问题，是因为我们的程序并没有存到FPGA外接的配置芯片中，只是存在FPGA内部的SRAM（静态随机存储器，掉电丢失）。为了解决这个
  • 浅析STM32外部中断易死机解决 brotherwyz stm32嵌入式硬件单片机
    本案例stm32死机或程序跑飞是实际产品中出现的，初步怀疑是外部中断口，有极强的干扰所致，于是拿着信号发生器实测，当信号发生器产生300KHz的信号，甚至到12MHz的信号时，期间，程序跑飞或死机。看门狗也无法重启。解决点：1、初始化时，先关闭总中断，初始化完成后，再开启总中断/*Resetofallperipherals,InitializestheFlashinterfaceandtheSys
  • 【QNX+Android虚拟化方案】111 - 如何创建生成及下载 Marvell 88Q5152 Switch FW 固件 "小夜猫&小懒虫&小财迷"的男人 switch
    【QNX+Android虚拟化方案】111-如何创建生成及下载Marvell88Q5152SwitchFW固件一、创建88Q5152_flash.bin固件1.1创建生成88Q5152_Configuration.bin配置文件1.2打包生成88Q5152_flash.bin固件1.3下载88Q5152_flash.bin1.4重启DHU开机读取固件版本号验证Switch是否升级成功二、board
  • MRAM汽车行业高性能存储器解决方案 EVERSPIN 非易失性MRAMMRAM存储器
    RAMSUN提供的MRAMNetsol基于性能设计，其MRAM支持快速数据读写操作，支持OctalSPI(OPI)，工作频率高达200MHz，数据传输速度高达400MBps。NetsolMRAM为不满意NORFlash限制的客户提供了一种改变游戏规则的选择。这一创新技术克服了NOR闪存的续航能力差和写入速度慢的问题，旨在满足汽车应用不断发展的需求。它在空中(OTA)升级方面的效率，大大减少了固件升
  • WebRTC实现rtsp流在浏览器中播放 qq_21138747 webrtc前端
    一般诸如海康威视，大华等监控视频流都是推送的rtsp或rtmp流，这些都是无法在浏览器中直接播放的。因此出现了以下几种方法实现在浏览器端播放。处理该问题的主流方法大概分为以下几种PS（由于浏览器的更迭以及Flash不在被支持，所以依赖IE和Flash的方法如使用IE浏览器配合VLC插件，通过video.js配合Flash实现网页播放此处不作介绍）通过Nginx+ffmpeg+nginx-http-
  • 原生html+js播放flv直播视频流【vue等皆可用】 Odinpeng javascripthtmlvue.jswebrtc
    一、前言最近着手了一个新需求：将某记录仪的实时视频在页面展现。实现步骤：通过WebRtc将直播视频转码为flv/rtsp格式流；通过Vlc或代码中的视频播放器播放视频。常见播放flv直播视频流软件如：VLC、PotPlayer等，好用但无法嵌入代码。在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：
  • go srs 流媒体服务器_Go语言实现的流媒体服务器开发框架 西风吹浮华 gosrs流媒体服务器
    Monibucamonibuca.com背景市面上的流媒体服务器不可谓不多，从本人的第一份工作起，就一直接触和研究了形形色色的流媒体服务器，从最早的FCS(全称FlashCommunicationServer),后来改名为FMS(全称FlashMediaServer),到Red5(java语言开发)，到CrtmpServer(C++开发)，让我对流媒体服务器的基本原理有了深刻的认识。当时本人痴迷C
  • 51单片机---点亮一个LED life_yangzi 51单片机仿真单片机c语言嵌入式硬件
    点亮一个LED采用的是熟知的51单片机和常用的C语言，51单片机及C语言简介如下：51单片机是对所有兼容Intel8051指令系统的单片机的统称。该系列单片机的始祖是Intel的8004单片机，后来随着Flashrom技术的发展，8004单片机取得了长足的进展，成为应用最广泛的8位单片机之一，其代表型号是ATMEL公司的AT89系列，它广泛应用于工业
  • 用MiddleGenIDE工具生成hibernate的POJO（根据数据表生成POJO类） AdyZhang POJOeclipseHibernateMiddleGenIDE
    推荐:MiddlegenIDE插件,   是一个Eclipse   插件.     用它可以直接连接到数据库,   根据表按照一定的HIBERNATE规则作出BEAN和对应的XML ，用完后你可以手动删除它加载的JAR包和XML文件!     今天开始试着使用
  • .9.png Cb123456 android
      “点九”是andriod平台的应用软件开发里的一种特殊的图片形式，文件扩展名为：.9.png 　　智能手机中有自动横屏的功能,同一幅界面会在随着手机(或平板电脑)中的方向传感器的参数不同而改变显示的方向,在界面改变方向后,界面上的图形会因为长宽的变化而产生拉伸,造成图形的失真变形。 　　我们都知道android平台有多种不同的分辨率，很多控件的切图文件在被放大拉伸后，边
  • 算法的效率 天子之骄 算法效率复杂度最坏情况运行时间大O阶平均情况运行时间
    算法的效率 效率是速度和空间消耗的度量。集中考虑程序的速度，也称运行时间或执行时间，用复杂度的阶(O)这一标准来衡量。空间的消耗或需求也可以用大O表示，而且它总是小于或等于时间需求。   以下是我的学习笔记：   1.求值与霍纳法则，即为秦九韶公式。   2.测定运行时间的最可靠方法是计数对运行时间有贡献的基本操作的执行次数。运行时间与这个计数成正比。
  • java数据结构 何必如此 java数据结构
    Java 数据结构 Java工具包提供了强大的数据结构。在Java中的数据结构主要包括以下几种接口和类： 枚举（Enumeration） 位集合（BitSet） 向量（Vector） 栈（Stack） 字典（Dictionary） 哈希表（Hashtable） 属性（Properties） 以上这些类是传统遗留的，在Java2中引入了一种新的框架-集合框架(Collect
  • MybatisHelloWorld 3213213333332132
    //测试入口TestMyBatis package com.base.helloworld.test; import java.io.IOException; import org.apache.ibatis.io.Resources; import org.apache.ibatis.session.SqlSession; import org.apache.ibat
  • Java|urlrewrite|URL重写|多个参数 7454103 javaxmlWeb工作
     个人工作经验！ 如有不当之处，敬请指点 1.0  web -info 目录下建立     urlrewrite.xml  文件 类似如下： <?xml version="1.0" encoding="UTF-8" ?>   <!DOCTYPE u
  • 达梦数据库+ibatis darkranger sqlmysqlibatisSQL Server
    --插入数据方面 如果您需要数据库自增... 那么在插入的时候不需要指定自增列. 如果想自己指定ID列的值, 那么要设置 set identity_insert  数据库名.模式名.表名; ----然后插入数据; example: create table zhabei.test( id bigint identity(1,1) primary key, nam
  • XML 解析 四种方式 aijuans android
    XML现在已经成为一种通用的数据交换格式,平台的无关性使得很多场合都需要用到XML。本文将详细介绍用Java解析XML的四种方法。 XML现在已经成为一种通用的数据交换格式,它的平台无关性,语言无关性,系统无关性,给数据集成与交互带来了极大的方便。对于XML本身的语法知识与技术细节,需要阅读相关的技术文献,这里面包括的内容有DOM(Document Object
  • spring中配置文件占位符的使用 avords
    1.类 <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.o
  • 前端工程化-公共模块的依赖和常用的工作流 bee1314 webpack
    题记： 一个人的项目，还有工程化的问题嘛？   我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？ 你真的想这样嘛？   var BreadCrumb = require(‘../../../../uikit/breadcrumb’); //真心ugly。  
  • 上司说「看你每天准时下班就知道你工作量不饱和」，该如何回应？ bijian1013 项目管理沟通IT职业规划
    问题：上司说「看你每天准时下班就知道你工作量不饱和」，如何回应         正常下班时间6点，只要是6点半前下班的，上司都认为没有加班。   Eno-Bea回答，注重感受，不一定是别人的         虽然我不知道你具体从事什么工作与职业，但是我大概猜测，你是从事一项不太容易出现阶段性成果的工作
  • TortoiseSVN，过滤文件 征客丶 SVN
    环境： TortoiseSVN 1.8 配置： 在文件夹空白处右键 选择  TortoiseSVN -> Settings 在 Global ignote pattern 中添加要过滤的文件： 多类型用英文空格分开 *name ： 过滤所有名称为 name 的文件或文件夹 *.name ： 过滤所有后缀为 name 的文件或文件夹 --------
  • 【Flume二】HDFS sink细说 bit1129 Flume
    1. Flume配置   a1.sources=r1 a1.channels=c1 a1.sinks=k1 ###Flume负责启动44444端口 a1.sources.r1.type=avro a1.sources.r1.bind=0.0.0.0 a1.sources.r1.port=44444 a1.sources.r1.chan
  • The Eight Myths of Erlang Performance bookjovi erlang
    erlang有一篇guide很有意思： http://www.erlang.org/doc/efficiency_guide 里面有个The Eight Myths of Erlang Performance： http://www.erlang.org/doc/efficiency_guide/myths.html   Myth: Funs are sl
  • java多线程网络传输文件(非同步)-2008-08-17 ljy325 java多线程socket
    利用 Socket 套接字进行面向连接通信的编程。客户端读取本地文件并发送；服务器接收文件并保存到本地文件系统中。 使用说明:请将TransferClient, TransferServer, TempFile三个类编译，他们的类包是FileServer. 客户端: 修改TransferClient: serPort, serIP, filePath, blockNum,的值来符合您机器的系
  • 读《研磨设计模式》-代码笔记-模板方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet;
  • 配置心得 chenyu19891124 配置
    时间就这样不知不觉的走过了一个春夏秋冬，转眼间来公司已经一年了，感觉时间过的很快，时间老人总是这样不停走，从来没停歇过。 作为一名新手的配置管理员，刚开始真的是对配置管理是一点不懂，就只听说咱们公司配置主要是负责升级，而具体该怎么做却一点都不了解。经过老员工的一点点讲解，慢慢的对配置有了初步了解，对自己所在的岗位也慢慢的了解。 做了一年的配置管理给自总结下： 1.改变 从一个以前对配置毫无
  • 对“带条件选择的并行汇聚路由问题”的再思考 comsci 算法工作软件测试嵌入式领域模型
    2008年上半年，我在设计并开发基于”JWFD流程系统“的商业化改进型引擎的时候，由于采用了新的嵌入式公式模块而导致出现“带条件选择的并行汇聚路由问题”(请参考2009-02-27博文)，当时对这个问题的解决办法是采用基于拓扑结构的处理思想，对汇聚点的实际前驱分支节点通过算法预测出来，然后进行处理，简单的说就是找到造成这个汇聚模型的分支起点，对这个起始分支节点实际走的路径数进行计算，然后把这个实际
  • Oracle 10g 的clusterware 32位 下载地址 daizj oracle
    Oracle 10g 的clusterware 32位 下载地址 http://pan.baidu.com/share/link?shareid=531580&uk=421021908 http://pan.baidu.com/share/link?shareid=137223&uk=321552738 http://pan.baidu.com/share/l
  • 非常好的介绍：Linux定时执行工具cron dongwei_6688 linux
    Linux经过十多年的发展，很多用户都很了解Linux了，这里介绍一下Linux下cron的理解，和大家讨论讨论。cron是一个Linux 定时执行工具，可以在无需人工干预的情况下运行作业，本文档不讲cron实现原理，主要讲一下Linux定时执行工具cron的具体使用及简单介绍。 新增调度任务推荐使用crontab -e命令添加自定义的任务（编辑的是/var/spool/cron下对应用户的cr
  • Yii assets目录生成及修改 dcj3sjt126com yii
    assets的作用是方便模块化，插件化的，一般来说出于安全原因不允许通过url访问protected下面的文件，但是我们又希望将module单独出来，所以需要使用发布，即将一个目录下的文件复制一份到assets下面方便通过url访问。 assets设置对应的方法位置 \framework\web\CAssetManager.php   assets配置方法 在m
  • mac工作软件推荐 dcj3sjt126com mac
    mac上的Terminal + bash ＋ screen组合现在已经非常好用了，但是还是经不起iterm＋zsh＋tmux的冲击。在同事的强烈推荐下，趁着升级mac系统的机会，顺便也切换到iterm＋zsh＋tmux的环境下了。 我为什么要要iterm2 切换过来也是脑袋一热的冲动，我也调查过一些资料，看了下iterm的一些优点： * 兼容性好，远程服务器 vi 什么的低版本能很好兼
  • Memcached(三)、封装Memcached和Ehcache frank1234 memcachedehcachespring ioc
    本文对Ehcache和Memcached进行了简单的封装，这样对于客户端程序无需了解ehcache和memcached的差异，仅需要配置缓存的Provider类就可以在二者之间进行切换，Provider实现类通过Spring IoC注入。 cache.xml <?xml version="1.0" encoding="UTF-8"?>
  • Remove Duplicates from Sorted List II hcx2013 remove
    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numbers from the original list. For example,Given 1->2->3->3->4->4->5,
  • Spring4新特性——注解、脚本、任务、MVC等其他特性改进 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • MySQL安装文档 liyong0802 mysql
      工作中用到的MySQL可能安装在两种操作系统中，即Windows系统和Linux系统。以Linux系统中情况居多。   安装在Windows系统时与其它Windows应用程序相同按照安装向导一直下一步就即，这里就不具体介绍，本文档只介绍Linux系统下MySQL的安装步骤。   Linux系统下安装MySQL分为三种：RPM包安装、二进制包安装和源码包安装。二
  • 使用VS2010构建HotSpot工程 p2p2500 HotSpotOpenJDKVS2010
    1. 下载OpenJDK7的源码：      http://download.java.net/openjdk/jdk7      http://download.java.net/openjdk/      2. 环境配置     ▶
  • Oracle实用功能之分组后列合并 seandeng888 oracle分组实用功能合并
    1       实例解析 由于业务需求需要对表中的数据进行分组后进行合并的处理，鉴于Oracle10g没有现成的函数实现该功能，且该功能如若用JAVA代码实现会比较复杂，因此，特将SQL语言的实现方式分享出来，希望对大家有所帮助。如下： 表test 数据如下： ID,SUBJECTCODE,DIMCODE,VALUE 1&nbs
  • Java定时任务注解方式实现 tuoni javaspringjvmxmljni
    Spring 注解的定时任务，有如下两种方式： 第一种： <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"  xmlns:xsi="http
  • 11大Java开源中文分词器的使用方法和分词效果对比 yangshangchuan word分词器ansj分词器Stanford分词器FudanNLP分词器HanLP分词器
    本文的目标有两个： 1、学会使用11大Java开源中文分词器 2、对比分析11大Java开源中文分词器的分词效果 本文给出了11大Java开源中文分词的使用方法以及分词结果对比代码，至于效果哪个好，那要用的人结合自己的应用场景自己来判断。 11大Java开源中文分词器，不同的分词器有不同的用法，定义的接口也不一样，我们先定义一个统一的接口： /** * 获取文本的所有分词结果, 对比
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他