深海有鱼呀
深海有鱼呀

(vue)自定义指令实现图片懒加载插件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 500px;
            height: 600px;
            overflow: scroll;
        }
        .box li {
            width: 300px;
            height: 200px;
        }
        img {
            width: 300px;
            height: 200px;
        }
    </style>
</head>
<body>
    <div class="box" id="app">
        <li v-for="(item,index) in imgs">
            <img v-lazy="item.src" alt="" srcset="">
        </li>
    </div>
    <script src="./vue-lazyload.js"></script>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>
        let loading='http://127.0.0.1:5500/loading.gif'
        Vue.use(VueLazyload,{
            preLoad:1.3,
            loading
        })
        let vm=new Vue({
            el:'#app',
            data() {
                return {
                    name:'hahah',
                    imgs:[
                        {
                            src:'http://127.0.0.1:5500/1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/2.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/3.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/4.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/5.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/6.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/7.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/1.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/2.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/3.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/4.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/5.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/6.1.jpg'
                        },
                        {
                            src:'http://127.0.0.1:5500/7.1.jpg'
                        },
        
                    ]
                }
            },
        })
    </script>
    
</body>
</html>

function getscrollParent (el){
    let parent = el.parentNode;
    while(parent){
        if(/(scroll)|(auto)/ .test(getComputedStyle(parent)['overflow'])){
            return parent
        }
        parent = parent.parentNode
    }
    return parent
}

function loadImageAsync (src,resolve,reject){
    let image = new Image()
    image.src=src
    image.onload = resolve;
    image.onerror = reject;
}



const Lazy = (Vue)=>{
    class ReactveListener { // 每一个图片都构造成一个类的实例
        constructor({el,src,options,elRender}){
            this.el=el
            this.src=src
            this.options = options
            this.state = {loading:false}  // 没有加载过
            this.elRender=elRender
        }
        chechInView(){  // 检测图片是否在可视区域
            let {top} = this.el.getBoundingClientRect()
            return top < window.innerHeight * (this.options.preLoad || 1.3)

        }
        load(){  // 用来加载图片
            // 先加载loading
            this.elRender(this,'loading')
            // 如果加载OK的话 显示正常图片

            // console.log(this)

            // 懒加载的核心 就是new img
            loadImageAsync(this.src,()=>{
                
                this.state.loading = true
                this.elRender(this,'finish')
            },()=>{
                console.log('er')
                this.elRender(this,'error')
            })
        }
    }
    return class LazyClass{
        constructor(options){
            // 保存用户传的属性
            this.options= options
            this.bindHander = false

            this.listenerQueue = []

        }
        add(el,bindings,vnode){
            // 找到父亲元素
            Vue.nextTick(()=>{
                // 获取带有scroll属性的父集
                let scrollParent = getscrollParent(el)
                if(scrollParent&&!this.bindHander){
                    this.bindHander = true
                    // console.log(scrollParent)
                    scrollParent.addEventListener('scroll',this.handerLazyload.bind(this))
                }
                // 需要判断当前元素是否在容器可视区域中 ，如果不是就不用渲染
                const listener = new ReactveListener({
                    el,
                    src:bindings.value,
                    options:this.options,
                    elRender:this.elRender.bind(this)
                })

             

                // 把所有图片创建成实例放到 数组中
                this.listenerQueue.push(listener)

                // console.log(this.listenerQueue)


                this.handerLazyload()
            })
        }
        handerLazyload(){
            // 是否显示图片
            // 计算图片位置
            this.listenerQueue.forEach(listener => {
                // console.log(listener)
                if(!listener.state.loading){
                    let catIn = listener.chechInView()
                    // console.log(catIn)
                    catIn && listener.load()
                }
               
            });
        }
        elRender(listener,state){
            console.log(state)
            let el = listener.el
            let src = ''
            switch(state){
                case 'loading' :
                    src = listener.options.loading || ''
                    break;
                case 'error':
                    src = listener.options.error || ''
                    break;
                default:
                    src = listener.src
                    break;      
            }

            el.setAttribute('src',src)
        }
    }
}


const VueLazyload = {
    install(Vue,options){
        // 把所有逻辑封装到类中，把类在封装到函数中
        console.log('调用')
        const LazyClass = Lazy(Vue)
        const lazy = new LazyClass(options)
        Vue.directive('lazy',{
            bind:lazy.add.bind(lazy)
        })
    }
}

你可能感兴趣的:(常用功能与方法)

  • 土壤温湿度传感器 欧速农业传感器厂家 农业环境类传感器
    1概述OSA-2W土壤温湿度传感器是将土壤水分和土壤温度传感器集中于一体，具有携带方便、密封、高精度等优点，是土壤墒情、土壤温度测量的理想选择。OSA-2W土壤水分部分是基于频域反射原理，利用高频电子技术制造的高精度、高灵敏度的传感器。通过测量土壤的介电常数，能直接稳定地反映各种土壤的真实水分含量（容积含水率），是目前国际上最流行的土壤水分测量方法。OSA-2W土壤温度部分是由德国Heraeus公
  • [AcWing] 算法基础课（一）学算法强推哦 vo很懒 算法算法leetcode数据结构
    第一讲基础算法本文题目及代码全部来自AcWing，强推！(因为没有接触过C++所以一开始学起来不是很容易，慢慢听下去边查边学就好啦)文章目录第一讲基础算法1.排序1.1快速排序1.2归并排序2.二分2.1整数二分(较麻烦)2.2浮点数二分3.前缀和与差分3.1前缀和3.2差分4.双指针5.位运算6.离散化7.区间合并1.排序1.1快速排序快速排序基础算法：题目：#includeusingnames
  • vue字符串的常用方法，截取字符串，获取字符串长度，检索字符串 luckyext vue.jsjavascript前端
    1.使用substr方法截取字符串letstr="12345";letpart=str.substr(0,3);//截取从索引0开始到索引3的子字符串console.log(part);//"123"2.获取字符串长度JavaScript中的字符串有一个length属性，该属性可以用在VUE获取字符串的长度conststr='hello';str.length输出结果：53.检索字符串是否包含特定
  • AI大模型的技术突破与传媒行业变革 AIQL 行业分析人工智能传媒
    性能与成本：AI大模型的“双轮驱动”过去几年，AI大模型的发展经历了从实验室到产业化的关键转折。2025年初，以DeepSeekR1为代表的模型在数学推理、代码生成等任务中表现超越国际头部产品，而训练成本仅为传统模型的几十分之一。这一突破的核心在于三大技术创新：MoE架构升级：通过部署256个细粒度专家网络，减少知识冗余，提升模型效率；MLA注意力机制：动态压缩推理过程中的缓存需求，降低GPU内存
  • 代码随想录算法训练营第一天：二分查找，移除元素，有序数组的平方 坚持不懈的猫喵 算法
    一.数组1.要点：数组下标都是从0开始的。数组内存空间的地址是连续的数组的元素是不能删的，只能覆盖。C++中二维数组在地址空间上是连续的。（java就不是了）二.二分查找二分查找有两种方法1.target在左闭右闭[left,right]while(lefttarget)target偏小，在left与middle的左侧，right要赋值为middle-1，left不用改变，因为当前这个nums[m
  • 前端开发：Vue项目报错Unknown custom element：XXX - did you register the component correctly…的解决方法丨蓄力计划 三掌柜666 前端开发进阶vue.jsjavascript
    导读Vue项目报错Unknowncustomelement:XXX-didyouregisterthecomponentcorrectly…的解决方法。问题前段时间在做前端项目的时候，遇到了一个关于饿了么框架的报错问题，具体报错信息如下所示：[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursiv
  • 网页性能优化详解 我的狗的狗 性能优化前端
    网页性能优化详解引言网页性能优化是提升用户体验和网站整体质量的关键环节。随着用户对网页加载速度和响应时间的要求越来越高，性能优化变得尤为重要。本文将详细介绍网页性能优化的概念、方法和具体示例，帮助开发者更好地理解和实施性能优化策略。什么是网页性能优化？网页性能优化是指通过各种技术和策略，减少网页加载时间、提高响应速度，从而提升用户体验的过程。性能优化的目标包括但不限于：减少页面加载时间：用户希望网
  • 信息安全之网络安全 黑客Jack web安全安全
    网络安全技术是一类包含内容极其广泛的技术，广义上说任何检测、防御和抵制网络攻击的技术都属于网络安全技术，而且很多网络安全技术都是攻击驱动型的。网络安全大致包含的内容主要有防火墙，入侵检测，漏洞扫描与网络隔离，拒绝服务攻击检测与防御，计算机病毒防治以及×××技术的概念、原理、应用部署等方面。防火墙防火墙是设置在内部网络与外部网络（如互联网）之间，实施访问控制策略的一个或者一组系统，是访问控制机制在网
  • Kubernetes（K8s）之DNS方案 james二次元 微服务dockerkubernetes容器云原生dnshosts
    在使用k8s过程中，有时需要配置自定义的host文件做主机名解析。如果在镜像中修改/etc/hosts文件，而容器启动初始化时，会覆盖掉该文件。就需要利用k8s自身提供的机制解决类似的问题。具体如下：1.hostAliaseshostAliases是Kubernetes中的一项功能，用于在Pod中的/etc/hosts文件中添加自定义主机名与IP地址的映射。这个功能允许开发者为每个Pod手动定义主
  • JProfiler_windows：Java 性能分析与优化 心灵宝贝 java开发语言
    JProfiler是一款功能强大的Java性能分析工具，专门用于监控和分析Java应用程序的性能瓶颈、内存泄漏、线程问题等。以下是关于JProfiler_windows-x64_8_0_2的详细介绍：一、JProfiler简介JProfiler是由ej-technologies公司开发的一款Java性能分析工具，支持对本地和远程JVM的监控。它能够帮助开发者深入分析Java应用程序的CPU使用、内
  • 推荐一些好用的中英文订货系统 核货宝订货系统 多语言订货系统中英文订货系统
    在全球化商业浪潮的席卷下，企业的业务触角不断延伸，跨国合作与贸易往来日益频繁。对于众多涉及进出口业务、跨境电商以及拥有广泛海外客户群体的企业而言，一款高效且易用的中英文订货系统，已成为提升运营效率、拓展市场版图的关键利器。它不仅要能打破语言壁垒，顺畅连接国内外供需双方，更需具备强大的功能，精准把控订货流程的各个环节。以下为您精心推荐几款在市场上备受赞誉的中英文订货系统。1.核货宝B2B中英文订货系
  • 自动化办公|xlwings 数据类型和转换 游客520 自动化实用代码python全栈学习自动化运维python
    xlwings数据类型和转换：Python与Excel的桥梁在使用xlwings进行Python和Excel数据交互时，理解两者之间的数据类型对应关系至关重要。本篇将详细介绍Python数据类型与Excel数据类型的对应关系，以及如何进行数据类型转换。一、Python数据类型与Excel数据类型的对应关系Python数据类型Excel数据类型说明int数字整数float数字浮点数str文本字符串b
  • Zookeeper Watcher机制原理与代码实例讲解 AI天才研究院 AI大模型企业级应用开发实战AI大模型应用入门实战与进阶DeepSeekR1&大数据AI人工智能大模型计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    ZookeeperWatcher机制原理与代码实例讲解1.背景介绍Zookeeper是一个分布式协调服务，广泛应用于分布式系统中，用于实现数据的同步、配置管理、命名服务等功能。Zookeeper的核心机制之一是Watcher机制，它允许客户端在Zookeeper节点上注册监听器，以便在节点数据或状态发生变化时接收通知。Watcher机制在分布式系统中具有重要意义，因为它提供了一种高效的方式来监控和
  • DeepSeek进阶开发与应用1：DeepSeek框架概述与基础应用 Evaporator Core #DeepSeek快速入门DeepSeek进阶开发与应用spring自然语言处理
    引言在当今的人工智能领域，深度学习技术已经成为了推动技术进步的核心动力之一。DeepSeek作为一个先进的深度学习框架，旨在为开发者和研究人员提供一个高效、灵活且易于扩展的平台，以便于他们能够快速地实现和部署各种深度学习模型。本文将深入探讨DeepSeek框架的核心架构、基础应用以及如何通过代码实现一个简单的深度学习模型。DeepSeek框架概述DeepSeek框架的设计理念是简洁而强大。它提供了
  • 直肠癌远处转移预测模型临床影响力研究Protocol 医学AppMatrix 预测模型构建和评价人工智能大数据机器学习
    直肠癌远处转移预测模型临床影响力研究Protocol举例说明AI工具，包括LLM模型和临床预测模型，的临床影响力研究的流程，这是AI工具进入临床实践之前必要的评估流程，如果AI工具与现有的临床工具相比，有正面的临床影响力，即可以使患者收益或者提高效率、节约资源，才可以进入临床实践。需要说明的是，AI工具的临床影响力也可能是负面的，所以临床影响力研究的初期，需要小规模的研究以确定AI工具不是有害的。
  • 高血压危险因素分析（项目分享） 医学AppMatrix 有用的数据分析数据分析数据挖掘机器学习
    高血压危险因素分析（项目分享）高血压作为一种极为常见的慢性疾病，正严重威胁着大众健康。它的发病机制较为复杂，涉及多个方面的因素。在一份临床采集的数据的基础上，我们通过数据分析手段深入观察一下BMI（身体质量指数）、年龄、空腹血糖、总胆固醇以及尿酸水平，为进一步探讨它们与高血压之间的紧密联系奠定基础。如下图所示，BMI对高血压的贡献最大、其次是年龄、总胆固醇、空腹血糖、尿酸和肾小球滤过滤，性别对高血
  • 在软件产品从开发到上线过程中，不同阶段可能出现哪些问题，导致软件最终出现线上bug 测试-东方不败之鸭梨 测试基础bug数据库
    在软件产品从开发到上线的全生命周期中，不同阶段都可能因流程漏洞、技术疏忽或人为因素导致线上问题。以下是各阶段常见问题及典型案例：1.需求分析与设计阶段问题根源：业务逻辑不清晰或设计缺陷典型问题：需求文档模糊（如未明确定义边界条件或异常场景）架构设计不合理（如单点故障、未考虑高并发场景）技术选型与业务场景不匹配（如用Redis缓存静态数据但未设置TTL）案例：支付接口未设计幂等性，导致用户重复点击时
  • 常见的一种@Transactional注解失效场景 程序员琛琛 事务
    异常被捕获导致@Transactional失效如果B方法内部抛了异常，而A方法此时trycatch了B方法的异常，那这个事务不能正常回滚，且会抛出异常：org.springframework.transaction.UnexpectedRollbackException:Transactionrolledbackbecauseithasbeenmarkedasrollback-only因为当Ser
  • 服务熔断与服务降级 程序员琛琛 java面试spring系列熔断服务降级
    服务熔断的原理：业内普遍采用断路器模式原理:当远程服务被调用时，断路器将监视这个调用，如调用时间太长，断路器将会介入并中断调用。此外，断路器将监视所有对远程资源的调用，如对某一个远程资源的调用失败次数足够多，那么断路器会出现并采取快速失败，阻止将来调用此远程资源的请求.断路器实现：阿里公司出的Sentinelnetflix的Hystrix示例Hystrix中熔断的常用配置：circuitBreak
  • 【Jvascript 算法】-- JavaScript实现对树结构数据的增删以及树型数据与数组的相互转换 野生松
    在日常开发中我们经常会碰到树结构数据，以下是我的笔记：constarr=[{id:2,name:'部门B',parentId:0},{id:3,name:'部门C',parentId:1},{id:1,name:'部门A',parentId:2},{id:4,name:'部门D',parentId:1},{id:5,name:'部门E',parentId:2},{id:6,name:'部门F',p
  • Qt QComboBox 下拉列表偏移问题探究：多屏幕与高 DPI 环境下的 bug 吃面不喝汤66 Qtqtbug开发语言
    一、问题背景与重现步骤现象描述：在Qt应用程序中，主界面包含QComboBox控件，并且启用了高DPI支持（例如在main()中调用QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling)）。当用户将窗口拖动到不同DPI的屏幕上，点击QComboBox弹出下拉列表时，下拉列表的位置与预期不符，出现明显偏移，从而影响用户体验。重现步骤：在
  • 【Linux】【进程】epoll内核实现总结+ET和LT模式内核实现方式 钟离墨笺 Linuxlinux网络运维
    【Linux】【网络】epoll内核实现总结+ET和LT模式内核实现方式1.epoll的工作原理eventpoll结构当某一进程调用epoll_create方法时，Linux内核会创建一个eventpoll结构体，这个结构体中有两个成员与epoll的使用方式密切相关.structeventpoll{..../*红黑树的根节点，这颗树中存储着所有添加到epoll中的需要监控的事件*/structrb
  • 微信小程序随机头像与昵称 acheding 小程序微信小程序小程序爬虫
    你好，小程序账号登录功能暂未符合规范要求，请在用户了解体验小程序功能后，再要求用户进行账号登录。3.1.2小程序所提供的所有服务类目功能，必须在小程序首页得到体现，即在小程序首页必须能直达或者经过2次点击到达所有本文档2（服务类目审核）中提交的服务类目页面；由于之前小程序设置有注册功能，需要用户输入头像和昵称后方才可以进入首页，频频审核失败。仔细阅读官网上的要求后决定重新整改一下，目标是最大程度不
  • Spring Security（六）RBAC 结构实现 是晓周哦 Spring-Securityspringjava后端springboot安全架构springcloud
    博主前言：本以为这个就是代替传统jwt的插件，没想到复杂程度如此之高。SpringSecurity本身是个高度自定义化的组件，必须花时间重点学习一下。以下为个人配置学习的流程，从零到权限管理、redis嵌入等步骤。本文基于尚硅谷的SpringSecurity教程学习，文章与原教程有不小出入，仅供参考。B站视频链接：尚硅谷Java项目SpringSecurity+OAuth2权限管理实战教程RBAC
  • GitLab 分支源插件 Jenkins 介绍 DkDebug gitlabjenkins运维
    Jenkins是一个流行的开源持续集成和交付工具，而GitLab是一个基于Git的代码托管和协作平台。GitLab分支源插件是用于Jenkins的一个插件，它提供了与GitLab代码仓库中的分支进行交互的功能。本文将介绍GitLab分支源插件的使用方法，并提供相应的源代码示例。GitLab分支源插件的安装和配置首先，确保已经在系统上安装了Jenkins。然后，按照以下步骤安装和配置GitLab分支
  • 深度剖析DeepSeek本地部署：技术、实践与优化策略 Abossss AI论文pythonai人工智能
    一、引言1.1研究背景与意义近年来，人工智能技术以迅猛之势蓬勃发展，成为推动各行业变革的核心力量。其中，大语言模型（LLMs）作为人工智能领域的关键技术，在自然语言处理、智能客服、内容创作等众多领域展现出了强大的应用潜力，引发了学术界和产业界的广泛关注。OpenAI的GPT系列模型凭借其出色的语言理解与生成能力，在全球范围内掀起了AI应用的热潮；Google的BERT模型则在自然语言理解任务中取得
  • Jenkins介绍 chenbin520 jenkins运维
    什么是JenkinsJenkins是一个开源的自动化服务器，主要用于持续集成和持续交付（CI/CD）。它帮助开发团队自动化构建、测试和部署软件，从而提高开发效率和软件质量。如果一个系统是前后端分离的开发模式，在集成阶段会需要经常执行部署动作。从拉取代码、编译、部署，少则几分钟多则按小时计算。所以很多开发人员只想推送代码，不想发布部署。Jenkins就能很好的解决这个问题。Jenkins可以与Git
  • Python 爬虫验证码识别 acheding pythonpython爬虫ocr
    在我们进行爬虫的过程中，经常会碰到有些网站会时不时弹出来验证码识别。我们该如何解决呢？这里分享2种我尝试过的方法。0.验证码示例1.OpenCV+pytesseract使用Python中的OpenCV库进行图像预处理（边缘保留滤波、灰度化、二值化、形态学操作和逻辑运算），然后结合pytesseract进行文字识别。pytesseract需要配合安装在本地的tesseract-ocr.exe文件一起
  • AI驱动的可演化架构与前端开发效率 2401_89744464 人工智能架构前端
    1.引言在当今快节奏的数字时代，软件系统需要具备强大的适应能力才能在瞬息万变的市场需求中保持竞争力。软件可演化架构的重要性日益凸显，它能够让软件系统在面对需求变更、技术升级以及市场波动时，能够快速、高效地进行调整和升级，避免因僵化的架构而导致的项目失败和资源浪费。然而，传统的软件架构往往面临着诸多挑战，例如维护成本高昂、迭代速度缓慢、难以适应新的技术和需求等。幸运的是，人工智能（AI）技术的快速发
  • 【Python实用技巧】爬取数据保存到Excel中 「已注销」 pythonpython爬虫开发语言
    嗨嗨，大家好~今天来给你们分享一个小技巧如何用python爬取数据保存到Excel中话不多说，马上开始需要源码、教程，或者是自己有关python不懂的问题，都可以来这里哦https://jq.qq.com/?_wv=1027&k=s5bZE0K3这里还有学习资料与免费课程领取开发工具Python版本：3.6相关模块：importrequestsfromlxmlimportetreeimportti
  • Java序列化进阶篇 g21121 java序列化
            1.transient         类一旦实现了Serializable 接口即被声明为可序列化，然而某些情况下并不是所有的属性都需要序列化，想要人为的去阻止这些属性被序列化，就需要用到transient 关键字。
  • escape()、encodeURI()、encodeURIComponent()区别详解 aigo JavaScriptWeb
    原文：http://blog.sina.com.cn/s/blog_4586764e0101khi0.html   JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：,decodeURI,decodeURIComponent 。 下面简单介绍一下它们的区别 1 escape()函
  • ArcgisEngine实现对地图的放大、缩小和平移 Cb123456 添加矢量数据对地图的放大、缩小和平移Engine
    ArcgisEngine实现对地图的放大、缩小和平移:  个人觉得是平移，不过网上的都是漫游，通俗的说就是把一个地图对象从一边拉到另一边而已。就看人说话吧.  具体实现: 一、引入命名空间    using ESRI.ArcGIS.Geometry;    using ESRI.ArcGIS.Controls; 二、代码实现.
  • Java集合框架概述 天子之骄 Java集合框架概述
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • 旗正4.0页面跳转传值问题 何必如此 javajsp
    跳转和成功提示 a)        成功字段非空forward 成功字段非空forward，不会弹出成功字段，为jsp转发，页面能超链接传值,传输变量时需要拼接。接拼接方式list.jsp?test="+strweightUnit+"或list.jsp?test="+weightUnit+&qu
  • 全网唯一:移动互联网服务器端开发课程 cocos2d-x小菜 web开发移动开发移动端开发移动互联程序员
        移动互联网时代来了！     App市场爆发式增长为Web开发程序员带来新一轮机遇，近两年新增创业者，几乎全部选择了移动互联网项目！传统互联网企业中超过98%的门户网站已经或者正在从单一的网站入口转向PC、手机、Pad、智能电视等多端全平台兼容体系。据统计，AppStore中超过85%的App项目都选择了PHP作为后端程
  • Log4J通用配置|注意问题 笔记 7454103 DAOapachetomcatlog4jWeb
    关于日志的等级 那些去 百度就知道了！ 这几天 要搭个新框架  配置了 日志 记下来 ！做个备忘！ #这里定义能显示到的最低级别,若定义到INFO级别,则看不到DEBUG级别的信息了~! log4j.rootLogger=INFO,allLog # DAO层 log记录到dao.log 控制台 和 总日志文件 log4j.logger.DAO=INFO,dao,C
  • SQLServer TCP/IP 连接失败问题 ---SQL Server Configuration Manager darkranger sqlcwindowsSQL ServerXP
    当你安装完之后,连接数据库的时候可能会发现你的TCP/IP 没有启动.. 发现需要启动客户端协议 : TCP/IP  需要打开 SQL Server Configuration Manager... 却发现无法打开 SQL Server Configuration Manager..?? 解决方法:  C:\WINDOWS\system32目录搜索framedyn.
  • [置顶] 做有中国特色的程序员 aijuans 程序员
    从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有些技术书读得可
  • document.domain 跨域问题 avords document
    document.domain用来得到当前网页的域名。比如在地址栏里输入：javascript:alert(document.domain); //www.315ta.com我们也可以给document.domain属性赋值，不过是有限制的，你只能赋成当前的域名或者基础域名。比如：javascript:alert(document.domain = "315ta.com");
  • 关于管理软件的一些思考 houxinyou 管理
    工作好多看年了,一直在做管理软件,不知道是我最开始做的时候产生了一些惯性的思维,还是现在接触的管理软件水平有所下降.换过好多年公司,越来越感觉现在的管理软件做的越来越乱. 在我看来,管理软件不论是以前的结构化编程,还是现在的面向对象编程,不管是CS模式,还是BS模式.模块的划分是很重要的.当然,模块的划分有很多种方式.我只是以我自己的划分方式来说一下. 做为管理软件,就像现在讲究MVC这
  • NoSQL数据库之Redis数据库管理(String类型和hash类型) bijian1013 redis数据库NoSQL
    一.Redis的数据类型 1.String类型及操作         String是最简单的类型，一个key对应一个value，string类型是二进制安全的。Redis的string可以包含任何数据，比如jpg图片或者序列化的对象。         Set方法：设置key对应的值为string类型的value
  • Tomcat 一些技巧 征客丶 javatomcatdos
    以下操作都是在windows 环境下 一、Tomcat 启动时配置 JAVA_HOME 在 tomcat 安装目录，bin 文件夹下的 catalina.bat 或 setclasspath.bat 中添加 set JAVA_HOME=JAVA 安装目录 set JRE_HOME=JAVA 安装目录/jre 即可； 二、查看Tomcat 版本 在 tomcat 安装目
  • 【Spark七十二】Spark的日志配置 bit1129 spark
    在测试Spark Streaming时，大量的日志显示到控制台，影响了Spark Streaming程序代码的输出结果的查看(代码中通过println将输出打印到控制台上)，可以通过修改Spark的日志配置的方式，不让Spark Streaming把它的日志显示在console   在Spark的conf目录下，把log4j.properties.template修改为log4j.p
  • Haskell版冒泡排序 bookjovi 冒泡排序haskell
    面试的时候问的比较多的算法题要么是binary search，要么是冒泡排序，真的不想用写C写冒泡排序了，贴上个Haskell版的，思维简单，代码简单，下次谁要是再要我用C写冒泡排序，直接上个haskell版的，让他自己去理解吧。     sort [] = [] sort [x] = [x] sort (x:x1:xs) | x>x1 = x1:so
  • java 路径 配置文件读取 bro_feng java
    这几天做一个项目，关于路径做如下笔记，有需要供参考。 取工程内的文件，一般都要用相对路径，这个自然不用多说。 在src统计目录建配置文件目录res,在res中放入配置文件。 读取文件使用方式： 1. MyTest.class.getResourceAsStream("/res/xx.properties") 2. properties.load(MyTest.
  • 读《研磨设计模式》-代码笔记-简单工厂模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 个人理解：简单工厂模式就是IOC; * 客户端要用到某一对象，本来是由客户创建的，现在改成由工厂创建，客户直接取就好了 */ interface IProduct {
  • SVN与JIRA的关联 chenyu19891124 SVN
    SVN与JIRA的关联一直都没能装成功，今天凝聚心思花了一天时间整合好了。下面是自己整理的步骤： 一、搭建好SVN环境，尤其是要把SVN的服务注册成系统服务 二、装好JIRA，自己用是jira-4.3.4破解版 三、下载SVN与JIRA的插件并解压，然后拷贝插件包下lib包里的三个jar，放到Atlassian\JIRA 4.3.4\atlassian-jira\WEB-INF\lib下，再
  • JWFDv0.96 最新设计思路 comsci 数据结构算法工作企业应用公告
                       随着工作流技术的发展，工作流产品的应用范围也不断的在扩展，开始进入了像金融行业(我已经看到国有四大商业银行的工作流产品招标公告了)，实时生产控制和其它比较重要的工程领域，而
  • vi 保存复制内容格式粘贴 daizj vi粘贴复制保存原格式不变形
        vi是linux中非常好用的文本编辑工具，功能强大无比，但对于复制带有缩进格式的内容时，粘贴的时候内容错位很严重，不会按照复制时的格式排版，vi能不能在粘贴时，按复制进的格式进行粘贴呢？ 答案是肯定的，vi有一个很强大的命令可以实现此功能 。     在命令模式输入:set paste，则进入paste模式，这样再进行粘贴时
  • shell脚本运行时报错误：/bin/bash^M: bad interpreter 的解决办法 dongwei_6688 shell脚本
    出现原因：windows上写的脚本，直接拷贝到linux系统上运行由于格式不兼容导致 解决办法： 1. 比如文件名为myshell.sh，vim myshell.sh 2. 执行vim中的命令 : set ff?查看文件格式，如果显示fileformat=dos，证明文件格式有问题 3. 执行vim中的命令 :set fileformat=unix 将文件格式改过来就可以了，然后:w
  • 高一上学期难记忆单词 dcj3sjt126com wordenglish
    honest 诚实的；正直的 argue 争论 classical 古典的 hammer 锤子 share  分享；共有 sorrow 悲哀；悲痛 adventure 冒险 error 错误；差错 closet 壁橱；储藏室 pronounce 发音；宣告 repeat 重做；重复 majority 大多数；大半   native 本国的，本地的，本国
  • hibernate查询返回DTO对象，DTO封装了多个pojo对象的属性 frankco POJOhibernate查询DTO
          DTO-数据传输对象；pojo-最纯粹的java对象与数据库中的表一一对应。       简单讲：DTO起到业务数据的传递作用，pojo则与持久层数据库打交道。         有时候我们需要查询返回DTO对象，因为DTO
  • Partition List hcx2013 partition
    Given a linked list and a value x, partition it such that all nodes less than x come before nodes greater than or equal to x. You should preserve the original relative order of th
  • Spring MVC测试框架详解——客户端测试 jinnianshilongnian
    上一篇《Spring MVC测试框架详解——服务端测试》已经介绍了服务端测试，接下来再看看如果测试Rest客户端，对于客户端测试以前经常使用的方法是启动一个内嵌的jetty/tomcat容器，然后发送真实的请求到相应的控制器；这种方式的缺点就是速度慢；自Spring 3.2开始提供了对RestTemplate的模拟服务器测试方式，也就是说使用RestTemplate测试时无须启动服务器，而是模拟一
  • 关于推荐个人观点 liyonghui160com 推荐系统关于推荐个人观点
        回想起来，我也做推荐了3年多了，最近公司做了调整招聘了很多算法工程师，以为需要多么高大上的算法才能搭建起来的，从实践中走过来，我只想说【不是这样的】     第一次接触推荐系统是在四年前入职的时候，那时候，机器学习和大数据都是没有的概念，什么大数据处理开源软件根本不存在，我们用多台计算机web程序记录用户行为，用.net的w
  • 不间断旋转的动画 pangyulei 动画
    CABasicAnimation* rotationAnimation; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat: M
  • 自定义annotation sha1064616837 javaenumannotationreflect
    对象有的属性在页面上可编辑，有的属性在页面只可读，以前都是我们在页面上写死的，时间一久有时候会混乱，此处通过自定义annotation在类属性中定义。越来越发现Java的Annotation真心很强大，可以帮我们省去很多代码，让代码看上去简洁。 下面这个例子 主要用到了 1.自定义annotation：@interface，以及几个配合着自定义注解使用的几个注解 2.简单的反射 3.枚举
  • Spring 源码 up2pu spring
    1.Spring源代码 https://github.com/SpringSource/spring-framework/branches/3.2.x 注：兼容svn检出 2.运行脚本 import-into-eclipse.bat 注：需要设置JAVA_HOME为jdk 1.7 build.gradle compileJava { sourceCompatibilit
  • 利用word分词来计算文本相似度 yangshangchuan wordword分词文本相似度余弦相似度简单共有词
    word分词提供了多种文本相似度计算方式： 方式一：余弦相似度，通过计算两个向量的夹角余弦值来评估他们的相似度 实现类：org.apdplat.word.analysis.CosineTextSimilarity 用法如下： String text1 = "我爱购物"; String text2 = "我爱读书"; String text3 =
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他