Sam young
Sam young

IntersectionObserver 图片懒加载方法

DOCTYPE html>
<header>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />

  <style>
    .warpper {
      overflow: auto;
    }

    .image {
      height: 44vh;
      margin:50px;
      display: block;
    }
  style>
header>

<body>
  <div class="warpper">

  div>
body>

<script>
  const dom = document.querySelector('.warpper')
  const listIds = []
for (let i = 0; i < 10; i++) {
    /** 动态创建img标签 使用随机图片api */
    const img = document.createElement('img')
    img.setAttribute('src-data', `https://api.yimian.xyz/img?i=${i}`)
    img.className = 'image'
    dom.appendChild(img)
  }



  let observer = new IntersectionObserver((entries,{
    root: dom,
  }) => {
    entries.forEach(entry => {
      // 被观察者进入视口
      console.log(entry)
      if (entry.intersectionRatio > 0) {
        const src = entry.target.getAttribute('src-data')
        if(src) {
          entry.target.setAttribute('src',src)
        }
        observer.unobserve(entry.target)
      }
    });
  })

  /** 设置图片显示观察 */
 const imageList =  dom.querySelectorAll('.image')
 imageList.forEach((item)=>{
  observer.observe(item)
 })





script>

html>

IntersectionObserver 图片懒加载方法_第1张图片

你可能感兴趣的:(功能配置,javascript,前端,vue.js)

  • SonarQube扫码Android代码 Mac Zhu android
    1.安装SonarQube服务器（也可以配置公司的服务器地址）首先，你需要在本地或服务器上安装并运行SonarQube服务器：下载SonarQube：从SonarQube官方网站下载适合你操作系统的版本。解压并配置SonarQube：按照官方文档中的说明，配置sonar.properties文件，设置数据库连接等。启动SonarQube：在命令行中运行./bin//sonar.shstart（适用
  • k8s简介 周去白 kubernetesdocker容器
    目录1.简介2.主要功能3.Kuberbetes组件3.1.Master组件3.1.1.kube-apiserver3.1.2.etcd3.1.3.kube-scheduler3.1.4.kube-controller-manager3.1.5.cloud-controller-manager3.2.Node组件3.2.1.kubelet3.2.2.kube-proxy3.2.3.容器引擎1.简介
  • Android 利用OkHttp进行文件下载操作 淼森007 Android基础
    上回我的博客中讲了如何使用OkHttp封装一套自己的网路请求框架，这次说说文件下载。其实我们APP中还是很多地方会用到文件下载的。比如版本更新的时候，比如图片本地缓存的时候，都会用到文件下载，那么我们如何使用这个功能呢?首先我们要引入框架implementation'com.squareup.okhttp3:okhttp:3.6.0'接着创建类DownloadUtil.java，内容如下publi
  • linux autofs配置 crazysele linux服务器运维
    安装yuminstall-yautofs准备挂接目录mkdir/nfsdatamkdir/nfsdata/{tools,files}添加配置echo“/nfsdata/etc/auto.user”>>/etc/auto.masterecho“tools-fstype=nfs,rw,sync,no_root_squash172.23.0.187:/mnt/sdb1/tools”>>/etc/auto
  • 【Kotlin】OkHttp框架实现网络下载 小叮当不懒 Androidkotlinokhttpandroid
    目录【Kotlin】OkHttp框架实现网络下载需求思路实现实现单线程下载功能实现多线程下载功能不积跬步，无以至千里；不积小流，无以成江海。要沉下心来，诗和远方的路费真的很贵！【Kotlin】OkHttp框架实现网络下载需求对网络上的资源进行下载，下载的文件保存在本地mnt/sdcard/Download文件夹。显示下载的进度和下载是否成功的提示。多线程下载，一个线程下载一张图片或者一个视频。只有
  • 07_React 路由 qiao若huan喜 React全家桶react.js前端前端框架
    React路由（5.x版本）一、相关理解1、SPA的理解2、路由的理解2.1什么是路由？2.2路由分类2.2.1后端路由2.2.2前端路由3、react-router-dom（Web开发使用）的理解二、react-router-dom相关API1、内置组件1.1BrowserRouter1.2HashRouter1.3Route1.4Redirect1.5Link1.6NavLink1.7Swit
  • WebKit 简介及工作流程深度解析 不知名靓仔 webkitchromesafariedge
    WebKit是一个开源的浏览器引擎，最初由苹果公司为Safari浏览器开发，后来被多个浏览器和应用采纳，如早期的Chrome和众多移动平台上的浏览器。WebKit不仅仅是一个渲染引擎，它集成了HTML、CSS、JavaScript的解析与渲染能力，以及网络资源加载、图形处理、排版布局等功能，为用户提供丰富的网页浏览体验。本文将深入探讨WebKit的核心组件以及其复杂的工作流程。WebKit核心架构
  • 开源IDC资产管理--racktables（一、部署） Ping Me IDC系统racktablesIDC系统
    部署racktables安装配置lamp环境yum-yinstallhttpdphpmysqlmysql-serverphp-mysql安装apache扩展和php扩展，使其更好支持其他的软件yuminstallhttpd-manualmod_sslmod_perlmod_auth_mysql-yyuminstallphp-gdphp-snmpphp-bcmath-y下载安装racktables下
  • Deepspeed 结合huggingface Trainer实现多机分布式训练 ningzhao 分布式
    目前工作中只使用了单机多卡做微调训练，为了提升训练效率，特实验多机多卡分布式训练。一、环境准备本试验使用两台机器（manager，worker），操作系统ubuntu22.4，每台机器有4个GPU为了使安装配置统一，使用docker容器，docker的安装这里不做介绍。1.网络配置-创建overlay共享网络初始化集群，在manager机器上运行:dockerswarminit#输出结果:Swar
  • Redis的incr命令引发的反序列化异常和ERR value is not an integer or out of range异常 臣妾写不来啊 Java编码技巧redis数据库缓存
    在Java中使用inc命令的时候发现redis中的值被反序列化后居然不是数字,检查后发现可能是序列化器没对,在redis配置的地方将序列化器设置为Jackson2JsonRedisSerializer后使用整成,贴上代码@Bean(name="RedisTemplate")@SuppressWarnings("all")publicRedisTemplateredisTemplate(RedisC
  • Cortex-M3/M4——指令集（一） akari水无灯里 cortexM3/M4单片机
    简介所有的ARMCortex-M都是基于Thumb-2技术（允许混合使用16位和32位指令）。早期的ARM处理器是支持ARM的32位指令集，功能强大，但是随着移动电话等应用不断发展，功耗和成本变得十分关键，因此16位指令集Thumb也应运而生。1995年ARM发布了ARM7TDMI处理器，可以在ARM和Thumb状态之间进行切换，与等价的ARM代码相比，减小了代码密度。然而Thumb仍然有一些局限
  • Leangoo敏捷工具在缺陷跟踪（BUG）管理中的高效应用 哆啦B梦_ bug敏捷缺陷管理敏捷开发scrum工具scrum敏捷敏捷研发敏捷管理
    在开发过程中，缺陷（BUG）管理一直是项目管理中的一个关键环节。及时发现并修复BUG，不仅能够提高产品质量，还能有效提升团队的工作效率和用户满意度。在敏捷开发中，快速迭代和频繁交付的特点使得缺陷管理的重要性更加凸显。Leangoo领歌作为一款敏捷研发全流程管理工具，提供了强大的功能来帮助敏捷团队高效地管理缺陷（BUG）。本文将分享如何使用Leangoo进行缺陷管理，并探讨其带来的显著优势。一、引入
  • 深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换 软考鸭 nodeHtmlToImagehtml前端nodeHtmlToImage
    引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用
  • Cortex-M3基础 guanjianhe stm32Cortex-M3stm32f1
    Cortex-M3有15个通用寄存器R0-R15，其中R0-R7所有指令都能访问它们。R8-R12这5个寄存器32位的所有指令都能访问，16位指令只有少部分能访问。R13是堆栈指针，又可分为两种：MSP(主堆栈指针)和PSP(进程堆栈指针)。R14是连接寄存器，用于在调用子程序时存储返回地址。R15时程序计数器。控制寄存器（CONTROL)是Cortex-M3内核的特殊功能寄存器之一。bit3-b
  • Spark - 升级版数据源JDBC2 大猪大猪
    在spark的数据源中，只支持Append,Overwrite,ErrorIfExists,Ignore,这几种模式，但是我们在线上的业务几乎全是需要upsert功能的，就是已存在的数据肯定不能覆盖，在mysql中实现就是采用：ONDUPLICATEKEYUPDATE，有没有这样一种实现？官方：不好意思，不提供，dounine：我这有呀，你来用吧。哈哈，为了方便大家的使用我已经把项目打包到mave
  • 筱轩的ScalersTalk第四轮新概念朗读持续力训练Day28 2018-11-04 筱轩私塾
    ［day2820181104］练习材料：图片发自App任务配置：L0+L4L0时间：73″知识笔记：1.第一遍听几乎没听懂；ancientmyths/owners/garage/stonehead/MedusatheGorgon/turnedtostone2.发音：Jasper/myths/garage/effect3.词组：believesin/hashadtroublewithsthorsb/
  • ubuntu 16(7) 2401_84715880 单元测试功能测试学习
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！conf：存放配置文件html：静态网页logs：存
  • 【如何预防商城系统BUG？】 启山智软 商城 源码 bug
    前言预防商城系统BUG的关键在于采取一系列的质量控制和风险管理措施。以下是一些策略：1需求分析与规划：在开发之前，彻底分析需求，创建详细的设计和开发计划。2代码标准与审查：制定编码标准，并通过团队内部的代码审查来确保代码质量。3单元测试：编写单元测试来验证代码的每个部分是否按预期工作。4集成测试：整合不同模块后，进行全面的接口和交互测试。5功能测试：测试软件的所有功能是否按照业务要求执行。6性能测
  • 020 现代数据中心的路由与交换架构 Network_Engineer RS网络网络安全计算机网络网络协议网络安全
    引言现代数据中心的设计必须兼顾高性能、高可用性和灵活性，以满足云计算、大数据、人工智能等应用的需求。在这样的背景下，数据中心的路由与交换架构设计显得尤为重要。Spine-Leaf架构、BGP路由优化以及高密度虚拟化环境中的交换技术，成为了现代数据中心的关键组成部分。本篇博文将探讨这些技术的实际应用，并提供华为设备的配置示例。1.Spine-Leaf架构的设计与实施Spine-Leaf架构是一种扁平
  • 147.最小栈 gugugu. c++算法
    题目链接：leetcode链接思路这道题目做起来还是比较简单的，使用两个栈就可以实现题目要求。其中一个栈s实现栈的基本功能，另一个栈mins实现检索最小元素的功能。来看一下怎么样实现检索最小元素的功能呢？我们可以这么做：在每一次入栈的时候，都将该元素x与mins栈的栈顶元素top相比较1、xtopx不入mins栈出栈的时候怎么实现呢？将s.top与mins.top进行比较1、s.top==mins
  • pytorch训练后pt模型中保存内容详解(yolov8n.pt为例) yueguang8 yolo算法pytorchYOLO人工智能
    在PyTorch中，.pt模型文件通常包含以下几类数据：模型参数：存储模型的权重和偏置参数。优化器状态：包含优化器的状态信息，以便在恢复训练时能够从中断的地方继续。训练状态：一些训练过程中的信息，例如当前的epoch数和训练进度。其他元数据：包括模型的配置、训练时使用的超参数等。在讲解pytorchpt(pth)文件中保存了什么内容之前，需要先了解pt在保存时保存了那些参数。以YOLO系列pt保存
  • 产品经理如何判断一个新功能是否应该添加？ 溪柴
    事实上这是产品在日常工作中常常会遇到的问题。当然，「新功能」的需求来源有很多：自己主观的思考，用户的反馈，KPI的压力，老板的决定。无论哪种来源，都不要主观排斥，可以先进行一套思考流程。在我理解的用户需求其实分为三种：1.用户知道自己想要什么：就像是去supermarket,我明确我今天要买水果蔬菜和几听啤酒回家。如果是这样的需求（且用户量大），那么毫无疑问，去做就好。2.用户以为自己知道想要什么
  • DDS-数据分发服务 阿白机器人 开发语言
    目录1.ROS2架构2.DDS概念参考资料1.ROS2架构在ROS2（RobotOperatingSystem2）中，系统通常由以下几个核心部分组成，它们共同构成了ROS2的架构和功能：Plumbing（管道）:这个术语在ROS2中用来形象地描述其通信基础设施。它包括了底层的通信机制，如话题（Topics）、服务（Services）、动作（Actions）等，这些机制允许节点（Nodes）之间进行
  • Spring IoC容器之基于注解的配置 夏与清风
    spring支持多种配置方式，如XML方式、基于注解方式等。比较常用的是基于注解的方式，它将配置信息移入组件类中，在相关的类、方法或字段上声明并使用注解。spring提供了很多注解，如@Required、@Autowired、@Resource、@PostConstruct、@PreDestroy、@Inject、@Qualifier、@Named、@Provider等。基于注解的配置注入会在基于
  • JavaScript对象 yeyang111
    1.varfram={framer:'小明',dogs:["小兔","小猫"],field:[2,3,4]}六角学院截图.png2.向对象里边增加varfram={framer1:'小明',dogs:["小兔","小猫"],field:[2,3,4]}fram.framer2='小蕴'可以在控制台发现增加了一个0X7M8BN7.png3.像对象里边增加函数（方法）varfram={framer1:
  • springboot整合springmvc 小僵123456 SpringBootspringboot后端java
    1、创建springboot项目，勾选Springweb当前springboot选择的是2.6.13版本，jdk1.8尽量选2.几的springboot2、在pom.xml中导入相应的坐标org.springframework.bootspring-boot-starter-web3、配置application.yml，按需配置，可选server:port:8080spring:datasourc
  • redis之源码包安装 瀟湘夜雨-秋雨梧桐 redis数据库缓存
    文章目录前言一、安装步骤1.源码包官方下载2.解压源码包3.安装redis4.配置环境变量5.redis服务启动前言Redis（RemoteDictionaryServer）是一个开源的高性能内存数据存储系统。它以键值对的形式存储数据，并支持多种数据结构，如字符串、哈希表、列表、集合和有序集合等。Redis具有低延迟、高吞吐量的特点，适用于对响应时间要求较高的场景。它支持数据持久化，通过快照和日志
  • linuxcnc-cia402 README 错误重复学习记录 笔记
    hal-cia402CiA402器件的HAL接口，该组件用作硬件与Hal模块（如Ethercat、CAN总线或其他）之间的粘合层。它将原始IO数据从PDO转换为常见的linuxcncHal引脚结构，并具有内置逻辑用于CiA402状态控制、反馈处理、外部归位和内置缩放功能。它提供两个函数：read_all和write_all。相应任务中的整合概念应如下：硬件输入-->--CiA402_read-->
  • python3ide_Python IDE Windows下载3.4.2 安装版 weixin_39636099 python3ide
    Python是一种面向对象、直译式计算机程序设计语言，也是一种功能强大而完善的通用型语言，已经具有十多年的发展历史，成熟且稳定。这种语言具有非常简捷而清晰的语法特点，适合完成各种高层任务，几乎可以在所有的操作系统中运行。目前，基于这种语言的相关技术正在飞速的发展，用户数量急剧扩大，相关的资源非常多。软件特点：很清楚，易读的语法较强的自省能力直观的面向对象自然的表达程序代码完整的模块化设计，支持分层
  • 2019-08-08 随遇而安_c6cc
    卡顿诺币(KTOcoin)将于2019年08月03日正式启动！KTO平台8月3日至8月12日为推广期，推广期间所有矿工千分之三释放；8月13日平台正式开放交易后恢复正常释放。图片发自App问：这个平台有什么吸引人的地方？有什么优势？有什么牛逼的地方？答：①回购机制：卡顿诺（KTOcoin)开盘即开放回购功能，永久回购价格0.1美金。②分红机制：通过推广即享受平台交易手续费分红奖励。③持币生息：持币
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他