moon3
moon3

JS---案例：高清放大镜

案例：高清放大镜

 

分3步

1. 鼠标进入和离开，显示和隐藏遮挡层和大图div

2. 鼠标在小层上移动，鼠标横纵坐标，为可视区域坐标-遮挡层的宽高，鼠标移动的时候，在一个区域内移动，需要判断和定义下移动区间

3. 在小图移动，对应大图的坐标，用比例来做 a/b =c/d ，a=bc/d

4. 移动设置，用大图的marginleft和top实现，负的移动距离

 

DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>哈哈title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .box {
      width: 350px;
      height: 350px;
      margin: 100px;
      border: 1px solid #ccc;
      position: relative;
    }

    .big {
      width: 400px;
      height: 400px;
      position: absolute;
      top: 0;
      left: 360px;
      border: 1px solid #ccc;
      overflow: hidden;
      display: none;
    }

    .mask {
      width: 175px;
      height: 175px;
      background: rgba(255, 255, 0, 0.4);
      position: absolute;
      top: 0px;
      left: 0px;
      cursor: move;
      display: none;
    }

    .small {
      position: relative;
    }
  style>
head>

<body>
  <div class="box" id="box">
    <div class="small">
      
      <img src="images/small.png" width="350" alt="" />
      <div class="mask">div>
      
    div>
    
    <div class="big">
      
      <img src="images/big.jpg" width="800" alt="" />
      
    div>
    
  div>
  
  <script src="common.js">script>
  <script>

    //获取需要的元素
    var box = my$("box");
    //获取小图的div
    var small = box.children[0];
    //遮挡曾
    var mask = small.children[1];
    //获取大图的div
    var big = box.children[1];
    //获取大图
    var bigImg = big.children[0];


    //鼠标进入显示遮挡层和大图的div
    box.onmouseover = function () {
      mask.style.display = "block";
      big.style.display = "block";
    };
    //鼠标离开隐藏遮挡层和大图的div
    box.onmouseout = function () {
      mask.style.display = "none";

    };

    //鼠标的移动事件---鼠标是在小层上移动
    small.onmousemove = function (e) {
      //鼠标此时的可视区域的横坐标和纵坐标
      //设置鼠标在遮挡层的中间显示
      var x = parseInt(e.clientX - mask.offsetWidth / 2);
      var y = parseInt(e.clientY - mask.offsetHeight / 2);
      //设置margin的100px的问题 （先让鼠标在遮挡层左上角显示）
      x = x - 100;
      y = y - 100;
      //横坐标的最小值
      x = x < 0 ? 0 : x;
      //纵坐标的最小值
      y = y < 0 ? 0 : y;
      //横坐标的最大值
      x = x > small.offsetWidth - mask.offsetWidth ? small.offsetWidth - mask.offsetWidth : x;
      //纵坐标的最大值
      y = y > small.offsetHeight - mask.offsetHeight ? small.offsetHeight - mask.offsetHeight : y;
      //为遮挡层的left和top赋值
      mask.style.left = x + "px";
      mask.style.top = y + "px";

      //遮挡层的移动距离/大图的移动距离=遮挡层的最大移动距离/大图的最大移动距离
      //大图的移动距离=遮挡层的移动距离*大图的最大移动距离/遮挡层的最大移动距离

      //大图的横向最大移动距离
      var maxX = bigImg.offsetHeight - big.offsetHeight;

      //大图的纵向最大移动距离
      // var maxY = bigImg.offsetHeight - big.offsetHeight;

      //大图的横向移动坐标
      var bigImgMoveX = x * maxX / (small.offsetWidth - mask.offsetWidth);
      //大图的纵向移动坐标
      var bigImgMoveY = y * maxX / (small.offsetWidth - mask.offsetWidth);

      //设置图片的移动
      bigImg.style.marginLeft = -bigImgMoveX + "px";
      bigImg.style.marginTop = -bigImgMoveY + "px";

    };
  script>


body>

html>

你可能感兴趣的:(JS---案例：高清放大镜)

  • 云起无垠入选中国信息通信研究院2024年度首期“磐安”优秀案例 人工智能
    近日，中国信通院举办的深度观察报告会系列论坛在北京顺利召开。在数字生态治理分论坛上，2024年度首期“磐安”优秀案例——AI+数字安全应用优秀案例遴选结果正式公布，云起无垠凭借其在生成式AI网络安全攻防对抗垂直领域扎实的研究及应用成果，成功入选该年度首期“磐安”优秀案例。当下，数字化浪潮席卷全球，信息技术广泛渗透各个产业。云计算、大数据、人工智能、物联网等前沿技术深度融合，传统制造业生产线、现代服
  • 智能图像识别系统设计与实现 算法机器学习人工智能
    摘要本文讨论了图像识别技术在安防领域的应用，详细介绍了如何利用AI设计实时图像识别系统解决传统监控系统的不足，包括快速识别潜在威胁和提高实时性。文章包含可运行的代码模块（基于Python和OpenCV），并通过实际案例展示如何应对技术挑战。引言传统监控系统主要依赖人工监控，面临效率低、实时性差等问题。而人工智能和图像识别技术的发展为安防领域带来了革命性的改变。通过基于AI的实时图像识别系统，可以快
  • Python系列之：Dash从入门到精通系列一 快乐骑行^_^ 大数据pythonDash从入门到精通
    Python系列之：Dash从入门到精通系列一一、安装Dash二、Dash布局入门案例详解三、开启和关闭热加载四、Dash设置Html样式和颜色五、Dash可重用组件六、Dash组件Graph七、Dash核心组件八、简单的交互式Dash应用程序九、带有图形和滑块的Dash应用程序布局十、具有多个输入的Dash应用程序十一、具有多个输出的Dash应用程序十二、带有链式回调的Dash应用程序十三、带状
  • 项目上线之后，出现过线上问题吗？怎么排查和解决的？ 后端go面试问题
    在面试中，相信大家都遇到过这个问题。本文将通过训练营内部抽奖项目的问题案例——抽奖结果通知延迟和抽奖列表加载缓慢，讲清楚它们的解决方法和优化策略。回答思路这些问题都是在我负责的项目中出现过的，给我留下了深刻的印象。一、出现的线上问题抽奖结果通知延迟问题表现：有部分中奖用户未能及时收到抽奖结果通知，影响了用户体验。影响范围：部分中奖用户。抽奖列表加载缓慢问题表现：在高峰时段，用户获取抽奖列表的速度明
  • Python函数的5个核心概念 昊昊该干饭了 pythonpython开发语言
    Python函数是编程的基石之一，也是提高代码复用性和可读性的关键工具。本文将从零开始，详细剖析Python函数的五个核心概念：定义、参数、返回值、作用域，以及嵌套函数。通过深度解析与实践案例，让大家彻底掌握Python函数的精髓。目录1.什么是函数？1.1函数的定义1.2函数的优点2.核心概念一：函数的定义与调用3.核心概念二：函数的参数3.1参数的种类3.2参数解包4.核心概念三：函数的返回值
  • 细说元宇宙发展史 区块链星际社 元宇宙虚拟空间区块链
    元宇宙作为时下一个热门的产业，凭借着强大的潜力，吸引了全球范围内大量企业的参与。但事实上，元宇宙这一概念，并非是一个全新的名词，它早在数十年前就已经出现在我们的视野当中，那么，就让我们来探索元宇宙的这一段发展时吧，进一步深度了解什么是元宇宙。科幻作品虽然是来自于人们的幻想，但在科技的发展史中，也不乏将科幻作品中的想象实现的案例，就像曾经凡尔纳笔下的穿行于海面下的去“鹦鹉螺号”一样，像如今的潜艇也可
  • 如何优化SQL查询性能？解开你的数据库瓶颈之谜（一） 凛鼕将至 Java技术栈高级攻略sql数据库sql性能调优
    本系列文章简介：本系列文章将从数据库索引的设计和使用、查询语句的优化、数据量的控制、数据库服务器的配置等多个方面，介绍一些常见的优化方法和策略，帮助大家解决数据库性能的瓶颈问题，并提升整个系统的性能。同时，我们也将分享一些实际案例和经验，帮助大家更好地理解和应用优化方法。另外，数据库性能优化是一个综合性的工作，没有一套万能的解决方案。在优化的过程中，需要针对具体的业务场景和数据库特点，结合实际情况
  • 推荐系统的未来发展方向：大模型的主流化 AI天才研究院 计算大数据AI人工智能AI大模型企业级应用开发实战javapythonjavascriptkotlingolang架构人工智能大厂程序员硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLM系统架构设计软件哲学Agent程序员实现财富自由
    《推荐系统的未来发展方向：大模型的主流化》关键词：推荐系统，大模型，深度学习，人工智能，未来趋势摘要：本文深入探讨了推荐系统的发展历程及其在当前人工智能时代的重要性。重点分析了深度学习在大模型中的应用，探讨了大模型的主流化趋势及其面临的挑战。通过案例研究，展示了大模型在实际推荐系统中的应用效果，并对未来的发展方向进行了展望。目录大纲推荐系统的概述1.1推荐系统的发展历程1.2推荐系统的基本架构深度
  • Google广告数据分析与优化总结 奔跑的栀子 计算广告广告计算广告数据分析数据可视化google
    一、概述广告优化师虽属于广告行业，但在实际的优化过程中无不考验着优化师的数据分析能力。不同的计划在不同时期情况不一样，具体的优化应当以当时的状态跟所处情形来进行，因此对于这个行业来讲没有百分之百奏效的优化方式，广告优化师能做的就是根据自己的经验分析和判断可能是什么原因导致了计划出现问题，以及通过尝试去改变效果不好的现状。以下是我曾经优化比较成功的案例之一，下面将分日期对计划所处的状态、猜测结果出现
  • 如何优化 Nginx 处理流媒体的性能？ 糖葫芦.T 前端框架nginxvue.js服务器运维网络
    关注博主️带你畅游技术世界，不错过每一次成长机会！文章目录如何优化Nginx处理流媒体的性能？一、理解Nginx与流媒体的“舞蹈”二、Nginx处理流媒体的挑战（一）带宽压力山大（二）高并发的考验（三）延迟和卡顿的噩梦三、优化策略之“软硬兼施”（一）硬件升级——给Nginx换上“强劲引擎”（二）软件优化——为Nginx打造“智能导航”四、具体配置与实践案例（一）缓存配置示例（二）负载均衡配置示例五
  • Tailwind CSS—骨架屏生成器 前端javascript
    CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读使用TailwindCSS快速创建现代化的骨架屏，只需要这个简单的工具。我一直在寻找方法，让我的网站更加引人入胜和用户友好。其中最简单而又最有效的方法之一，就是加入骨架加载器——那些灰色的、闪烁的方框，在内容加载时显示。它们帮助用户获得更流畅的体验，让他们觉得网站加载速度比实际快。这些骨架加载器是一个不错的补充，但从零开始设计它们却
  • 大数据治理：概念、框架与实践 一ge科研小菜鸡 大数据Python大数据
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注引言随着数据量的爆炸性增长，大数据治理（BigDataGovernance）成为数据管理领域的重要议题。大数据治理旨在对海量数据进行有效管理，确保数据的质量、可用性、安全性和合规性，同时为企业决策提供有力支持。本文系统介绍大数据治理的概念、核心框架、实施步骤及典型应用案例，结合实际场景提供技术支持和代码示例。一、大数据治理的定义与重要性1.什么是
  • Python的输入函数input() 蜗牛_Chenpangzi Python学习笔记总集python字符串编程语言
    前言此篇文章是我在B站学习时所做的笔记，部分为亲自动手演示过的，方便复习用。此篇文章仅供学习参考。提示：以下是本篇文章正文内容，下面案例可供参考input函数input函数的基本使用#输入函数inputpresent=input('大圣想要什么礼物呢?')print(present,
  • 蚁群算法 (Ant Colony Optimization) 算法详解及案例分析 闲人编程 控制与系统优化算法22讲算法蚂蚁觅食行为组合优化旅行商问题车辆路径问题ACO蚁群算法
    蚁群算法(AntColonyOptimization)算法详解及案例分析目录蚁群算法(AntColonyOptimization)算法详解及案例分析1.引言2.蚁群算法(ACO)算法原理2.1蚂蚁觅食行为2.2算法步骤2.3数学公式3.蚁群算法的优势与局限性3.1优势3.2局限性4.案例分析4.1案例1:旅行商问题(TSP)4.1.1问题描述4.1.2代码实现4.1.3流程图4.1.4优化曲线4.
  • 第19篇：python高级编程进阶：使用Flask进行Web开发 猿享天开 python从入门到精通python开发语言
    第19篇：python高级编程进阶：使用Flask进行Web开发内容简介在第18篇文章中，我们介绍了Web开发的基础知识，并使用Flask框架构建了一个简单的Web应用。本篇文章将深入探讨Flask的高级功能，涵盖模板引擎（Jinja2）、表单处理、数据库集成以及用户认证等主题。通过系统的讲解和实战案例，您将掌握构建功能更为丰富和复杂的Web应用所需的技能。目录Flask的深入使用Flask扩展蓝
  • 第18篇：python高级编程进阶：Web开发基础详解 猿享天开 python从入门到精通python开发语言
    第18篇：Web开发基础内容简介本篇文章将为您介绍Web开发基础的核心概念和实用技能。您将了解Web开发的基本概念和流程，掌握HTTP协议的基础知识，学习如何使用Flask框架构建简单的Web应用，并深入理解路由与视图函数的工作原理。通过丰富的代码示例和实战案例，您将能够快速入门Web开发，搭建自己的第一个Web应用。目录Web开发概述什么是Web开发前端与后端开发Web开发的技术栈HTTP协议基
  • 第17篇：python进阶：详解数据分析与处理 猿享天开 python从入门到精通python开发语言
    第17篇：数据分析与处理内容简介本篇文章将深入探讨数据分析与处理在Python中的应用。您将学习如何使用pandas库进行数据清洗与分析，掌握matplotlib和seaborn库进行数据可视化，以及处理大型数据集的技巧。通过丰富的代码示例和实战案例，您将能够高效地进行数据处理、分析和可视化，为数据驱动的决策提供有力支持。目录数据分析与处理概述什么是数据分析与处理数据分析的流程使用pandas进行
  • 华为交换机vlan配置举例_华为交换机Vlan间访问控制配置案例 weixin_39693662 华为交换机vlan配置举例
    华为交换机Vlan间访问控制配置案例华为交换机ACL/QOS调用ACL配置案例1ACL概述随着网络规模的扩大和流量的增加，对网络安全的控制和对带宽的分配成为网络管理的重要内容。通过对报文进行过滤，可以有效防止非法用户对网络的访问，同时也可以控制流量，节约网络资源。ACL(AccessControlList，访问控制列表)即是通过配置对报文的匹配规则和处理操作来实现包过滤的功能。ACL通过一系列的匹
  • Python数据分析与可视化研究 阿尔法星球 pythonpython数据分析开发语言
    Python数据分析与可视化研究摘要随着大数据和人工智能技术的飞速发展，Python数据分析与可视化技术已成为现代科学研究、企业决策等领域不可或缺的工具。本研究全面梳理了Python在数据分析与可视化领域的基本理论框架和关键技术，系统分析了Pandas、NumPy等核心数据分析库以及Matplotlib、Seaborn等可视化库的应用优势与特点。通过实际案例，本研究深入探讨了Python在数据清洗
  • 【系统设计】服务型软件的部署方式 乘风而来的思绪 系统设计系统架构系统设计软件软件部署SaaS私有化部署
    文章目录部署方式的诉求SaaS软件私有化部署之私有云部署私有化部署之机房部署挑战案例部署方式的诉求在云计算的时代，以IaaS、PaaS、SaaS等为代表的XaaS风靡一时，尤其是其中作为软件服务提供商，市值3000亿美元的Salesforce给大家看到了SaaS软件的巨大价值，不少公司将其作为构建未来软件的目标。但在toB领域，尤其是涉及到数据隐私等问题时，客户的定制难以避免，因此也一直有着独立部
  • C#委托和事件的区别 犯罪刚回来 VisualStudiounity3dc#开发语言
    一、概念1、委托：将方法以变量的形式传递，并且以方法的形式执行。他是类，是引用类型。2、事件：功能被限制的一个委托变量。它的类型是委托类型。3、委托的三种形式3.1、delegate：四步（声明，实例化，注册方法，调用）3.2、Action：添加的方法不能有返回值3.3、Func：添加的方法要有返回值3.4、lamda表达式：方法只使用一次，没有多次使用的话使用二、案例1、委托、匿名函数、lamd
  • 【python进阶】txt excel pickle opencv操作demo 闪闪发亮的小星星 AI算法工程师打怪pythonexcelopencv
    文章目录1.txt读写读综合案例日志文件读写2.excel读写读取csv读取xlsx3.matplotlib案例折线图多个折现图散点图柱状图饼状图4opencv案例加载与展示图片缩放图片旋转图片保存图片读取摄像头视频保存opencv综合案例5pickle案例1.txt读写读file.read()file.readlines()file.readline()##使用'read'方法读取文件的所有内容
  • 【玩转全栈】----基于ModelForm完成用户管理页面 Edward-tan 全栈开发djangomysqlpython
    目录大致效果添加用户代码引入ModelFormModelForm与一般表单的区别：ModelForm与传统Form的区别：使用ModelForm制作用户管理新建用户编辑用户：删除数据完整代码在学完前面的部门管理案例后，自己独立写出个用户管理应该不难，基本逻辑和大致代码都和前面一样，大家可以自己试试。大致效果基于ModelForm用户管理系统添加用户代码但是，按照之前的方式写的话，在表单方面还是会有
  • Anthropic 正计划为其聊天机器人 Claude 推出“双向语音模式”和一个新的记忆功能 新加坡内哥谈技术 人工智能深度学习机器人科技
    每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领域的领跑者。点击订阅，与未来同行！订阅：https://rengongzhineng.io/Anthropic正计划为其聊天机器人Claude推出“双向语音模式”和一个新的记忆功能
  • DeepMind的新突破：GenCast 新加坡内哥谈技术 人工智能大数据语言模型
    每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领域的领跑者。点击订阅，与未来同行！订阅：https://rengongzhineng.io/如今，人工智能（AI）在天气预报领域的表现已经可以与传统计算方法媲美。然而，AI模型的训
  • AI跟踪报道第62期-本周AI新闻: 微软推出Copilot的AI Agent和Computer Control 新加坡内哥谈技术 人工智能copilot大数据
    每周跟踪AI热点新闻动向和震撼发展想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领域的领跑者。点击订阅，与未来同行！订阅：https://rengongzhineng.io/油管视频:https://youtu.be/_Egli1MlVWk?si=DIjVm2l
  • flask项目中使用schedule定时任务案例 张小特 flaskpython后端
    pipinstallschedule代码importschedule#定义定时任务schedule.every().day.at("22:00").do(update_data)schedule.every().day.at("22:00").do(update_cumulative_data)#启动定时任务defrun_scheduler():whileTrue:schedule.run_pen
  • GPU 集群和分布式计算 AI天才研究院 计算AI大模型企业级应用开发实战大数据AI人工智能javapythonjavascriptkotlingolang架构人工智能大厂程序员硅基计算碳基计算认知计算生物计算深度学习神经网络大数据AIGCAGILLM系统架构设计软件哲学Agent程序员实现财富自由
    《GPU集群和分布式计算》关键词：GPU集群、分布式计算、CUDA、OpenACC、OpenMP、性能优化、故障处理、案例分析摘要：本文详细探讨了GPU集群和分布式计算的基本概念、架构、编程模型以及应用场景。通过剖析GPU集群在多个领域的实际应用，探讨了性能优化和故障处理的方法，并提供了若干案例以加深理解。文章旨在为读者提供一个全面而深入的GPU集群和分布式计算的知识框架。《GPU集群和分布式计算
  • Android 逆向之 Uni Debug 全面解析 阿贾克斯的黎明 逆向
    目录Android逆向之UniDebug全面解析一、UniDebug概述（一）Unicorn框架（二）UniDebug简介二、UniDebug的使用场景、优缺点（一）使用场景（二）优点（三）缺点三、UniDebug的使用步骤（一）配置资源文件（二）文件结构解析（三）案例分析与代码示例四、UniDebug的API介绍（一）Emulator常用API（二）内存常用API（三）VN常用API五、UniD
  • LNMP(动态网站） weixin_34406061 运维php开发工具
    LNMP(动态网站）nginx（静态网站）案例1：部署LNMP环境步骤一：安装软件yum-yinstallmariadbmariadb-serveryum-yinstallmariadb-develyum-yinstallphpphp-mysqlcdlnmp_softrpm-ivhphp-fpm-5.4.16-36.el7_1.x86_64.rpm启动服务nginxsystemctlstartph
  • 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其他