wendzU
wendzU

H5中自定义属性实现tab栏切换案例

自定义属性规范

H5规范：data-* 属性以data-开头,其格式如下data-*=”xxx”

<div id="demo" data-myname="userName" data-age="10">

Node.dataset是以对象形式存在的，当我们为同一个DOM节点指定了多个自定义属性时，
Node.dataset则存储了所有的自定义属性的值。

var demo = document.querySelector(选择器);

获取属性:

当我们如下格式设置时，则需要以驼峰格式才能正确获取

  • jquery的方式获取
    • $(‘#id’).data(‘属性名称)
  • H5的方式获取
    • dataset.属性名称（省略data-）
    • dataset.[属性名称]（省略data-） 
var name = demo.dataset['userName'];
var age = demo.dataset.userName;


data-* 属性以data-开头 遵循小驼峰命名 data-user-name被获取时使用userName (浏览器解析大小转为小写)
正确获取方法:
var name = demo.dataset[‘userName’];
var age = demo.dataset.userName;

修改属性:
  • jquery的方式修改
    • $(‘#id’).data(属性名称 , 属性值);
  • H5的方式修改
    • dataset.属性名称 = ‘属性值’
demo.dataset['userName'] = 'developer';

此案例使用自定义属性的优点分析:
在导航标签里分别添加一个自定义属性, 格式为data-id="id名" 这里的id名对应内容标签里的id属性对应的值, 这样的话导航标签就跟内容标签对应起来了, 不需考虑标签的先后顺序.

TAB栏案例

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tab-切换（选项卡）title>
    <style>
        .tab {
            width: 400px;
            height: 400px;
            border: 1px solid #ccc;
        }

        .tab ul {
            list-style: none;
            margin: 0;
            padding: 0;
            height: 50px;
        }

        .tab ul li {
            float: left;
            width: 100px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: green;
            color: #fff;
            font-size: 16px;
            cursor: pointer;
        }

        .tab ul li.now {
            background: red;
        }

        .tab > div {
            padding: 10px;
            display: none;
        }

        .tab > div.active {
            display: block;
        }
    style>
head>
<body>
<div class="tab">
    <ul>
        <li data-id="hot" class="break">面包li>
        <li data-id="milk">牛奶li>
        <li data-id="youtiao">油条li>
        <li data-id="tofu">老豆腐li>
    ul>
    <div id="break">
       面包面包面包面包面包面包面包面包面包面包面包面包
    div>
    <div id="youtiao" class="active">
        油条油条油条油条油条油条油条油条油条油条油条油条油条
    div>
    <div id="tofu">
       老豆腐老豆腐老豆腐老豆腐老豆腐老豆腐老豆腐老豆腐
    div>
    <div id="milk">
        牛奶牛奶牛奶牛奶牛奶牛奶牛奶牛奶牛奶牛奶牛奶牛奶
    div>
div>
<script>
    window.onload = function (ev) {
        /*1. 点击菜单 更换当前样式*/
        /*2. 点击菜单 更换当前显示的内容*/
        document.querySelector('ul').onclick = function (e) {
            /*事件触发源*/
            var currentLi = e.target;
            console.log(e.target.tagName);
            if(e.target.tagName == 'LI'){
                /*判断是否已经是选中的 如果是执行停止*/
                if(currentLi.classList.contains('now')) return;
                /*去掉之前的 给当前的加上 now*/
                var oldLi = document.querySelector('li.now');
                oldLi.classList.remove('now');
                currentLi.classList.add('now');

                /*隐藏之前显示的内容*/
                var oldContentId = oldLi.dataset.id;
                document.querySelector('#'+oldContentId).classList.remove('active');
                /*显示的当前的内容*/
                var currentContentId = currentLi.dataset.id;
                document.querySelector('#'+currentContentId).classList.add('active');
            }
        }
    }
script>
body>
html>

你可能感兴趣的:(H5C3)

  • H5C3提高（1） 象更 前端javascripthtmlcss
    div对搜索引擎来说没有语义。H5新增标签语义化标签头部标签导航标签内容标签定义文档某个区域侧边栏标签尾部标签可以多次使用，建议在移动端使用视频标签尽量用MP4格式格式：属性值描述autoplayautoplay自动播放（谷歌需要加muted解决）controlscontrols向用户显示播放控件widthpx播放器宽heightpx播放器高looploop播放完是否继续，循环播放posterim
  • pc端网站代码 不哭不闹不炫耀123
    技术栈：html结构+css布局+h5c3动画目录结构：图片文件夹：img样式文件夹：css产品类图片文件：upload字体类文件夹：fonts脚本文件夹：js样式文件的分类：初始化css（cssreset）让浏览器风格统一，把常用的初始化语句放入base.css里面，把一些公共的样式，放入common.css里面1、网站ico图标1）：使用ico图标首先把favicon.ico这个图标放到根目录
  • 查漏补缺说明 anjing529
    因为之前是自学，没有形成一个完整的体系，主要学习了以下部分的知识点：1.HTML2.CSS3.javascript(ECMA-262)4.jQuery5.Ajax6.Vue在学习Vue.js时，跟随Bilibili视频学Vue，看这个就够了学习，此黑马讲师水平1024！！！学习过程中，发现之前学习体系有遗漏，例如H5C3，Node.js，PHP，等部分。遂跟随黑马全套学习视频，把之前遗漏或者没理解
  • H5C3练习心得 2024.01.03（文字加载动画效果）--transition,动画渲染，遮罩层 瑶瑶南波万 html5javascriptcss3前端前端框架xhtml
    （一）transition（过渡效果）1.详解通常将css的属性值更改后，浏览器会立即更新新的样式，例如在鼠标悬停在元素上时，通过:hover选择器定义的样式会立即应用在元素上。在CSS3中加入了一项过渡功能，通过该功能您可以将元素从一种样式在指定时间内平滑的过渡到另一种样式，类似于简单的动画，但无需借助flash或JavaScript。2.属性transition-property：设置元素中参
  • H5C3练习心得12.20 （音乐排行榜效果）--表格,col,:nth-child()和:nth-of-type(),not() 瑶瑶南波万 html5javascriptcss前端
    （一）html表格看这个博主写的-----http://t.csdnimg.cn/p4Qzn写得很清楚元素定义表格行，元素定义表头，元素定义表格单元。代码示例：设置单元格之间无间隔，代码如下：table{width:100%;/*border:2pxsolid#000;*/border-spacing:0;border-collapse:collapse;}（二）colgroup和col1.作用用
  • H5C3练习心得12.18（时间轴效果）--linear-gredient,border-radius 瑶瑶南波万 html前端
    (一)linear-gradient1.定义linear-gradient()函数用于创建两种或多种颜色线性渐变的图片2.方法background-image:linear-gradient(direction,color-stop1,color-stop2,...)它实际上不是颜色，而是背景图片。也就是说，它并不是color的属性值，而是background的属性值。direction:表示渐变
  • H5C3练习总结12.14（小米商城右侧悬浮菜单）--firstchild,定位，选择器 瑶瑶南波万 html5css前端前端框架
    关于CSS的选择器:first-child和:last-child(一)我遇到的问题：在制作小米商城右侧悬浮菜单时，需要的成果图如左侧图，我做到的地方如右侧图：可以看出我做的是每个盒子外边距等间距的，而需要的结果是最后一个盒子的上边距较大。我需要对最后一个盒子进行样式调整。我看到官方代码如下：.sidebarulli:last-child{margin-top:20px;}可是在下面的html代码
  • H5C3练习总结12.12--外边距的合并，弹性盒子 瑶瑶南波万 html前端
    1.外边距实现盒子居中对齐让一个盒子水平居中需要满足以下条件：.必须是块级元素.盒子必须设置宽度给左右外边距都设置auto就可以实现盒子水平居中.header{width:960px;margin:0auto;}2.外边距的合并（1）相邻块元素垂直外边距的合并当上下两个相邻的块元素相遇时，如果上面那个块元素设置了margin-bottom而下面那个块元素设置了margin-top，则它们两个块元素
  • H5C3练习心得（小米商城）12.11 瑶瑶南波万 csshtmlcss3
    1.为什么要清除浮动？浮动的定义：非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。此时，内容会溢出到容器外面影响布局。这种现象被称为浮动（溢出）。为了防止溢出，所以要清除浮动。固定格式如下：.clearfix::after{/*清除浮动*/content:"";display:block;clear:both;}2.为什么要设置内边距和外边距为0？（其实还不太清楚）默认情况下，
  • h5c3最全版总结 飞不起来的飞机耶耶耶 前端javajavascript
    day011.H5新增标签头部导航栏侧边栏文章区域底部2.H5常用新属性placeholder：占位符提示信息autofocus：自动获取焦点multiple:支持多文件上传autocomplete:当提交过表单内容之后规定某个表单控件的提示内容关闭和打开required:必填项tabindex:指定表单控件获取焦点的顺序用户名：密码：手机号：邮箱：日期：文件：3.input新增type类型ema
  • H5C3新语义标签 选择器 不正经开发者
    1、常用的新语义标签：headernavmainasidesectionarticlefooter等。所有的浏览器都支持main标签，只有ie不支持，开发时不能使用main标签。移动端的浏览器兼容性比较好，不用考虑兼容性问题，所有新标签都能使用。2、h5标签在ie8是显示不出来的，但如果由js动态创建的，就可以显示。html5shiv.js默认帮我们处理了ie8的兼容性问题，原理就是使用js来创建
  • h5c3笔记 cj_jax
    1-私有前缀谷歌、苹果浏览器：-webkit--webkit-transform:rotate(45deg);火狐浏览器：-moz--moz-transform:rotate(45deg);IE浏览器：-ms--ms-transform:rotate(45deg);欧朋浏览器：-o--o-transform:rotate(45deg);2-元素选择器idid选择器class类选择器标签标签选择器*
  • HTML5 + CSS3 高频面试题合集 疾风小蜗牛 面试前端html5css3前端
    目录H5C3和Html，css相比有什么变化Html5新增特性CSS3新特性标签元素分类和特点行内元素spanbstronguinsdel…块状元素divph1-h6headerfooter…行内块元素imgaudioinputbutton…圣杯布局（双飞翼布局）有哪几种实现方式浮动定位弹性盒模型弹性盒模型有哪些属性和属性值，什么效果常见的盒子模型有哪些，有什么区别标准盒模型怪异盒模型（怪异盒模型
  • H5C3和js练习题 小小小萌新12138 前端csshtml5
    H5C3H5C3和Html，css相比有什么变化H5新特性：拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在HTML5中，拖放是标准的一部分，任何元素都能够拖放。自定义属性data-id语义化更好的内容标签(header,nav,footer,aside,article,section)音频,视频(audio,video)如果浏览器不支持自
  • 那么你面试必须知道的H5C3知识点 东方青云、 html5css3
    目录1、rem和em的区别2、如何关闭IOS键盘首字母自动大写3、什么是语义化标签4、::before和:after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用。5、ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉6、：webkit表单输入框placeholder的颜色值能改变吗？7、禁止ios长按时触发系统的菜单，禁止ios&android长按时下载图片8、禁止ios和androi
  • 2023最新八股文前端面试题 (css、js、h5c3) lipenghao111 前端htmlcss
    HTML+CSS1.说一下css的盒模型在HTML页面中的所有元素都可以看成是一个盒子盒模型的组成：是由内容、内边距、边框、外边距组成的盒模型的类型：标准盒模型margin+border+padding+contentIE盒模型margin+content（border+padding）box-sizing:content-box(默认值，标准盒模型)、border-box（IE盒模型）2.CSS
  • 黑马pink老师前端从入门到精通教程汇总（附源码+配套资料） 骨灰级收藏家 CSS前端JavaScript前端javascriptechartsHTMLcss
    本篇内容主要是PINK老师教程汇总（主要内容如下）1.web端布局：先讲解HTML5常用标签，接着讲解CSS3常见样式增加的H5C3新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画2d3d效果2.移动端布局：主要讲解视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。3.JavaScript基础从变量的定义与使用、流程控制语句、数组、函数、构造函数、内置
  • 面试题 sunstaotao
    H5C3新特性标签.属性.操作DOM的方法querySelectAll.document.getElementByClassNamehistory.go(n)拖拽事件等事件委托原理事件冒泡→动态生成标签问题普通的事件冒泡和事件绑定区别!普通事件在同一个元素上注册会覆盖事件绑定:addEventListener注册多个不会覆盖作用域链问题!响应式和自适应的区别?响应式:根据屏幕大小不同显示不同的页面
  • web-入门* 东瀛神兽Kawasaki
    PC端-web开发_HTML1.目的:精通网页布局为后面学习Javascirpt打基础基础学习路线。HTML5基础CSS3基础H5C3提高项目实战1.1.HTML导读能够说出网页的基本组成能够说出什么是HTML能够说出常用的浏览器能够说出Web标准的三大组成部分1.1.1网页:网页的相关概念什么是网页?网站是指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合网页是网站中
  • 2021-05-06 H5C3加强 黑云
    语义化标签头部标签导航标签内容标签定义文档某个区域侧边栏标签尾部标签多媒体标签video音频标签-audio1.音频标签和视频标签使用方式基本一致2.浏览器支持情况不同3.谷歌浏览器把音频和视频自动播放禁止了4.我们可以给视频标签添加muted属性来静音播放视频，音频不可以（可以通过JavaScript解决）5.视频标签是重点，我们经常设置自动播放，不使用controls控件，循环和设置大小属性新
  • H5C3,js,ES6面试高频考点 qq_53694927 csscss3html
    H5C3H5C3和Html，css相比有什么变化HTML5中的一些有趣的新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的特殊内容元素，比如article、footer、header、nav、section新的表单控件，比如calendar、date、time、email、url、search基本选择器属性选择器伪类选择器CSS3边框与圆角CS
  • 重温前端基础（一） HTML、CSS、H5C3 ←か淡定☆ ヾ 前端htmlhtml5css3javascriptjquery
    目录0.WEB标准构成1.HTML1.1HTML概念1.2超文本含义1.3页面语言1.4字符集1.5标签语义化1.6常用标签1.7图像标签img1.8链接标签1.9锚点定位1.10base标签1.11特殊字符1.12XHTML1.13HTML和XHTML之间的区别1.14表格1.14.1表格属性1.14.2表头单元格标签th1.14.3表格标题-caption1.14.4合并单元格1.14.5表格
  • 前端基础搬运工-H5C3模块 我家媳妇蠢蠢哒
    八、H5C3模块基础部分1.CSS3有哪些新特性？-[]1.CSS3实现圆角（border-radius），阴影（box-shadow），2.对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）3.transform:rotate(9deg)scale(0.85,0.90)translate(0px,-30px)skew(-9deg,0deg);//旋
  • 回归
    前段时间因为一些事情耽误确实这个事情苦恼了我很久我第一次感受到就是我很想十分努力的去学习去改变自己但是一种力不从心的感觉一种不给你机会的感觉如果后面有机会我会专门发一篇随笔来写这几个月我在干嘛还真是讽刺前面才说梦开始的地方结果就戛然而止了哈哈哈现在回来了回来过后先是开始复习我觉得所以这几天都在复习两天时间就把h5c3移动端布局复习完了确实现在再去看一看以前学的更加得心应手了能够自己完成一些静态页面
  • H5C3新特性简单总结 南风_思学 htmlcsshtml5
    H5C3新特性简单总结CSS3新特性：1.颜色：新增RGBA，HSLA模式2.文字阴影（text-shadow）3.边框：圆角（border-radius）边框阴影：box-shadow4.盒子模型：box-sizing5.背景：background-size设置背景图片的尺寸background-origin设置背景图片的原点background-clip设置背景图片的裁切区域，以”，”分隔可以
  • 前端知识点随记 ←か淡定☆ ヾ 前端htmlcsscss3javascriptjquery
    （前端笔记补充，备忘录使用。）1.HTML/CSS/H5C3知识点1.1鼠标样式|十字|1.2css半透明样式1.3CSS3transform属性1.3.1旋转1.3.2缩放1.4特殊写法\91.5解决video标签在谷歌不能自动播放1.6\标签-提示文字1.7placeholder-自定义占位文本1.8去除input默认边框2.Javascript知识点2.1创建节点2.2插入节点2.3修改元素
  • H5C3基础学习总结之定位堆叠顺序及定位特殊性 程序猿tu HTML/CSScsshtmlhtml5
    定位堆叠顺序在使用定位布局的时候，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后持续。（参考为坐标轴的Z轴）语法：选择器{z-index:1;}注意细节：数字可以是正整数、负整数或是0，默认为auto。数字越大，盒子越靠山。如果属性值相同，则按照书写顺序，后来居上。数字后面不加单位。（表示等级的意思）只有定位的盒子才有z-index属性代码示例：定位的堆叠顺序.box{po
  • H5C3基础学习总结之CSS3盒子阴影 程序猿tu HTML/CSScss3csshtml5
    CSS3中新增了盒子阴影，我们可以使用box-shadow属性为盒子添加阴影。语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;值描述h-shadow必须。水平阴影的位置。允许负值。v-shadow必须。锤子阴影的位置。允许负值。blur可选。模糊距离。spread可选。阴影的尺寸。color可选。阴影的颜色。inset可选。将外部阴影（outs
  • H5C3基础学习总结之元素的显示与隐藏 程序猿tu HTML/CSScss3css前端
    类似于网站广告，点击关闭就不见了，刷新页面会重新出现。本质：让一个元素在页面中隐藏或者显示出来。display属性display属性用于设置一个元素如何显示代码作用display:none;隐藏对象display:block;除了转换为块级元素之外，同时还有显示元素的意思。注意细节：display隐藏元素之后，不再占有原来的位置。搭配JS可以做很多的网页特效。visibility可见性visibi
  • 【微信小程序】post接口示例 汤圆小丸叽 前端Vue微信小程序小程序前端
    先展示页面样例：这是一个填写表单，在确认提交里写提交表单post接口。api：H5C3：page{background-color:#f3f4f6;}.uni-input-placeholder{font-size:26rpx;line-height:30rpx;padding-bottom:18rpx;}.uni-textarea-placeholder{font-size:26rpx;}.le
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他