ithanmang
ithanmang

通过按钮操作元素左移和右移

在写列表的过程中遇到一个问题类似下面的图片，当元素排满时隐藏，并且可以通过左右按钮使里面的元素左右移出。
在这里插入图片描述
由于前端知识匮乏，遇到了一些问题

1、方法一

外部的div的宽度是固定不变的，里面的元素的个数不是固定的，当内部所有元素的个数的宽度超出外部div的时候，元素会向下排列，而且并不隐藏，下图是内部li未超出父级宽度的情况
在这里插入图片描述
当元素超出时就会向下排列
通过按钮操作元素左移和右移_第1张图片
解决办法
给父级元素添加如下代码white-space: nowrap;
并且让内部li为display: inline-block;
此时就不会向下排列，并且出现横向滚动条可以左右滑动
在这里插入图片描述

示例代码
<!DOCTYPE html>
<html>
<head>
    <style>

        #pic_list {
            position: absolute;
            top: 300px;
            left: 400px;
            display: block;
            white-space: nowrap;
            width: 500px;
            overflow: auto;

            /* 隐藏滚动条条 */
            /*overflow-x: hidden; !*横向滚动*!*/
            /*overflow-y: auto;!*纵向滚动*!*/

            background-color: burlywood;
        }

        #pic_list li {
            width: 80px;
            height: 30px;
            background: red;
            display: inline-block;
            border-radius: 10px;
        }
    </style>

</head>
<div id="pic_list">
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
</body>
</html>

但是此时，横向滚动条并不好看，因此需要寻找更加好的方法。

1、方法二

创建两个 div 内部一个外部一个，内部使用绝对定位外部使用相对定位，然后创建两个按钮，当点击按钮的时候，去改变内部的div的left和right属性值。
通过按钮操作元素左移和右移_第2张图片
这样的话就避免了横向滚动条的出现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #ul-content {
            position: absolute;
            white-space: nowrap;
        }

        #ul-content li {
            margin: 10px;
            width: 80px;
            height: 30px;
            background: red;
            display: inline-block;
            border-radius: 10px;
        }

        #div-view {
            position: relative;
            margin: 200px auto;
            height: 50px;
            width: 500px;
            line-height: 30px;
            text-align: center;
            background-color: olivedrab;
            overflow: hidden;
        }
        button {
            position: absolute;
        }

        .left {
            left: 0;
        }

        .right {
            right: 0;
        }
    </style>
</head>
<body>
<div id="div-view">
    <ul id="ul-content">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>
    <button class="left" type="button">左移动</button>
    <button class="right" type="button">右移动</button>
</div>
</body>
</html>

在这里插入图片描述

然后通过js去操作left属性就可以了

<script>

    var left = document.querySelector('.left');
    var right = document.querySelector('.right');

    var ul = document.getElementById('ul-content');
    var left_position = ul.offsetLeft;
    var tid;
    
    left.onmousedown = function () {

        tid = setInterval(function () {
            left_position -= 1;
            ul.style.left = left_position + 'px';
        }, 1)

    };
    left.onmouseup = function () {

        clearInterval(tid);

    };

    right.onmousedown = function () {

        tid = setInterval(function () {
            left_position += 1;
            ul.style.left = left_position + 'px';
        }, 1)

    };
    right.onmouseup = function () {

        clearInterval(tid);

    };


</script>

你可能感兴趣的:(others)

  • Vicky的ScalersTalk第六轮新概念朗读持续力训练Day73 20210411 Vicky_b9de
    练习材料：ModerncavemenPart-3ˈmɒdənˈkeɪvmənpɑːt-3Theyplungedintothelake,andafterloadingtheirgearonaninflatablerubberdinghy,letthecurrentcarrythemtotheotherside.Toprotectthemselvesfromtheicywater,theyhadtow
  • Github 2024-09-12 Go开源项目日报Top10 老孙正经胡说 githubgolang开源Github趋势分析开源项目PythonGolang
    根据GithubTrendings的统计，今日(2024-09-12统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Go项目10C项目1Terraform：基础设施即代码的开源工具创建周期：3626天开发语言：Go协议类型：OtherStar数量：40393个Fork数量：9397次关注人数：40393人贡献人数：358人OpenIssues数量：1943个Git
  • 随摘 桔桔岛
    Oneshouldcaremoreaboutone'sowngrowthinsteadofothers.Toliveahappylife,oneshouldalwaystryeveryefforttominimizeregretsinlife.比起时刻注视着他人，多关注自身的成长，尽自己的一切努力让生活少点遗憾，才能过上快意人生。Whenoneshiftstheirfocusfromotherst
  • Go学习笔记 南方淮竹 golanggolang学习笔记常识后端开发语言人工智能
    Go环境变量GOROOT：Go语言安装根目录的路径。GOPATH：若干工作区目录的路径，我们自己定义的工作空间。GOBIN：GO程序生成的可执行文件（executablefile）的路径。国内镜像https://goproxy.cn#macOSorLinuxexportGO111MODULE=onexportGOPROXY=https://goproxy.cn#othersgoenv-wGO111
  • Linux文件权限管理 不屈的铝合金 边学边记-linuxlinux服务器运维centos
    1.文件权限位说明Linux文件或目录的基本权限位是由九个字符来控制的，每三位字符为一组。前三位是用户权限位中三位表示用户组权限位后三位表示其他用户权限位rwxr-xr-xuser（用户）group（用户组）others（其他用户）代表字符为u代表字符为g代表字符为o2.文件权限详细说明2.1普通文件对应权限的详细说明Linux系统中的权限对于文件和目录来说，是有一定区别的。普通文件对应的权限：权
  • 吃了一口的苹果 markwang100
    Apple这吃了一口的苹果，从那美丽的童话故事，到伟大的天才，再到伟大的技术公司Apple白雪公主的故事关于白雪公主的故事，大家都非常熟悉，那个恶毒的皇后用毒苹果引诱白雪公主，导致公主昏迷不行。白雪公主吃了一口毒苹果，便昏迷过去了，那个毒苹果带来的隐喻是：看起来美好但是有害的TheApplewassopreparedthaonesidewasgood,thoughtheothersidewaspo
  • Apple再次推迟折叠设备 S0linteeH apple
    FoldablephoneshavebeendevelopingrapidlyinthelastfiveyearsandsomemanufacturersareevenexperimentingwithlargerformfactorslikelaptopswhileotherslikeApplehaveyettodiptheirtoesinthefoldablemarket.There’snos
  • Unity3D学习—牧师与魔鬼—MVC模式和ECS架构应用 卖女孩的男孩纸 unity3dmvcunity游戏引擎
    需求PriestsandDevilsPriestsandDevilsisapuzzlegameinwhichyouwillhelpthePriestsandDevilstocrosstheriverwithinthetimelimit.Thereare3priestsand3devilsatonesideoftheriver.Theyallwanttogettotheothersideofthis
  • 《经济学人》精读6：Retail Property VictorLiNZ
    VacantSpacesTheglobalpropertybusinesstriestoadapttoe-commerceManyretailpropertieswillslumpbutothershavebrighterprospectsDec14th2017|NEWYORKFIFTHAVENUEinNewYorkisthemostexpensivestretchofretailproperty
  • 三观超正的励志文案 Dimples甜
    及时止损，及时行乐。CutYourlossesandhavefun.事情想做就不要拖。Ifyouwantsomethingdone,don'tputitoff.努力提升自己比指望他人要可靠。Workinghardtoimproveyourselfismorereliablethanrelgingonothers会过去的会到来的会拥有的。It'llpass,it'llcome,it'llbether
  • （others）计算数据信噪比 ZhangTao_zata python
    ☆问题描述对原始数据添加随机噪声，得到了一组新的数据。如何计算新数据的信噪比（dB）？★解决方案信噪比（Signal-to-NoiseRatio,SNR）是描述信号强度相对于背景噪声强度的一个度量，通常以分贝（dB）为单位表示。要计算两组数据（例如，原始数据与添加了噪声的数据）的信噪比，我们可以采用以下步骤：计算原始信号的功率。这通常是通过对原始数据的所有值求平方后求平均得到的。计算噪声的功率。这
  • 【早安心语】 壹典心理咨询
    【2021-10-30】早安春夏秋冬Thereisnoneedtoenvyothers,thereisnoneedtoenvyothers,manypeopleareenviousofothers,alwaysregardthemselvesasbystanders,themoreso,themoreyouwilldropyourselfintoanabyss,youhavetobelieveth
  • 【转】你看到的事实，不一定是事实 AlphaHinex
    原文地址：https://wyiyi.github.io/amber/2021/03/06/zero-width-space/description:"零宽字符"date:2021.03.0710:34categories:-Otherstags:[Others]keywords:零宽字符,零宽空格,zerowidth,zerowidthspace大家都熟悉的Unicode（万国码）几乎包含所有符
  • 《认知觉醒》书摘 AlphaHinex
    原文地址：https://alphahinex.github.io/2022/01/16/ren-zhi-jue-xing/coverdescription:"找到舒适区边缘，不断拉扯"date:2022.01.1610:34categories:-Booktags:[Others]keywords:理智脑,舒适区边缘,刻意练习每天有事情做不代表觉醒，每天都努力也不代表觉醒，真正的觉醒是一种发自内
  • ＜数据集＞遥感船舶识别数据集＜目标检测＞ 深度学习lover 深度学习数据集目标检测人工智能计算机视觉YOLO深度学习
    数据集格式：VOC+YOLO格式图片数量：15047张标注数量(xml文件个数)：15047标注数量(txt文件个数)：15047标注类别数：25标注类别名称：['AircraftCarrier','AuxiliaryShips','OtherShip','OtherWarship','Destroyer','Dock','Hovercraft','Submarine','Ferry','Barg
  • Package mongodb-clients is not available 安装Mongodb客户端 涛涛英语学不进去 mongodb数据库
    Packagemongodb-clientsisnotavailable,butisreferredtobyanotherpackage.Thismaymeanthatthepackageismissing,hasbeenobsoleted,orisonlyavailablefromanothersource出现这个错误是因为：mongo命令未找到：说明mongo客户端未安装。APT锁被占用：系统
  • 我的妈妈 心上的锁
    mummyissuchasweetgirl.sheismyidolwhoalwaystreatothersinamildandconsiderateway，whichoftenmakesothersdeeplymovedinwarmthandlove.everytimeiwanttocryandlosemytemper，shecancheermeupwithunbelievablemagic.it
  • GB28181 —— 4、C++编写GB28181设备端，完成将.h264文件读取转发至GB28181服务并可播放（附源码） 信必诺 GB28181GB28181eXosip2Qth264
    效果 源码说明     主要功能模拟设备端，完成注册、注销、心跳等，完成读取.h264文件实时转ps格式后封包rtp进行推送给服务端播放。 源码/****@remark:ps头的封装,里面的具体数据的填写已经占位，可以参考标准*@param:pData[in]填充ps头数据的地址*s64Src[in]时间戳*@return:0success,othersfailed*/intgb28181_mak
  • wex的Scalers Talk第四轮新概念朗读持续力训练Day42 20181118 秦苌
    练习材料：Lesson42NotverymusicalAswehadhadalongwalkthroughoneofthemarketsofOldDelhi,westoppedatasquaretohavearest.Afteratime,wenoticedasnake-charmerwithtwolargebasketsattheothersideofthesquare,sowewenttoha
  • Little Red Riding Hood 2 Mr_Oldman
    Shewassurprisedtofindthecottage-doorstandingopen,andwhenshewentintotheroom,shehadsuchastrangefeelingthatshesaidtoherself:···"Ohdear!HowuneasyIfeeltoday,andatothertimesIlikebeingwithgrandmothersomuch."
  • Excerpts from The Practice of Programming CPP_CHEN dependenciesconstantsorthogonalidiomscompilercharacter
    Appendix:CollectedRulesEachtruththatIdiscoveredbecamearulethatservedmeafterwardsinthediscoveryofothers.RenéDescartes,LeDiscoursdelaMéthodeSeveralchapterscontainrulesorguidelinesthatsummarizeadiscussio
  • 2018-05-22 如果我名王玉珏
    3.Charles,anatheist,iswritingapaperontheissueofprayerinpublicschools.Heiswellacquaintedwiththeargumentsadvancedbythosewhoopposesuchprayerbutunfamiliarwiththeothersideoftheissue.Charlesreasonsthatbecau
  • 邪恶力量第1季第4集中英台词整理和单词统计 littleori
    邪恶力量第1季第4集中英台词整理和单词统计英文中文Whathappenedthatnight那晚发生的事Takeyourbrotheroutsideasfastasyoucan!赶快带你弟弟出去Now,Dean!Go!快迪恩快跑Whattheywitnessed他们亲眼目睹Mary!No!玛丽不Senttwobrothers两兄弟Dadisonahuntingtrip...爸爸已经踏上了捕猎之旅a
  • 嵌入式学习-C++Day7&&QT Day1 CherylYYYYYY 学习c++qt
    思维导图作业：窗口的一些操作的实现#include"mywidget.h"Mywidget::Mywidget(QWidget*parent):QWidget(parent){this->setWindowTitle("QQ");this->setWindowIcon(QIcon("C:\\Users\\xuyan\\Desktop\\others\\1.jpg"));this->setStyle
  • 渴望表扬 羽林CL
    年底多、快、好、省地完成了一个大project,部门sir很满意，分管sir也很满意，立刻callbigbosscometosee。Thebigbosssaidnothing,onlyaskedwhethertheothersimilarprojectisfinishedandwenttoseeit(that’snotourp).Atlasthejustsaid“youworkhard”.Ohmy
  • 2018-11-12An Unusual Bet 麦花魔法花园
    Thetwooldgentlemenwerebrothers.Forseveraldays.theyarguedaboutaverystragesubject.Theydecidedtoendtheirargumentwithabet,astheEnglishusuallydo.Thefollowingwasthesubjectofthebet.THEBankofEnglandissuedtwob
  • 2020-5-17 0f157966a9bc
    班级：L3-A姓名：Freya学号：20193000215日期：2020/5/17作业序号（WritingAssignmentNo.）：007题目：Somepeoplebelievethattherearemanydangersassociatedwithteenageuseofcellphonesbecauseofthepotentialforbullyingorabuse.Otherssayt
  • 勿停留 爱生活的小雨
    今天可真是复杂。肚子痛了一天。学生打电话来说想我。其实吧，我也想他们的。只不过，生活被逼无奈。我们都需要继续往前走。所以没有什么舍与不舍。继续往前走就对了。likecharacter喜欢的角色looksthup查catchaword记住一个词captioning字幕bothersme让我困扰detrimental有害的
  • ArgsHelper.sh delusionxb
    #!/bin/bash##sourceBaseEnvHelper.shorsourceArgsHelper.shtouse#usedtohelpotherscriptstomaketheirargsorganized#invoke'SetRequestedArg'/'SetDescription'/'SetExample'first#theninvoke'VerifyAllArgs"$@"'set
  • 心语 摘录 我在007
    和阳光的人在一起，心里就不会晦暗；和快乐的人在一起，嘴角就常带微笑；和进取的人在一起，行动就不会落后；和大方的人在一起，处事就不小气；和睿智的人在一起，遇事就不迷茫；和聪明的人在一起，做事就变机敏。借人之智，完善自己。学最好的别人，做最好的自己！试译：Tolearnthebestfromothersandbeagoodoneofyourself.
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他