伊昂呀
伊昂呀

轮播原生。

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>swiperNormaltitle>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html,
        body {
            height: 100vh;
        }

        .swiper-box {
            display: inline-block;
            box-sizing: border-box;
            width: 100%;
            height: 90%;
            padding: 10px;
        }

        .item {
            display: inline-block;
            width: 100%;
            height: 100%;
            display: none;
            background-size: cover;
        }

        .item-active {
            display: inline-block;
        }

        .btns {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

        .btns button {
            font-style: italic;
            /**字体斜体*/
            padding: 10px;
            border-radius: 5px;
            border: none;
            color: #4760fa;
        }

        .btns button:hover {
            cursor: pointer;
            color: #bbd0fd;
            background-color: #4760fa;
            border: none;
        }
    style>
head>

<body>
    <div class="swiper-box">
        <div class="item">div>
        <div class="item">div>
        <div class="item">div>
        <div class="item">div>
        <div class="item">div>
    div>
    <div class="btns">
        <button class="prev">prevbutton>
        <button class="next">nextbutton>
    div>
    <script>
        var items = document.getElementsByClassName('item')
        var count = Math.floor(items.length / 2)
        var prevBtn = document.getElementsByClassName('prev')[0];
        var nextBtn = document.getElementsByClassName('next')[0];
        var interval, intervalTime = 1000;
        for (var i = 0; i < items.length; i++) {
            // 获取当前item
            let item = items[i];
            // 设置背景图片
            item.style.backgroundImage = 'url(./img/' + (i + 1).toString() + '.png)';
        }
        function move(conf) {
            if (conf < 0) conf = items.length - 1;
            if (conf > items.length - 1) conf = 0;
            count = conf;
            for (let index = 0; index < items.length; index++) {
                let item = items[index];
                if (index == count) {
                    item.classList.add('item-active')
                } else {
                    item.classList.remove('item-active')
                }
            }
        }
        function bindEvents() {
            prevBtn.addEventListener('click', () => { prev(); });
            nextBtn.addEventListener('click', () => { next(); });
        }
        function timer() {
            clearInterval(interval);
            interval = setInterval(() => {
                move(++count)
            }, intervalTime)
        }
        function init() {
            move(Math.floor(items.length / 2));
            bindEvents();
            timer();
        }
        function prev() {
            console.log('prev');
            move(--count);
            timer();
        }
        function next() {
            move(++count);
            timer();
        }
        init()
    script>
body>

html>

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

  • 谈谈nvm、nrm、pnpm的理解 段子君 nvmnrmpnpm前端
    谈一谈目前用的最多的也是主流的工具nvm、nrm以及pnpm的理解。nvm一般我们在公司开发，公司一般可能会有多个项目，可能有新项目也有老项目，不同的前端工程可能依赖的node版本不一样。这个时候就需要我们拥有多个node版本来开发不同的工程，如何安装多个node版本并可以随意的切换我们的node开发环境，这个时候nvm就能完美的发挥出自己的优势。nvm版本过低是不兼容vue3的项目的，我推荐1.
  • 洛杉矶出差第17天 Bruce_9043
    我是一个小小的外贸人，主要做服装类别，前端开发和设计刚刚开始，因此海外出差比较多；继去年117天的纽约常驻之后，今年我又来到了洛杉矶这个城市，今天是第17天的生活了，送走了日夜相处的同事，从今天开始，我便一个人要生活了，大概还有38天的日子要去过，而我在这里的任务也逐渐变得清晰明朗起来，但难度依然很大。我们住在洛杉矶的downtown，整体房间的环境还是比较好，到办公室也就20分钟左右的路程，这是
  • es6新增的内容与概念 勇敢的茂密 es6前端ecmascript
    从头看到尾，不会的话干脆就回家放一只羊吧，放多了我怕你数不过来目录es6是什么？let和const关键字数组方法箭头函数新增数据类型Symbol新增数据结构set和map一、es6是什么？ES6的发布标志着JavaScript语言的一个重要演进，为开发者带来了更多便利和功能，并推动了JavaScript的发展和广泛应用。许多现代开发工具和框架已经支持ES6的语法和功能，使开发者能够更好地开发和维护
  • 【javascript】数据精度丢失问题 芭拉拉小魔仙 jsjavascript开发语言
    一、为什么会出现精度丢失的问题JavaScript中存在小数点精度丢失的问题是由于其使用的浮点数表示方式。JavaScript采用的是双精度浮点数表示法，也称为IEEE754标准，它使用64位来表示一个数字，其中52位用于表示有效数字，而其他位用于表示符号、指数和特殊情况。由于使用有限的位数来表示无限的小数，JavaScript无法准确地表示某些小数。其中一个典型的示例是0.1，它在二进制中是一个
  • JavaScript 中的深拷贝新宠：structuredClone() 函数详解 芭拉拉小魔仙 jsjavascript开发语言ecmascript
    在JavaScript中，处理对象拷贝时，我们经常会遇到浅拷贝（shallowcopy）和深拷贝（deepcopy）的概念。浅拷贝只复制对象的第一层属性，如果属性值是引用类型（如对象、数组等），则只复制引用而不复制对象本身，这可能会导致原始数据被意外修改。而深拷贝则递归地复制对象及其所有子属性，确保原始数据和拷贝数据完全独立。传统上，JavaScript没有内置直接进行深拷贝的函数，开发者通常需要
  • axios jquery.ajax fetch 区别 大大大石頭 JavaScriptajaxfetchaxios
    最近项目在用axios，好像出现好久了，才开始学习。这三个都是发起http请求的东西,都算是对原生XHR的封装。从XHR->Jqueryajax()->fetch->axios现在来分别看一下这三个东西Jqueryajax它是对原生XHR的封装，支持JsonP，是MVC编程的一种请求方式，已经逐渐的不适应前端的MVVM框架的潮流了。而且，在项目中使用的时候，要使用ajax，就得把jquery都引进
  • Javascript归纳与总结——this指向及其改变、new关键字与原型链、异步、闭包和函数防抖与节流 GISer_Jinger 面试题目Javascriptvue.js前端javascript
    this指向及其改变普通函数在调用时，this为obj.obj1.fun(),this->obj1,箭头函数在声明定义时this->obj。Javascript中bind、call、apply區別-CSDN博客new关键字与原型链从原型链视角解读VueComponent与Vue关系_vue中重要的原型链关系-CSDN博客prototype这个属性只有函数对象才有！（构造）函数的原型对象_proto
  • 好看的2020年html倒计时源码 huihuixxx 程序源码html倒计时源码倒计时源码源码
    介绍：复制文件里面的html+css代码放到你网站适合的地方然后就可以显示了时间自动转的不需要shua新的哦网盆下载地址：https://zijiewangpan.com/2anRuMoVEP0图片：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sAwm8lJk-1615557371351)(https://www.5438.com.cn/static/pic/2/
  • JavaScript的面向对象的理解 唐人不自醉
    0.前言以前和大家分享的都是JavaScript的基础，现在就和大家分享的是比较有难度的知识点——对象。注意啊各位广大单身狗们，你们的福利来了，没有对象的人，现在可以“new”出来一个了。嘻嘻(o)/~1.面向对象编程思想简介不管是学习何种语言，都会学习到面向对象，当然c语言是面向过程的，这无疑加大了程序员的工作量，而且不利于维护。但是面向对象，则显得方便快捷，大大提高了程序员的工作效率。那么Ja
  • Promise的Finally方法 DTcode7 HTML网站开发#前端基础入门三大核心之JSHTMLJavaScript
    Promise的Finally方法基本概念与作用什么是`finally`方法？为什么使用`finally`方法？示例一：基础用法示例二：错误处理示例三：清理资源示例四：与`async/await`结合使用示例五：模拟Canvas操作使用技巧与最佳实践在前端开发中，我们经常遇到异步操作的需求。JavaScript提供了多种处理异步的方式，如回调函数、Promise和async/await等。其中，P
  • 文章上传漏洞绕过方式(以php语言为例) HMX404 web安全web安全漏洞
    一，文件上传漏洞原因由于网站要求，需要用户上传文件，图片，例如头像，保存简单文件上传下载，访问，如果我们将文件上传至web服务器上，并且可以访问到，那么就可以利用小马，对服务器进行操作，或者了解一些信息。因此在上传位置，代码会对上传文件进行检查，但不免会有漏洞，通过代码审计，可以得出网页漏洞。二，文件上传漏洞绕过方式前端验证绕过前端认证最容易绕过，我们将验证代码部份删除，或者将js函数返回值设为1
  • Promise方法介绍 珊珊而川 前端
    Promise.all、Promise.race、Promise.allSettled和Promise.any是JavaScript中用于处理多个Promise对象的几种方法。它们各自有不同的用途和行为：Promise.all:接收一个Promise对象的数组作为参数。只有当所有的Promise都成功解决（fulfilled）时，它才会解决，并且返回一个包含所有Promise结果的数组。如果任何一
  • vue导入全局css_vue全局配置（引入全局方法样式、按需加载elementui） weixin_39581099 vue导入全局css
    一、全局引入css样式//文件目录：/src/assets/styles/reset.less/src/assets/styles/common.less//引用：app.vue@import'~@/assets/styles/reset.less';@import'~@/assets/styles/common.less';二、全局引入公共变量cssLoaders中新增lessResourceL
  • 在vue中引入全局scss文件 DargonWisdom vue.jsscssjavascript
    需要在vue.config.js中加入css:{loaderOptions:{sass:{additionalData:`@import"@/assets/styles/varibles.scss";`}}}然后重启下项目就可以了，记得核对下文件位置是否正确
  • vue中引入全局css 足球数据分析 vue.jscss前端
    在app.vue中引入importVuefrom'vue';importAppfrom'./App.vue';import'./assets/global.css';//全局CSS文件newVue({render:h=>h(App),}).$mount('#app');
  • 个人网站搭建1-域名及虚机 一条西瓜皮
    前情提要由于本人的初衷不是做网站，只是想搭建后台，为前端提供服务，所以网站放在国外服务器上。国内服务器上搭建网站，需要备案，备案需要准备材料，大概耗费一个月时间。根据网上的资料，国外建站，只要不发布非法内容，被墙的概率极小。虽然概率小，但是为了不影响后期的服务，时间充裕后会考虑进行备案，将网站迁移至国内。毕竟天朝的网络响应速度比出去绕一圈要快得多。本文只涉及域名购买、云虚拟主机购买、域名解析等基础
  • 用Javascript写一个计算器小项目 周三有雨 JavaScriptjavascriptcsshtml
    哈喽，朋友们国庆节快乐~今天用200多行js代码来搞一个计算器玩玩静态页面：Clear/*789-456+123000.=js代码：letbuttons=document.querySelector(".buttons");letbtn=buttons.querySelectorAll("span");letvalue=document.getElementById("value");lettog
  • Vue 面试题 单页应用和多页应用的区别 莫道一龙 Vuevue.js前端javascript
    一、定义1.单页面应用单页面应用又称SPA(SinglePageApplication)指的是使用单个HTML完成多个页面切换和功能的应用。这些应用只有一个html文件作为入口，一开始只需加载一次js，css等相关资源。使用js完成页面的布局和渲染。页面展示和功能是根据路由完成的。单页面应用跳转，就是切换相关组件，仅刷新局部资源。优点：用户体验好前后端分离页面效果会比较炫酷（比如切换页面内容时的转
  • 从面向对象(OOP)到面向切面(AOP)：编程范式的演变 妍思码匠 妍思码匠的前端乐园面向切面编程AOP前端代码复用模块化设计装饰器模式
    什么是AOP？AOP是一种编程范式，它允许你将那些横切应用程序多个部分的“例行公事”（称为“切面”）从核心业务逻辑中分离出来，以模块化的方式进行管理和重用。在前端开发中，AOP可以用于处理日志记录、性能监控、错误处理等。想象一下，你在一家餐厅工作，每次有顾客点餐时，你都需要记录订单，然后在厨房和顾客之间传递信息。这个过程包括了接收订单、记录、传递信息等多个步骤，每个步骤都可能需要执行一些“例行公事
  • React-Native优质开源项目 换个网名有点难 reactnative
    ReactNative是一个由Facebook开发的开源框架，允许开发者使用JavaScript和React来构建原生移动应用。它允许开发者编写一次代码，然后可以在iOS和Android平台上运行，而无需为每个平台单独编写代码。以下是ReactNative的一些关键特点和优势：跨平台开发：使用ReactNative，开发者可以为iOS和Android创建应用，而不需要分别学习Swift或Java/
  • JavaWeb——前端工程化 A_Tai2333333 JavaWeb前端
    一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境npm:依赖下载工具Vit
  • Vue组件开发系列之Model遮罩层组件 vue爱好者
    组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau
  • js实现队列 无俦N javascript开发语言ecmascript
    目录一、什么是JavaScript队列数据结构二、创建一个JavaScript队列数据结构三、封装队列方法①向队列添加元素②检查队列是否为空③获取队列的长度④从队列移除元素⑤查看队列头元素⑥清空队列⑦创建toString方法四、使用Queue类一、什么是JavaScript队列数据结构在上一篇文章中，我们了解并学习了JavaScript栈数据结构，本章开始JavaScript的队列数据结，第一章先
  • Vue搭建前端监控，采集用户行为的 N 种姿势 奋斗的工程师 前端vue.jsjavascript
    Vue搭建前端监控，采集用户行为的N种姿势最近我在3A平台购买了服务器。在一个产品中，用户最基本的行为就是切换页面。用户使用了哪些功能，也能从切换页面中体现出来。因此通用数据一般是在页面切换时产生，表示某个用户访问了某个页面。页面切换对应到前端就是路由切换，可以通过监听路由变化来拿到新页面的数据。Vue在全局路由守卫中监听路由变化，任意路由切换都能执行这里的回调函数。//Vue3路由写法const
  • BCrypt.checkpw()报错java.lang.IllegalArgumentException: Invalid salt 玩物丧志汪某人 Java异常参数传递前端开发后端交互明文密文数据库操作
    先看一下方法参数，放两个String第一个参数是明文（一般是前端传过来的值），第二个是密文（从数据库取出来的值），各位大聪明们是不是把参数放反了
  • 前端性能监控、异常监控的一些记录 一只小白菜~ 其他!前端异常监控性能监控
    文章目录常见异常类型常用的一些异常监控的方法window.errorwindow.addEventListener('error')window.addEventListener('load')window.addEventListener('DOMContentLoaded')window.performancenavigator.sendBeacon1*1像素gifaxios请求/响应拦截器V
  • vue3项目导入ansi_up报错 夏与冰 常用插件前端javascriptes6
    前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
  • 前端监控之白屏异常 github_35780652 前端监控JavaScript前端javascript监控类
    一、意义：  这里和测速的白屏不同，测速的白屏是指：导航页面开始到TTFB之间的时间称之为白屏时间。白屏异常是指：用户看到的一直是白屏，页面没有任何内容。比如渲染函数报错、Vue或React路由页面没有内容、网页加载很慢很慢以至规定的时间范围内一直没内容。  监控白屏异常能发现一些遗漏的bug并及时修复。二、捕获方法：  页面加载后2秒或进入页面后12秒（兼容一些特殊页面不会触发load事件）检查
  • Spring Boot + Mybatis + Shiro 后台权限管理系统 chuxia_vlog
    平台简介一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间开始自己写了一套后台系统。如此有了若依。她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。性别男，若依是给还没有出生女儿取的名字（寓意：你若不离不弃，我必生死相依）若
  • CSS学习 无柳丶先生 css前端
    CSS全称CascadingStyleSheets一种样式表语言，为html标签修饰定义外观，分工不同CSS与HTML关系html是网页的内容css是网页的样式（结构）行内样式表只能对所在标签进行修饰，优先级最高，相对用的少微博内嵌样式表平常练习用的多，写在style标签内.p1{   color:aqua;      font-size:25px;      font-family:宋体;   
  • java责任链模式 3213213333332132 java责任链模式村民告县长
    责任链模式，通常就是一个请求从最低级开始往上层层的请求，当在某一层满足条件时，请求将被处理，当请求到最高层仍未满足时，则请求不会被处理。 就是一个请求在这个链条的责任范围内，会被相应的处理，如果超出链条的责任范围外，请求不会被相应的处理。 下面代码模拟这样的效果： 创建一个政府抽象类,方便所有的具体政府部门继承它。 package 责任链模式; /** *
  • linux、mysql、nginx、tomcat 性能参数优化 ronin47
    一、linux 系统内核参数 /etc/sysctl.conf文件常用参数 net.core.netdev_max_backlog = 32768 #允许送到队列的数据包的最大数目 net.core.rmem_max = 8388608 #SOCKET读缓存区大小 net.core.wmem_max = 8388608 #SOCKET写缓存区大
  • php命令行界面 dcj3sjt126com PHPcli
    常用选项 php -v php -i PHP安装的有关信息 php -h 访问帮助文件 php -m 列出编译到当前PHP安装的所有模块 执行一段代码 php -r 'echo "hello, world!";' php -r 'echo "Hello, World!\n";' php -r '$ts = filemtime("
  • Filter&Session 171815164 session
    Filter HttpServletRequest requ = (HttpServletRequest) req; HttpSession session = requ.getSession(); if (session.getAttribute("admin") == null) { PrintWriter out = res.ge
  • 连接池与Spring,Hibernate结合 g21121 Hibernate
            前几篇关于Java连接池的介绍都是基于Java应用的，而我们常用的场景是与Spring和ORM框架结合，下面就利用实例学习一下这方面的配置。         1.下载相关内容：     &nb
  • [简单]mybatis判断数字类型 53873039oycg mybatis
           昨天同事反馈mybatis保存不了int类型的属性,一直报错，错误信息如下:       Caused by: java.lang.NumberFormatException: For input string: "null" at sun.mis
  • 项目启动时或者启动后ava.lang.OutOfMemoryError: PermGen space 程序员是怎么炼成的 eclipsejvmtomcatcatalina.sheclipse.ini
       在启动比较大的项目时，因为存在大量的jsp页面，所以在编译的时候会生成很多的.class文件，.class文件是都会被加载到jvm的方法区中，如果要加载的class文件很多，就会出现方法区溢出异常 java.lang.OutOfMemoryError: PermGen space.     解决办法是点击eclipse里的tomcat，在
  • 我的crm小结 aijuans crm
    各种原因吧，crm今天才完了。主要是接触了几个新技术： Struts2、poi、ibatis这几个都是以前的项目中用过的。 Jsf、tapestry是这次新接触的，都是界面层的框架，用起来也不难。思路和struts不太一样，传说比较简单方便。不过个人感觉还是struts用着顺手啊，当然springmvc也很顺手，不知道是因为习惯还是什么。jsf和tapestry应用的时候需要知道他们的标签、主
  • spring里配置使用hibernate的二级缓存几步 antonyup_2006 javaspringHibernatexmlcache
    ．在spring的配置文件中 applicationContent.xml，hibernate部分加入 xml 代码 <prop key="hibernate.cache.provider_class">org.hibernate.cache.EhCacheProvider</prop> <prop key="hi
  • JAVA基础面试题 百合不是茶 抽象实现接口String类接口继承抽象类继承实体类自定义异常
    /*   * 栈（stack）：主要保存基本类型（或者叫内置类型）（char、byte、short、   *int、long、 float、double、boolean）和对象的引用，数据可以共享，速度仅次于   * 寄存器（register），快于堆。堆（heap）：用于存储对象。   */  &
  • 让sqlmap文件 "继承" 起来 bijian1013 javaibatissqlmap
            多个项目中使用ibatis , 和数据库表对应的 sqlmap文件（增删改查等基本语句)，dao, pojo 都是由工具自动生成的, 现在将这些自动生成的文件放在一个单独的工程中，其它项目工程中通过jar包来引用 ，并通过"继承"为基础的sqlmap文件，dao,pojo 添加新的方法来满足项
  • 精通Oracle10编程SQL(13)开发触发器 bijian1013 oracle数据库plsql
    /* *开发触发器 */ --得到日期是周几 select to_char(sysdate+4,'DY','nls_date_language=AMERICAN') from dual; select to_char(sysdate,'DY','nls_date_language=AMERICAN') from dual; --建立BEFORE语句触发器 CREATE O
  • 【EhCache三】EhCache查询 bit1129 ehcache
    本文介绍EhCache查询缓存中数据，EhCache提供了类似Hibernate的查询API，可以按照给定的条件进行查询。   要对EhCache进行查询，需要在ehcache.xml中设定要查询的属性   数据准备 @Before public void setUp() { //加载EhCache配置文件 Inpu
  • CXF框架入门实例 白糖_ springWeb框架webserviceservlet
    CXF是apache旗下的开源框架，由Celtix + XFire这两门经典的框架合成，是一套非常流行的web service框架。 它提供了JAX-WS的全面支持，并且可以根据实际项目的需要，采用代码优先（Code First）或者 WSDL 优先（WSDL First）来轻松地实现 Web Services 的发布和使用，同时它能与spring进行完美结合。 在apache cxf官网提供
  • angular.equals boyitech AngularJSAngularJS APIAnguarJS 中文APIangular.equals
    angular.equals   描述: 比较两个值或者两个对象是不是 相等。还支持值的类型，正则表达式和数组的比较。   两个值或对象被认为是 相等的前提条件是以下的情况至少能满足一项： 两个值或者对象能通过=== （恒等） 的比较 两个值或者对象是同样类型，并且他们的属性都能通过angular
  • java-腾讯暑期实习生-输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A[0]*A[1]*...*A[i-1]*A[i+1] bylijinnan java
    这道题的具体思路请参看 何海涛的微博：http://weibo.com/zhedahht import java.math.BigInteger; import java.util.Arrays; public class CreateBFromATencent { /** * 题目：输入一个数组A[1,2,...n]，求输入B，使得数组B中的第i个数字B[i]=A
  • FastDFS 的安装和配置 修订版 Chen.H linuxfastDFS分布式文件系统
    FastDFS Home:http://code.google.com/p/fastdfs/ 1. 安装 http://code.google.com/p/fastdfs/wiki/Setup http://hi.baidu.com/leolance/blog/item/3c273327978ae55f93580703.html 安装libevent (对libevent的版本要求为1.4.
  • [强人工智能]拓扑扫描与自适应构造器 comsci 人工智能
          当我们面对一个有限拓扑网络的时候,在对已知的拓扑结构进行分析之后,发现在连通点之后,还存在若干个子网络,且这些网络的结构是未知的,数据库中并未存在这些网络的拓扑结构数据....这个时候,我们该怎么办呢?       那么,现在我们必须设计新的模块和代码包来处理上面的问题
  • oracle merge into的用法 daizj oraclesqlmerget into
    Oracle中merge into的使用 http://blog.csdn.net/yuzhic/article/details/1896878 http://blog.csdn.net/macle2010/article/details/5980965 该命令使用一条语句从一个或者多个数据源中完成对表的更新和插入数据. ORACLE 9i 中，使用此命令必须同时指定UPDATE 和INSE
  • 不适合使用Hadoop的场景 datamachine hadoop
    转自：http://dev.yesky.com/296/35381296.shtml。 　　Hadoop通常被认定是能够帮助你解决所有问题的唯一方案。 当人们提到“大数据”或是“数据分析”等相关问题的时候，会听到脱口而出的回答：Hadoop!  实际上Hadoop被设计和建造出来，是用来解决一系列特定问题的。对某些问题来说，Hadoop至多算是一个不好的选择，对另一些问题来说，选择Ha
  • YII findAll的用法 dcj3sjt126com yii
    看文档比较糊涂，其实挺简单的： $predictions=Prediction::model()->findAll("uid=:uid",array(":uid"=>10));   第一个参数是选择条件：”uid=10″。其中:uid是一个占位符，在后面的array(“:uid”=>10)对齐进行了赋值； 更完善的查询需要
  • vim 常用 NERDTree 快捷键 dcj3sjt126com vim
    下面给大家整理了一些vim NERDTree的常用快捷键了，这里几乎包括了所有的快捷键了，希望文章对各位会带来帮助。 切换工作台和目录 ctrl + w + h 光标 focus 左侧树形目录ctrl + w + l 光标 focus 右侧文件显示窗口ctrl + w + w 光标自动在左右侧窗口切换ctrl + w + r 移动当前窗口的布局位置 o 在已有窗口中打开文件、目录或书签，并跳
  • Java把目录下的文件打印出来 蕃薯耀 列出目录下的文件文件夹下面的文件目录下的文件
    Java把目录下的文件打印出来 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 11:02:
  • linux远程桌面----VNCServer与rdesktop hanqunfeng Desktop
    windows远程桌面到linux，需要在linux上安装vncserver，并开启vnc服务，同时需要在windows下使用vnc-viewer访问Linux。vncserver同时支持linux远程桌面到linux。   linux远程桌面到windows，需要在linux上安装rdesktop，同时开启windows的远程桌面访问。   下面分别介绍，以windo
  • guava中的join和split功能 jackyrong java
    guava库中，包含了很好的join和split的功能，例子如下： 1） 将LIST转换为使用字符串连接的字符串    List<String> names = Lists.newArrayList("John", "Jane", "Adam", "Tom");
  • Web开发技术十年发展历程 lampcy androidWeb浏览器html5
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • 架构师之mima-----------------mina的非NIO控制IOBuffer(说得比较好) nannan408 buffer
    1.前言。   如题。 2.代码。   IoService IoService是一个接口，有两种实现：IoAcceptor和IoConnector；其中IoAcceptor是针对Server端的实现，IoConnector是针对Client端的实现；IoService的职责包括： 1、监听器管理 2、IoHandler 3、IoSession
  • ORA-00054:resource busy and acquire with NOWAIT specified Everyday都不同 oraclesessionLock
    [Oracle] 今天对一个数据量很大的表进行操作时，出现如题所示的异常。此时表明数据库的事务处于“忙”的状态，而且被lock了，所以必须先关闭占用的session。   step1，查看被lock的session：   select t2.username, t2.sid, t2.serial#, t2.logon_time from v$locked_obj
  • javascript学习笔记 tntxia JavaScript
      javascript里面有6种基本类型的值:number、string、boolean、object、function和undefined。number：就是数字值，包括整数、小数、NaN、正负无穷。string:字符串类型、单双引号引起来的内容。boolean:true、false object:表示所有的javascript对象，不用多说function:我们熟悉的方法，也就是
  • Java enum的用法详解 xieke90 enum枚举
    Java中枚举实现的分析：     示例：  public static enum SEVERITY{ INFO,WARN,ERROR }     enum很像特殊的class，实际上enum声明定义的类型就是一个类。 而这些类都是类库中Enum类的子类      (java.l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他