Amodoro
Amodoro

记录轮播图

	<style>
		* {
			padding: 0;
			margin: 0;
		}
		.box {
			position: relative;
			margin: 100px auto;
			overflow: hidden;
			width: 600px;
		}
		.img-box {
			display: flex;
			width: 3000px;
			list-style: none;
		}
		.img-item {
			width: 600px;
			background-color: #02ffff;
			height: 600px;
			line-height: 600px;
			text-align: center;
		}
		.prev, .next {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: rgba(0,0,0,.5);
			padding: 10px;
			border-radius: 50%;
			color: #ccc;
		}
		.prev {
			left: 10px;
		}
		.next {
			right: 10px;
		}
		.num-box {
			display: flex;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 20px;
		}
		.num-item {
			margin-right: 20px;
			background-color: rgba(0,0,0,.3);
			padding: 10px;
			border-radius: 50%;
		}
	style>
head>
<body>
	<div class="box">
		
		<ul class="img-box">
			<li class="img-item">1li>
			<li class="img-item">2li>
			<li class="img-item">3li>
			<li class="img-item">4li>
			<li class="img-item">5li>
		ul>

		
		<div class="prev">
			<span><span>
		div>
		<div class="next">
			<span>>span>
		div>

		<div class="num-box">
			<div class="num-item" data-index="0">1div>
			<div class="num-item" data-index="1">2div>
			<div class="num-item" data-index="2">3div>
			<div class="num-item" data-index="3">4div>
			<div class="num-item" data-index="4">5div>
		div>

	div>
body>
<script>
	const imgBox = document.querySelector('.img-box')
	const nextBtn = document.querySelector('.next')
	const prevBtn = document.querySelector('.prev')
	const numBox = document.querySelector('.num-box')
	const numList = document.querySelectorAll('.num-item')


  let currentIdx = 0
	let timer = null

  numList[currentIdx].style.backgroundColor = '#ccc'

  nextBtn.onclick = nextFun
  prevBtn.onclick = prevFun
  numBox.addEventListener('click', numClick)
  imgBox.addEventListener('mouseenter', stopAutoPlay)
  imgBox.addEventListener('mouseleave', autoPlay)


  // 开启自动播放
  autoPlay();

	function nextFun () {
    imgBox.style.transition = '1s'
    if (currentIdx === 4) {
      imgBox.style.transition = '0s'
      currentIdx = 0
		} else {
      ++currentIdx
		}
		imgBox.style.transform = `translateX(${-600 * currentIdx}px)`
  }

	function prevFun () {
    imgBox.style.transition = '1s'
    if (currentIdx === 0) {
      imgBox.style.transition = '0s'
      currentIdx = 4
		} else {
      --currentIdx
		}
    imgBox.style.transform = `translateX(${-600 * currentIdx}px)`
  }

  function numClick(evt) {
    imgBox.style.transition = '1s'
    numList[currentIdx].style.backgroundColor = ''
    const idx = evt.target.dataset.index
    if (!idx) return
    currentIdx = idx - 0
    numList[idx].style.backgroundColor = '#ccc'
    imgBox.style.transform = `translateX(${-600 * idx}px)`
  }

  // 循环播放
  function autoPlay() {
    timer = setInterval(nextFun, 1000);
  }

  // 关闭自动播放
  function stopAutoPlay() {
    // 清除定时器
    clearInterval(timer);
  }
script>

你可能感兴趣的:(笔记,javascript,前端)

  • 【VScode】如何使用详细步骤【笔记】、配置 C / C ++【笔记】 仟濹 编程工具的使用方法合集C语言学习笔记vscode笔记c语言c++c#开发语言经验分享
    2024-10-10-笔记-24作者(Author)：郑龙浩(仟濹)该笔记写于2024-07-02摘抄到博客上的时间是2024-10-10VScode配置C/C++笔记我是看了下方链接的视频后为了方便后期复习做的笔记:B站某UP主的视频如下：VScode配置C/C++开发环境，安装/环境配置/编译/调试/汉化/编码问题_哔哩哔哩_bilibili[VScode配置C/C++开发环境，安装/环境配置
  • 自定义类型 - 联合 仟濹 C语言学习笔记算法笔记c语言c++c#
    2024-10-13-笔记-29作者(Author):郑龙浩/仟濹(CSDN账号名)联合（共用体）①联合的概念在C语言中，联合（Union）是一种自定义类型，这种（联合）类型定义的变量包含一系列的成员，其显著特征是这些成员共享（或公用）同一块内存空间，这意味着在同一时间点上，这块内存空间只能存储联合中某个成员的数据（因此联合也被称为共用体）。联合需要注意的问题：联合类型的成员共享同一个内存空间，因
  • Spring MVC 中的 DispatcherServlet：工作流程与应用场景解析 码农小灰 SpringMVC面试题SpringBootspringmvcjava
    目录一、初始化阶段二、请求处理阶段三、异常处理四、使用场景说明在SpringMVC框架中，DispatcherServlet扮演着至关重要的角色，它作为前端控制器（FrontController），负责接收客户端的HTTP请求，并根据配置将其分发给相应的处理器进行处理。以下是对其工作流程的详细解析，并结合使用场景进行说明。一、初始化阶段加载配置文件：DispatcherServlet在启动时会读取
  • 探秘Xss：原理、类型与防范全解析 咕德猫宁丶 网络xssjava
    一、Xss究竟是什么？（一）Xss的定义简述Xss全称是跨站脚本攻击（CrossSiteScripting），为了不和层叠样式表（CascadingStyleSheets，CSS）的缩写混淆，故将其缩写为Xss。它是一种常见的网络安全漏洞，指的是攻击者利用网站对用户输入内容校验不严格等漏洞，将恶意脚本（通常是JavaScript，也可以是Java、VBScript、ActiveX、Flash等）注
  • MyBatis-Plus 学习笔记-条件构造器（不想写sql） 咕德猫宁丶 Mybatis-plus学习mybatis学习springboot
    MyBatis-Plus提供了一套强大的条件构造器（Wrapper），用于构建复杂的数据库查询条件。Wrapper类允许开发者以链式调用的方式构造查询条件，无需编写繁琐的SQL语句，从而提高开发效率并减少SQL注入的风险。在MyBatis-Plus中，Wrapper类是构建查询和更新条件的核心工具。以下是主要的Wrapper类及其功能：AbstractWrapper：这是一个抽象基类，提供了所有W
  • 什么是JavaScript中的Map和Set数据结构？它们与普通对象有什么不同？ 几何心凉 前端入门之旅javascript数据结构开发语言
    聚沙成塔·每天进步一点点本文回顾⭐专栏简介什么是JavaScript中的Map和Set数据结构？它们与普通对象有什么不同？1.Map数据结构1.1定义和基本用法创建Map添加键值对获取值检查键删除键值对获取Map的大小1.2Map的遍历1.3Map与普通对象的区别2.Set数据结构2.1定义和基本用法创建Set添加值检查值删除值2.2Set的遍历2.3Set与数组的区别3.总结3.1Map与对象的
  • Python 执行 javascript PyExecJS 模块 weixin_30376083 pythonjavascriptjsonViewUI
    PyExecJS安装pipinstallPyExecJSPyExecJS的基本使用:>>>importexecjs>>>execjs.eval("'redyellowblue'.split('')")['red','yellow','blue']>>>ctx=execjs.compile("""...functionadd(x,y){...returnx+y;...}...""")>>>ctx.c
  • 在Python中运行JavaScript代码（使用execjs模块） 飞起来fly呀 Pythonpython开发语言
    使用execjs模块可以在Python中运行JavaScript代码。以下是使用execjs模块的基本步骤：1.安装execjs模块:可以使用pip命令进行安装:pipinstall execjs2.导入execjs模块:import execjs3.使用compile方法可以将JavaScript代码编译为可执行的函数compiled_func = execjs.compile(code)#执行
  • Python快速使用js接口 程序媛小本 pythonjavascriptudp
    在跨语言编程和Web开发中，Python和JavaScript是两种常用的编程语言。有时候，我们可能需要在Python环境中执行JavaScript代码。这就是execjs库发挥作用的地方。一、安装ExecJS在命令行中输入以下命令：pipinstallPyExecJS二、ExecJS的基本使用ExecJS支持多种JavaScript运行时环境，包括Node.js、SpiderMonkey、Web
  • 吴恩达《提示词工程》（Prompt Engineering for Developers）课程详细笔记 拾工 人工智能prompt笔记人工智能
    课程简介目标：帮助开发者理解如何有效地使用大语言模型（LLMs），提升通过提示词解决问题的能力。适用对象：开发者、AI从业者、产品经理等，希望通过提示词优化生成模型性能的人。第1章：提示词工程基础1.什么是提示词工程提示词工程是一种优化与大语言模型（如GPT）交互的技术，旨在通过设计有效的提示词（prompts）引导模型生成所需的输出。主要思想：用正确的方式提问以得到最佳答案。2.提示词的组成指令
  • 使用 AI 助手提升前端代码质量：自动代码审查实战 技术出海录 远洋录·技术篇人工智能前端
    最近在带团队的时候，发现代码审查（CodeReview）总是成为项目进度的一个瓶颈。一方面，高级工程师的时间很宝贵，不可能审查每一行代码；另一方面，初级工程师又急需及时的反馈来提升。于是我就在想：能不能用AI来解决这个问题？经过一番研究和实践，我搭建了一个AI代码审查助手，效果出乎意料的好！今天就来分享下这个小工具是怎么做的。为什么需要AI代码审查？说实话，最开始团队里有不少质疑的声音：“AI能审
  • 麦田物语学习笔记:背包物品选择高亮显示和动画 扶离_flee 麦田物语学札学习笔记
    如题,本篇文章没讲动画效果基本流程1.代码思路(1)先用点击事件的接口函数去实现,点击后反转选择状态(isSelected),以及设置激活状态(SetActive),并且还需要判断该格子是否为空,空格子是点不动的,完成后以上后,出现的问题是高亮应该是有且仅有一个格子是高亮的,而现在可以让多个都高亮(2)基于以上问题,需要遍历所有的格子,使被选中的格子变为那个唯一高亮的(3)值得注意的是,Inven
  • 麦田物语学习笔记:创建DragItem实现物品的拖拽跟随显示 扶离_flee 麦田物语学札学习笔记
    基本流程1.代码思路(1)在SlotUI中使用拖拽接口IBeginDragHandler,IDragHandler,IEndDragHandler(2)开始拖拽的时候,在屏幕上生成物体,拖拽期间物体显示为当前被拖拽的物体的图标,停止拖拽时图标消失(3)基于以上,所以我们要获得这个图标的控制,则要去InventoryUI里获得(4)在停止拖拽的时候检测该位置所对应的GameObject,值得注意的是
  • 嵌入式音视频开发——视频篇（三） 程序猿玖月柒 音视频音视频
    本笔记来源于学习韦东山团队课程，自己选择性摘抄加深记忆和学习的效果。帧率与时间戳帧率（framerate）是指视频播放中每秒显示的图像帧数。测量单位为“每秒显示帧数”（framepersecond，FPS）或“赫兹”，一般来说FPS用于描述影片、电子绘图或游戏每秒播放多少帧。人类视觉的时间敏感性和分辨率根据视觉刺激的类型和特征而变化，并且在个体之间是不同的。由于人类眼睛的特殊生理结构，如果所看画面
  • 用python监控网页某个位置的值的变化 老光私享 python开发语言爬虫
    可以使用Python的第三方库来监控网页上某个位置的值的变化。一种方法是使用BeautifulSoup库来爬取网页并解析HTML/XML。然后，您可以使用正则表达式或其他方法来提取所需信息。另一种方法是使用Selenium库来模拟浏览器行为，并使用JavaScript来获取网页上的信息。下面是一个使用BeautifulSoup的例子：importrequestsfrombs4importBeaut
  • python笔记（3）(re库和pandas库) Techer_Y 笔记
    参考链接：Python正则表达式|菜鸟教程(runoob.com)1、re库，python正则表达式正则表达式是一个特殊的字符序列它能帮助你检查一个字符串是否与某种模式匹配。re模块使python语言拥有全部的正则表达式功能。re.match尝试从字符串起始位置匹配一个模式，如果不是起始位置匹配成功的话，match()就返回none。re.match(pattern,string,flags=0)
  • 构建一个rust生产应用读书笔记6-拒绝无效订阅者02 编码浪子 Rust学习rust开发语言后端
    打破域子模块通常指的是对应用程序的某个特定业务领域进行重构或重新组织。这可能包括拆分、合并或重组代码结构以更好地反映业务规则和逻辑。下面是一些关于如何处理这种情况的建议：1.理解当前状态首先，确保你完全理解现有系统的工作方式。这包括：阅读文档：如果有任何现有的文档，请先阅读。代码审查：深入研究代码库，了解各个部分的功能和相互之间的关系。与团队沟通：与熟悉系统的同事讨论，获取他们的见解和经验。2.定
  • 构建一个rust生产应用读书笔记四（实战6） 编码浪子 Rust学习rust网络oracle
    本节我们开始使用tracing来记录日志，实际上在生产环境中，更推荐使用tracing作为日志记录的首先，它提供了更丰富的上下文信息和结构化日志记录功能。tracing不仅可以记录日志信息，还可以跟踪函数调用、异步任务等，适用于复杂的分布式系统和微服务架构。添加配置依赖#Cargo.tomltracing="0.1.19"tracing-subscriber={version="0.3",feat
  • 构建一个rust生产应用读书笔记6-拒绝无效订阅者01 编码浪子 Rust学习rustoracle数据库
    为了增强您的POST/subscriptions端点的安全性和可靠性，确保输入数据的质量和有效性是非常重要的。当前的实现似乎只做了最基础的验证——即检查name和email字段是否存在。这样的做法可能会让系统暴露于各种潜在的问题之下，例如恶意用户提交无效或格式不正确的数据，或者导致数据库中存储了低质量的数据。改进输入验证验证数据类型：确保name和email字段是字符串类型。验证长度：为name和
  • 用Python写前端 eternity_ld 前端python开发语言
    分享一个让开发交互式Webapp超级简单的工具。不会HTML，CSS，JAVASCRIPT也没事。交互式Webapp非常实用，比如说做一个问卷调查页面、一个投票系统、一个信息收集表单，上传文件等等，因为网页是可视化的，因此还可以作为一个没有服务端的图片界面应用程序而使用。如果你有这样的开发需求，那用Python真的是太简单了。借助于PyWebIO（pipinstallpywebio），你可以分分钟
  • 二进制 GCD 学习笔记 PandaLYL 数学学习笔记
    前言欧几里得算法可以在log的时间复杂度内求出个数的GCD，但是这还是太慢了。在一些题目中，欧几里得算法就会TLE。欧几里得算法理论：gcd⁡(a,b)=gcd⁡(b,a mod b)\gcd(a,b)=\gcd(b,a\bmodb)gcd(a,b)=gcd(b,amodb)二进制GCD更相减损术已知两个数aaa,bbb,求gcd⁡(a,b)\gcd(a,b)gcd(a,b)。设a≥ba\geba
  • 【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法 杰九 vue.js前端springboot
    【全栈】SprintBoot+vue3迷你商城-扩展：vue的基本用法在进行前端开发之前，需要熟悉vue的一些基本用法，这里举例了一些常见的基本用法1.v-if,v-else,v-else-if用于条件渲染元素。当条件为真时，元素会被渲染；否则不会渲染。示例TypeATypeBNotA/B2.v-show也用于条件渲染，但它总是会渲染并保留，只是通过CSS的display属性控制可见性。示例显示/
  • 面试踩坑笔记之Object与性能优化 向上_50358291 面试笔记性能优化
    1、两个Object对象用equals相比较，是否相等？//Object类使用equals()方法//创建两个对象Objectobj1=newObject();Objectobj2=newObject();//判断obj1与obj2是否相等//不同对象，内存地址不同，不相等，返回falseSystem.out.println(obj1.equals(obj2));//false2、Object.e
  • 图形化数据报文转换映射工具 光芒再现0394 数据交换SwingETL数据格式转换数据映射xml转jsonjson转xml
    目录概要整体架构流程技术名词解释技术细节小结概要在当今数字化时代，数据的处理和分析是企业、科研机构以及各类组织日常运营的核心环节。数据来源广泛，格式多样，常见的数据格式包括XML（可扩展标记语言）和JSON（JavaScript对象表示法）。XML以其结构化和可扩展性强的特点，被广泛应用于配置文件、数据交换以及复杂数据结构的描述；而JSON则因其简洁、易读易解析的特性，在Web开发、API接口以及
  • 保研考研机试攻略：第一章——从零开始 杜若南星 保研考研机试攻略考研数据结构算法笔记经验分享c++c语言
    欢迎大家来到保研考研机试攻略专栏，该专栏将更新我对N诺平台的计算机考研机试攻略——高分篇、满分篇教程的学习笔记和心得，N诺是唯一一个纯粹为计算机考研而准备的学习平台，学完这些教程的内容，相信我们都会拿到满意的机试高分，如果你也对机试考试的准备感到迷茫，来和我一起学习吧~有任何问题欢迎评论区留言或私信我，让我们一起拿捏机试，顺利上岸！！！目录1.1输入输出技巧(1)基本类型输入输出(2)gets、g
  • git基础使用命令 东锋1.3 开发与应用elasticsearch大数据搜索引擎
    基础配置命令1.初始化配置配置用户信息是使用Git的第一步：#配置全局用户名和邮箱gitconfig--globaluser.name"FedJavaScript"gitconfig--globaluser.email"[email protected]"#查看配置信息gitconfig--list2.仓库初始化创建新的Git仓库：#初始化新仓库gitinit#克隆远程仓库gitc
  • this.form = { ...this.form, relatedIds: [] } 更新 Vue 组件中 form 对象的状态，并且将 relatedIds 属性的值重置为空数组 小丁学Java vue2和element-uivue.js前端javascript
    this.form={...this.form,relatedIds:[]}这行代码是JavaScript中一种常用的对象操作方式，主要用于更新Vue组件中form对象的状态，并且将relatedIds属性的值重置为空数组。让我们分解一下这行代码：this.form:在Vue组件中，this通常指向当前组件实例。this.form表示组件的数据属性form，它通常是一个对象，用于存储表单的数据。{
  • MYSQL学习笔记(五)：单行函数(字符串、数学、日期时间、条件判断、信息、加密、进制转换函数)讲解 羊小猪~~ MYSQLmysql学习笔记sql数据库考研后端
    前言：学习和使用数据库可以说是程序员必须具备能力，这里将更新关于MYSQL的使用讲解，大概应该会更新30篇+，涵盖入门、进阶、高级(一些原理分析);这一篇是讲解单行函数，当然mysql函数很多哈，只有多用才能记得住；这些函数，如果不用，记得再牢都会忘记(我是这样的)，但是可以先看一下，动手打一下，会现用现查即可，而且现在AI这么发达不是么；虽然MYSQL命令很多，但是自己去多敲一点，到后面忘记了，
  • SpringBoot3+Vue3+NaiveUI博客后台管理系统源码 | 小蚂蚁云 小蚂蚁开源 后端vue架构低代码
    项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、NaiveUI、MySQL等技术栈实现的单体前后端分离后台管理系统；后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈，前端基于Vue3、TypeScript、Vite等技术栈实现，采用Naiv
  • 小蚂蚁云后台管理系统|XiaoMaYi 小蚂蚁开源 后端vue
    项目介绍基于SpringBoot3、SpringSecurity、MybatisPlus、Vue3、TypeScript、Vite、ElementPlus、MySQL等技术栈实现的单体前后端分离后台管理系统；后端基于Java语言采用SpringBoot3、SpringSecurity、MybatisPlus、MySQL等主流技术栈，前端基于Vue3、TypeScript、Vite等技术栈实现，采用
  • 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其他