自定义滚动条(webkit系列)

  • Thumb: 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）。This is the piece that shows you where you are in the scrollbar. This is the chap that you can move around
  • Track: 滚动条的轨道（里面装有Thumb）。This is the area of the scrollbar that you can move the thumb up and down, or along (depending on the orientation). There is both the area between the top and the thumb, and between the bottom of the thumb and the bottom of the scrollbar
  • Buttons: 滚动条的轨道的两端，允许通过点击微调小方块的位置。There may be buttons that you can click to increment or decrement the selection (which moves the thumb). There are various styles (single button, double button, etc)
  • Corner: 两个滚动条的交汇处。This area may show up with both horizontal and vertical scrollbars open
  • Resizer: 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件。This can change the are of the element (e.g. enlarge of shrink)

<!doctype html>

<html>

  <head>

    <title>自定义滚动条 by 司徒正美</title>



  </head>

  <body>

  <style>

    /* Turn on a 13x13 scrollbar */

    ::-webkit-scrollbar {

      width: 13px;/*对垂直流动条有效*/

      height: 13px;/*对水平流动条有效*/

    }

    /*垂直滚动条的按钮*/

    ::-webkit-scrollbar-button:vertical {

      background-color: red;

      border: 1px dashed blue;

    }

    /*CSS的坐标系，左上角为(0,0),往右往下为增加，往上往左为减少*/

    /*显示滚动条上方的渐增按钮*/

    ::-webkit-scrollbar-button:start:decrement,

    /*显示滚动条上方的渐减按钮*/

    ::-webkit-scrollbar-button:end:increment {

      display: block

    }



    /*隐藏滚动条上方的渐增按钮*/

    ::-webkit-scrollbar-button:vertical:start:increment,

    ::-webkit-scrollbar-button:vertical:end:decrement {

      display: none;



    }



    /* 定义垂直滚动条渐增按扭的样式 */

    ::-webkit-scrollbar-button:vertical:increment {

      background-color: white;

      border: 1px dashed blue;

    }



    /* 定义垂直滚动条渐减按扭的样式 */

    ::-webkit-scrollbar-button:vertical:decrement {

      background-color: purple;

      border: 1px dashed blue;

    }

    /*　　scrollbar-track　　　　上面是　scrollbar-track-piece　　*/

    /*　　scrollbar-track-piece　上面是　四个按扭与scrollbar-track-piece:start与scrollbar-track-piece:end与scrollbar-thumb　*/

    /* 垂直滚动条的第一层轨道*/

    ::-webkit-scrollbar-track:vertical {

      background-color: blue;

      border: 1px dashed pink;

    }





    /* 垂直滚动条的第二层轨道　*/

    ::-webkit-scrollbar-track-piece {

      background-color: green;

    }

    /* 垂直滚动条的第三层轨道的上段　*/

    ::-webkit-scrollbar-track-piece:vertical:start {

      border: 1px solid #000;

    }



    /* 垂直滚动条的第三层轨道的下段　*/

    ::-webkit-scrollbar-track-piece:vertical:end {

      border: 1px dashed pink;

    }



    /* 垂直滚动条的滑动块 */

    ::-webkit-scrollbar-thumb:vertical {

      height: 50px;

      background-color: yellow;

    }



    /* Corner */

    ::-webkit-scrollbar-corner:vertical {

      background-color: black;

    }

    /*  http://www.cssportal.com/css-properties/resize.htm  */

    /* Resizer */

    ::-webkit-scrollbar-resizer:vertical {

      background-color:orange;

    }

  </style>





  <div style="width:200px;height: 200px;overflow: scroll;resize:both;">

    <div style="background: red;width:400px;height: 400px;"></div>

  </div>

</body>

</html>

更多见这里与这里

http://www.javascript100.com/?p=756

你可能感兴趣的:(webkit)

  • 家谱html源码,好看的族谱树状图效果代码 Illusion.H 家谱html源码
    家谱树状代码demobywww.webym.net/*NowtheCSS*/*{margin:0;padding:0;}.treeul{padding-top:20px;position:relative;transition:all0.5s;-webkit-transition:all0.5s;-moz-transition:all0.5s;}.treeli{float:left;text-al
  • 移动端测试——如何解决iOS端无法打开弹窗式网页（Webkit） BoAiB 测试实战问题记录webkit前端
    目录一、什么是webkit？1.核心定义2.iOS的特殊限制3.弹窗拦截的逻辑二、为什么iOS必须用WebKit？1.苹果的官方理由2.实际后果3.然而……三、如何解决iOS端无法打开弹窗式网页？1.用户1.1safari浏览器1.2夸克浏览器2.开发者#最近加入了实习，开始了针对实际业务的测试。在移动端测试时，我发现一个比较有趣的现象（被测网站采用弹出式窗口）：Android端：浏览器提供弹窗权
  • 浏览器移动端html右边有一点白_手机端页面在项目中遇到的一些问题及解决办法... weixin_39804335
    1.解决页面使用overflow:scroll在iOS上滑动卡顿的问题?首先你可能会给页面的html和body增加了height:100%,然后就可能造成IOS上页面滑动的卡顿问题。解决方案是：(1)看是否能把body和html的height:100%去除掉。(2)在滚动的容器中增加：-webkit-overflow-scrolling:touch或者给body增加：body{overflow-x
  • Python+Playwright(0) 黑米粥✎ python开发语言自动化
    简介Playwright是一个强大的自动化库，由微软开发，主要用于web端UI自动化测试，支持python、java、JavaScript、C#等多种编程语言。Playwright仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作，不仅支持无头模式和有头模式，还提供了代码录制的功能，极大提高了脚本编写的效率，并支持移动端自动化测试。Playwright相
  • css快速解决方案，微信小程序和H5底部栏 iPhoneX安全区域(Safe Area)底部小黑条在的屏幕适配 霸霸最棒 前端技术实现微信小程序css
    使用苹果官方推出适配方案css函数env()、constant()来适配苹果官方推荐使用env()，constant()来适配，建议使用该方案，不需要管数值具体是多少。这2个方法是什么呢？env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量：safe-area-inset-left：安全区域距离左边边界的距离safe-ar
  • html三角形排序按钮,CSS实现三角形的播放器按钮图标 weixin_39668408 html三角形排序按钮
    CSS实现三角形的播放器按钮body{background:#000;}header{font-family:"MicroSoftYaHei";font-size:30px;color:#990000;}.circle{width:120px;height:120px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:
  • z-index在safire中失效问题 lazy_tomato vuejavascriptvue.jscss
    z-index在safire中失效问题问题描述最近遇到一个h5页面，里面有一个元素z-index居然失效了。排查了一下，安卓和pc都没问题，但是在苹果手机的safire中居然就失效了。无论设置的多大z-index都没有用。解决方案问题样式：-webkit-overflow-scrolling:touch调整后：-webkit-overflow-scrolling:auto;建议遇到层级问题还是优先
  • 《深度剖析：SCSS中混入（Mixin）为浏览器前缀赋能》
    不同的浏览器，如同性格迥异的守门人，对CSS样式的理解和呈现各有标准。在CSS新特性尚未成为行业共识前，各浏览器厂商会以独特的前缀标注自家版本，这就好比不同地区对同一事物的称呼差异，看似表达相同，实则形式大相径庭。例如，当我们试图用CSS3的动画效果为网页增添灵动气息时，不同浏览器却要求用不同的“咒语”才能生效。在Chrome和Safari中，需要使用“-webkit-”开头的属性；Firefox
  • Xcode 16.4+iOS 18.5 模拟器因缺失 libswiftWebKit.dylib 闪退问题解决方案 技术拾光 iOS开发异常处理xcodeioslibswiftWebKit
    问题背景随着Xcode16.4的发布，在使用模拟器（特别是iOS18.5模拟器）运行包含WebKit功能的iOS应用时，遇到了如下严重的运行时崩溃：dyld[99512]:Librarynotloaded:/usr/lib/swift/libswiftWebKit.dylibReferencedfrom:.../xxx.app/xxx.debug.dylibReason:tried:'/usr/l
  • 探索WebKit的CSS盒模型：深入理解Web布局的基石 杨哥带你写代码 前端webkitcss
    探索WebKit的CSS盒模型：深入理解Web布局的基石在Web开发的世界中，CSS盒模型（BoxModel）是构建网页布局的核心原理。WebKit，作为Safari浏览器的渲染引擎，对CSS盒模型有着深入而精确的支持。本文将带你深入了解WebKit如何实现对CSS盒模型的支持，并提供一些实用的代码示例，帮助你更好地掌握这一关键技术。一、CSS盒模型基础CSS盒模型由四个部分组成：内容（Conte
  • css3 卡片亮光_纯css3实现的文字亮光特效 Denis Wang css3卡片亮光
    今天给大家分享一款纯css3实现的文字亮光特效。这款特效文字上一道亮光逐渐扫过文字。效果非常漂亮。一起看下效果：实现的代码。html代码：Shinycss3代码：body{background:#111;}.shiny{color:#F5C21B;background:-webkit-gradient(linear,lefttop,leftbottom,from(#F5C21B),to(#D170
  • HTML滚动条高速滚动残留边框的终极解决方案：深入剖析与实战指南 酷爱码 htmlhtml前端
    HTML滚动条高速滚动残留边框的终极解决方案：深入剖析与实战指南在网页开发中，滚动条渲染异常是一个常见但常被忽视的问题。当用户快速滚动页面时，滚动条轨迹区域经常会出现残留的边框线或阴影，这种现象在Chrome、Safari等WebKit内核浏览器中尤为明显。这不仅影响视觉体验，还会让用户产生界面卡顿的错觉。本文将深入探讨问题根源并提供多种专业级解决方案。一、问题现象与根源分析典型表现：用户快速滚动
  • 避免在 iOS 和 Android 的 WebView 中长按出现复制框等默认行为
    要避免在iOS和Android的WebView中长按出现复制框等默认行为，可以通过CSS禁止文本选择方法：使用CSS全局禁止文本选择（推荐）/*在全局样式添加*/body{-webkit-user-select:none;/*Chrome/Safari*/-moz-user-select:none;/*Firefox*/-ms-user-select:none;/*IE10+*/user-sele
  • uniapp常用技巧 闷墩儿这只小猫咪 uni-appjavascript前端
    第一篇scss函数的使用创建一个mixin.scss文件/*控制文本的隐藏*/@mixinellipsis($clamp:1){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:$clamp;}在组件中使用@import'@/assets
  • HTML 文本省略号 超级土豆粉 [实习&校招]前端HTML面试指南htmlcss前端
    目录HTML文本省略号超行省略号如何实现1.单行文本溢出显示省略号2.多行文本溢出显示省略号方法一：使用-webkit-line-clamp（推荐）方法二：使用伪元素（兼容性好）方法三：使用JavaScript动态监测3.响应式文本省略4.自定义省略号样式5.表格单元格文本省略6.注意事项7.常见问题解决8.最佳实践HTML文本省略号超行省略号如何实现标准答案：1.单行文本溢出显示省略号.elli
  • Playwright vs Selenium: 打造高效自动化测试的最佳选择 AI Agent首席体验官 selenium测试工具
    Playwright简介Playwright是一个由Microsoft开发的开源自动化框架，主要用于Web应用程序的自动化测试。它支持跨浏览器自动化，并且能与Chromium、Firefox和WebKit（包括Safari）浏览器进行交互。Playwright提供了一套强大的API，可以模拟用户操作、捕获截图、监控性能等。Playwright的特点：跨浏览器支持：Playwright能同时控制Ch
  • 豆瓣数据爬取 子规408 python开发语言
    完成了！importrequestsfrombs4importBeautifulSoupheaders={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/137.0.0.0Safari/537.36Edg/137.0.0.0"}#定义一个函数来爬取电影信息defs
  • 胡说八道1---豆包问答总结 我是老孙 程序人生正则表达式
    用户提问1指令：25--[21/May/2025:01:35:45+0000]“POST/prod-api/system/base/getListHTTP/1.1”405559“http://192.168.1.109:16380/login”“Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome
  • HTML中pre标签内容溢出 朝歌@ html前端css
    HTML中pre标签内容溢出当pre宽度固定时，内容格式超出标签宽度会导致这个问题：解决方案：增加CSS样式调整white-space:pre-wrap;/*保留空白符序列，并正常进行换行*/white-space:-moz-pre-wrap;/*兼容火狐浏览器*/white-space:-webkit-pre-wrap;/*兼容谷歌浏览器*/white-space:-o-pre-wrap;/*兼
  • element-ui vue2【体验优化】 前端没钱 项目笔记uivue.jselementui
    type=number美化某些情况我们需要设置el-input的type=‘number’，会有上下箭头，很丑：美化代码如下：//隐藏type=number箭头.el-input__inner::-webkit-outer-spin-button,.el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;}
  • el-input 只允许输入整数、整数和小数（保留小数点后两位） 小熊代码加 Vue.jsCSS3前端基础cssjavascript前端
    方法一：el-input“type=number“隐藏上下箭头/deep/input::-webkit-inner-spin-button{-webkit-appearance:none!important;}/deep/input[type='number']{-moz-appearance:textfield!important;}方法二：事件控制（兼容）1.只允许输入整数或小数只保留小数点后
  • 教你纯css实现移动端横向滑动列表 又又呢 移动端web
    问题：利用display:-webkit-box来实现移动端横向滑动列表，只要css就能搞定了横向滑动.slide-box{margin-top:200px;height:35px;display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch;}.slide-item{padding:5px10px;height:35
  • 去除表单元素默认样式 又又呢 移动端webcss3css
    input,textarea{outline:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:normal;}//input::-webkit-input-placeholder{//line-height:normal;//解决不垂直居中的问题//}input::-webkit
  • Selenium 和playwright 使用场景优缺点对比 2501_91537388 自动化selenium测试工具
    1.核心对比概览特性SeleniumPlaywright诞生时间2004年（历史悠久）2020年（微软开发，现代架构）浏览器支持所有主流浏览器（需驱动）Chromium、Firefox、WebKit（内置引擎）执行速度较慢（依赖WebDriver通信）快（直接协议通信，无驱动依赖）自动等待机制需手动配置等待（显式/隐式等待）自动等待元素可交互（智能等待）多标签页/iframe处理复杂（需切换上下文
  • 爬取12306火车票信息 内有玄机 python
    1.模拟游览器，防止被发现是爬虫；因为12306的反爬虫做得很严，以常规的爬虫方式无法爬取到所需信息，因此需要模拟成浏览器来对其进行访问，使用一个浏览器打开12306的官方网站，然后从控制台将COOKIE复制出来作为本项目的headerheaders={"User-Agent":"Mozilla/5.0(WindowsNT10.0;WOW64)AppleWebKit/537.36(KHTML,li
  • Python爬取豆瓣电影TOP250(名字+年份+评分+评论人数) 晚风轻轻_1109 爬虫python开发语言爬虫
    importreimportrequestsimportcsv#拿到页面源代码url="https://movie.douban.com/top250"headers={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/127.0.0.0Safari/537.36'
  • python爬虫数据（小说） 楠目 python爬虫开发语言
    """确定目标网站：https://www.wxscs.com/book/9422/内容页："""#引入网页请求模块importrequests#网页主界面url="https://www.wxscs.com/book/9422/"#伪造亲求头部headers={"User-Agent":"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36
  • 前端文件上传：从快递小哥到黑客帝国的技术之旅 阿喵派我来抓鱼 前端html5javascriptcssjs
    一、文件快递员的基础装备（基础API揭秘）核心装备：这个看似简单的HTML标签实则是个变形金刚隐藏形态：accept="image/*"是文件类型的安检门战斗形态：multiple属性可同时运送多个"包裹"黑科技：通过webkitdirectory实现文件夹整箱运输（Chrome专属）FileReader特工队（二进制翻译官）实时翻译模式：readAsDataURL把文件变成神秘代码（适合小包裹）
  • Python爬虫入门 清风徐来QCQ python爬虫开发语言
    爬虫需要用到HTTP请求的库、HTML/XML解析的库、用于处理动态内容的库等如request,lxml首先通过get请求url,包括头信息和关键字导入头文件importrequests头信息是为了伪装成用户取访问该urlheaders={'user-agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeG
  • python爬取京东笔记本标题、品牌、价格、评论数 castingA3T python爬虫
    importrequestsimportreimportjsonimporttimefrombs4importBeautifulSoupheaders={'User-Agent':'Mozilla/5.0(WindowsNT6.1;WOW64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/62.0.3202.94Safari/537.36'}#获取一页编号de
  • PHP如何实现二维数组排序？ IT独行者 二维数组PHP排序　
    二维数组在PHP开发中经常遇到，但是他的排序就不如一维数组那样用内置函数来的方便了，（一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】）。二维数组的排序需要我们自己写函数处理了，这里UncleToo给大家分享一个PHP二维数组排序的函数： 代码： functionarray_sort($arr,$keys,$type='asc'){ $keysvalue= $new_arr
  • 【Hadoop十七】HDFS HA配置 bit1129 hadoop
    基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。   测试环境有三台 hadoop.master hadoop.slave1 hadoop.slave2   hadoop.master包含的组件NameNode, JournalNode, Zookeeper，DFSZKFailoverController
  • 由wsdl生成的java vo类不适合做普通java vo darrenzhu VOwsdlwebservicerpc
    开发java webservice项目时，如果我们通过SOAP协议来输入输出，我们会利用工具从wsdl文件生成webservice的client端类，但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用，当然有一中情况例外，如果这个自动生成的类里面的properties都是基本数据类型，就没问题，但是如果有集合类，就不行。原因如下： 1)使用了集合如Li
  • JAVA海量数据处理之二（BitMap） 周凡杨 java算法bitmapbitset数据
           路漫漫其修远兮，吾将上下而求索。想要更快，就要深入挖掘 JAVA 基础的数据结构，从来分析出所编写的 JAVA 代码为什么把内存耗尽，思考有什么办法可以节省内存呢？ 啊哈！算法。这里采用了 BitMap 思想。   首先来看一个实验： 指定 VM 参数大小： -Xms256m -Xmx540m
  • java类型与数据库类型 g21121 java
    很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心，因为大多数hbm文件是自动生成的，但有些时候诸如：数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况，就会手动的去对应数据库与java的数据类型关心，当然比较简单的数据类型即使配置错了也会很快发现问题，但有些数据类型却并不是十分常见，这就给程序员带来了很多麻烦。 &nb
  • Linux命令 510888780 linux命令
    系统信息 arch 显示机器的处理器架构(1) uname -m 显示机器的处理器架构(2) uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda 在磁盘上执行测试性读取操作 cat /proc/cpuinfo 显示C
  • java常用JVM参数 墙头上一根草 javajvm参数
    -Xms：初始堆大小，默认为物理内存的1/64(<1GB)；默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时，JVM就会增大堆直到-Xmx的最大限制 -Xmx：最大堆大小，默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时，JVM会减少堆直到 -Xms的最小限制 -Xmn：新生代的内存空间大小，注意：此处的大小是（eden+ 2
  • 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点 aijuans Spring 3
    方法一： <bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory" factory-method="createMusicBoxStatic"></bean> 方法二：
  • mysql查询性能优化之二 annan211 UNIONmysql查询优化索引优化
    1 union的限制 有时mysql无法将限制条件从外层下推到内层，这使得原本能够限制部分返回结果的条件无法应用到内层 查询的优化上。 如果希望union的各个子句能够根据limit只取部分结果集，或者希望能够先排好序在 合并结果集的话，就需要在union的各个子句中分别使用这些子句。 例如 想将两个子查询结果联合起来，然后再取前20条记录，那么mys
  • 数据的备份与恢复 百合不是茶 oraclesql数据恢复数据备份
     数据的备份与恢复的方式有: 表,方案 ,数据库;     数据的备份: 导出到的常见命令; 参数 说明 USERID 确定执行导出实用程序的用户名和口令 BUFFER 确定导出数据时所使用的缓冲区大小，其大小用字节表示 FILE 指定导出的二进制文
  • 线程组 bijian1013 java多线程threadjava多线程线程组
    有些程序包含了相当数量的线程。这时，如果按照线程的功能将他们分成不同的类别将很有用。        线程组可以用来同时对一组线程进行操作。        创建线程组：ThreadGroup g = new ThreadGroup(groupName);  &nbs
  • top命令找到占用CPU最高的java线程 bijian1013 javalinuxtop
    上次分析系统中占用CPU高的问题，得到一些使用Java自身调试工具的经验，与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程 top -Hp 28174 -d 1 -n 1 32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
  • 【持久化框架MyBatis3四】MyBatis3一对一关联查询 bit1129 Mybatis3
      当两个实体具有1对1的对应关系时，可以使用One-To-One的进行映射关联查询   One-To-One示例数据 以学生表Student和地址信息表为例，每个学生都有都有1个唯一的地址(现实中，这种对应关系是不合适的，因为人和地址是多对一的关系)，这里只是演示目的   学生表   CREATE TABLE STUDENTS (
  • C/C++图片或文件的读写 bitcarter 写图片
    先看代码： /*strTmpResult是文件或图片字符串 * filePath文件需要写入的地址或路径 */ int writeFile(std::string &strTmpResult,std::string &filePath) { int i,len = strTmpResult.length(); unsigned cha
  • nginx自定义指定加载配置 ronin47
    进入 /usr/local/nginx/conf/include 目录，创建 nginx.node.conf 文件，在里面输入如下代码： upstream nodejs { server 127.0.0.1:3000; #server 127.0.0.1:3001; keepalive 64; } server { liste
  • java-71-数值的整数次方.实现函数double Power(double base, int exponent)，求base的exponent次方 bylijinnan double
    public class Power { /** *Q71-数值的整数次方 *实现函数double Power(double base, int exponent)，求base的exponent次方。不需要考虑溢出。 */ private static boolean InvalidInput=false; public static void main(
  • Android四大组件的理解 Cb123456 android四大组件的理解
     分享一下，今天在Android开发文档-开发者指南中看到的:                            App components are the essential building blocks of an Android
  • [宇宙与计算]涡旋场计算与拓扑分析 comsci 计算
         怎么阐述我这个理论呢？ 。。。。。。。。。       首先： 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。       我们要在宇宙中寻找到一个适合人类居住的行星，时间非常重要，早一个刻度和晚一个刻度，这颗行星的
  • 同一个Tomcat不同Web应用之间共享会话Session cwqcwqmax9 session
    实现两个WEB之间通过session 共享数据 查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下： If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
  • springmvc Spring3 MVC，ajax，乱码 dashuaifu springjquerymvcAjax
      springmvc Spring3 MVC @ResponseBody返回，jquery ajax调用中文乱码问题解决   Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法，具体实
  • 搭建WAMP环境 dcj3sjt126com wamp
    这里先解释一下WAMP是什么意思。W:windows，A：Apache，M：MYSQL，P：PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。      工欲善其事，必须先利其器。因为笔者的系统是WinXP，所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
  • yii2 使用raw http request dcj3sjt126com http
    Parses a raw HTTP request using yii\helpers\Json::decode()   To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class: 'request' =&g
  • Quartz-1.8.6 理论部分 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2207691 一.概述 基于Quartz-1.8.6进行学习，因为Quartz2.0以后的API发生的非常大的变化，统一采用了build模式进行构建； 什么是quartz?   答：简单的说他是一个开源的java作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
  • 什么是POJO？ gupeng_ie javaPOJO框架Hibernate
    POJO--Plain Old Java Objects(简单的java对象)   POJO是一个简单的、正规Java对象，它不包含业务逻辑处理或持久化逻辑等，也不是JavaBean、EntityBean等，不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。   POJO对象有时也被称为Data对象，大量应用于表现现实中的对象。如果项目中使用了Hiber
  • jQuery网站顶部定时折叠广告 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/4.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>网页顶部定时收起广告jQuery特效 - HoverTree<
  • Spring boot内嵌的tomcat启动失败 kane_xie spring boot
    根据这篇guide创建了一个简单的spring boot应用，能运行且成功的访问。但移植到现有项目（基于hbase）中的时候，却报出以下错误：     SEVERE: A child container failed during start java.util.concurrent.ExecutionException: org.apache.catalina.Lif
  • leetcode: sort list michelle_0916 Algorithmlinked listsort
    Sort a linked list in O(n log n) time using constant space complexity. ====analysis======= mergeSort for singly-linked list  ====code=======   /** * Definition for sin
  • nginx的安装与配置,中途遇到问题的解决 qifeifei nginx
    我使用的是ubuntu13.04系统，在安装nginx的时候遇到如下几个问题，然后找思路解决的，nginx 的下载与安装   wget http://nginx.org/download/nginx-1.0.11.tar.gz tar zxvf nginx-1.0.11.tar.gz ./configure make make install   安装的时候出现
  • 用枚举来处理java自定义异常 tcrct javaenumexception
    在系统开发过程中，总少不免要自己处理一些异常信息，然后将异常信息变成友好的提示返回到客户端的这样一个过程，之前都是new一个自定义的异常，当然这个所谓的自定义异常也是继承RuntimeException的，但这样往往会造成异常信息说明不一致的情况，所以就想到了用枚举来解决的办法。 1，先创建一个接口，里面有两个方法，一个是getCode, 一个是getMessage public
  • erlang supervisor分析 wudixiaotie erlang
    当我们给supervisor指定需要创建的子进程的时候，会指定M,F,A,如果是simple_one_for_one的策略的话，启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组，A ++ OtherArgs。那么这个时候就有个问题了，既然参数不一致，那
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他