小火柴的蓝色理想
小火柴的蓝色理想

给before和after伪元素设置js效果的5种方法

目录
[1]动态嵌入CSS [2]添加类名 [3]setAttribute [4]添加样式表 [5]修改样式表

前面的话

　　　无法直接给before和after伪元素设置js效果　

 

例子说明

　　现在需要为(id为box,内容为"我是测试内容"的div)添加(:before内容为"前缀"，颜色为红色的伪元素)

<!DOCTYPE html>
<html lang="en">
<head>
　　<meta charset="UTF-8">
　　<title>Document</title>
</head>
<body>
　　<div id="box">我是测试内容</div>
　　<script>
　　　　var oBox = document.getElementById('box');
　　</script>
</body>
</html>

 

解决办法

【方法一】动态嵌入CSS样式

　　IE8-浏览器将<style>标签当作特殊的节点，不允许访问其子节点。IE10-浏览器支持使用styleSheet.cssText属性来设置样式。兼容写法如下:

<script>
function loadStyleString(css){
    var style = document.createElement("style");
    style.type = "text/css";
    try{
        style.appendChild(document.createTextNode(css));
    }catch(ex){
        style.styleSheet.cssText = css;
    }
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(style);
}
loadStyleString("#box:before{content:'前缀';color: red;}");
<script>

 

【方法二】添加自带伪元素的类名

<style>
    .change:before{content: "前缀";color: red;}
</style>
<script>
    oBox.className = 'change';
</script>

　　[缺点]此方法无法控制伪元素里面的content属性的值

 

【方法三】利用setAttribute实现自定义content内容

<style>
　　#oBox:before{content: attr(data-beforeData);color: red;}
</style>
<script>
    oBox.setAttribute('data-beforeData','前缀');
</script>

　　[注意]此方法只可用setAttribute实现，经测试用dataset方法无效

 

【方法四】添加样式表

　　firefox浏览器不支持addRule()方法，IE8-浏览器不支持insertRule()方法。兼容写法如下：

<script>
    function insertRule(sheet,ruleKey,ruleValue,index){
    　　return sheet.insertRule ? sheet.insertRule(ruleKey+ '{' + ruleValue + '}',index) : sheet.addRule(ruleKey,ruleValue,index);
　　} 
    insertRule(document.styleSheets[0],'#box:before','content:"前缀";color: red;',0)    
</script>

　　[缺点]该方法必须有内部<style>或用<link>链接外部样式，否则若不存在样式表，则document.styleSheets为空列表，则报错

 

【方法五】修改样式表

　　先使用方法四添加空的样式表，然后获取新生成的<style>并使用其innerHTML属性来修改样式表。但因为IE8-浏览器不支持为<style><head>等特殊标签设置innerHTML属性，但IE10-浏览器支持使用styleSheet.cssText属性来设置样式

<script>
function loadStyleString(css){
    var style = document.createElement("style");
    style.type = "text/css";
    try{
        style.appendChild(document.createTextNode(css));
    }catch(ex){
        style.styleSheet.cssText = css;
    }
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(style);
}
loadStyleString('');
var oStyle = document.getElementsByTagName('style')[1];
try{
　　oStyle.innerHTML = "#oBox:before{color: " + colorValue + ";}"; 
}catch(ex){
　　oStyle.styleSheet.cssText = "#oBox:before{color: " + colorValue + ";}"; 
}

</script>

　　[注意]只能使用getElementsByTagName('style')[1]的方法，经测验使用stylesheets[1]方法无效

 

DEMO

　　　　<演示框>点击下列相应属性值可进行演示

你可能感兴趣的:(给before和after伪元素设置js效果的5种方法)

  • mathpix snpping公式输入不限次数的方法 冰虺 编辑器
    在写论文时，不可避免的需要输入大量的公式，为了减少公式输入所需的时间，mathpixsnpping这款软件，带来了极大的方便。仅需截图，就能快速输入好数学公式（化学式）。但由于已经过了推广的时期，该软件已经开始收费了！！！！！！为了不限次数输入，特地提供以下开源网站，供大家使用！！！！！使用方法：1、win+shift+s将公式截取复制到粘贴板2、打开以下网站在线LaTeX公式编辑器-编辑器3、将
  • AttributeError: ‘NoneType‘ object has no attribute ‘astype‘ 冰虺 python
    今天在复现fasterRCNN网络时，出现AttributeError:'NoneType'objecthasnoattribute'astype'报错，如下图所示通过dug,发现im的shape为none,究其原因是因为cv.imread无法读取图像，主要原因是因为我数据集中存在中文名称。更加详细的请参考一下大佬的博客pythoncv2.imread读取中文路径的图片返回为None的问题_陶将的
  • origin2021去除demo的方法 冰虺 大数据
    Origin软件去除demo水印_七爷OK的博客-CSDN博客_origin去除demo水印PS：替换origin.exe过后一定得双击一下，不然水印仍然存在
  • 比简单工厂更好的 - 工厂方法模式（Factory Method Pattern） ThetaarSofVenice 工厂方法模式java设计模式
    工厂方法模式（FactoryMethodPattern）工厂方法模式（FactoryMethodPattern）工厂方法模式（FactoryMethodPattern）概述工厂方法模式（FactoryMethodPattern）结构图工厂方法模式（FactoryMethodPattern）涉及的角色talkischeap，showyoumycode总结工厂方法模式（FactoryMethodPat
  • 网络编程基础知识总结 老梁学Android&HarmonyOS 网络编程网络
    1、网络编程的基础知识总结网络编程说的是在不同计算机之间进行数据传输和通信。本文主要是一些基础知识的总结：本文的“计算机”包含电脑、手机、平板、手表、汽车等可以联网的设备。1.1网络协议1.1.1描述：网络协议是计算机网络中通信双方共同遵守的规则和约定，就是马路上的红绿灯约定红灯停绿灯行一样，专门用于指导数据的传输和处理。1.1.2协议层次：协议通常有两种说法，分别是OSI七层模型或TCP/IP四
  • 展开说说：Android之View基础知识解析 老梁学Android&HarmonyOS #Viewandroid
    View虽不属于Android四代组件，但应用程度却非常非常广泛。在Android客户端，君所见之处皆是View。我们看到的Button、ImageView、TextView等等可视化的控件都是View，ViewGroup是View的子类因此它也是View。但是现在我们把View和ViewGroup当成两个类来看待，ViewGroup可以容纳View和ViewGroup，但View不可以再容纳其他
  • 代理模式（Proxy Pattern）详解 FHKHH C++学习代理模式c++开发语言
    代理模式（ProxyPattern）详解一、什么是代理模式？代理模式是一种结构型设计模式，通过创建代理对象来间接访问目标对象（委托类），实现对目标对象的访问控制、权限验证、延迟加载或功能增强。代理对象起到中介作用，它不仅仅是对目标对象的直接替代，还能在访问目标对象时增加一些额外的逻辑。二、代理模式的应用场景权限控制：只有特定角色才能访问某些资源或功能。远程访问：通过代理访问分布式系统中的远程对象（
  • 工程化与框架系列（27）--前端音视频处理 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端音视频状态模式
    前端音视频处理引言前端音视频处理是现代Web应用中的重要组成部分，涉及音频播放、视频处理、流媒体传输等多个方面。本文将深入探讨前端音视频处理的关键技术和最佳实践，帮助开发者构建高质量的多媒体应用。音视频技术概述前端音视频处理主要包括以下技术方向：音频处理：音频播放、录制、分析视频处理：视频播放、录制、编辑流媒体：实时音视频、直播推流WebRTC：点对点通信媒体格式：编解码、转换音频处理实现音频播放
  • 工程化与框架系列（29）--前端错误处理实践 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端状态模式
    前端错误处理实践引言前端错误处理是保证应用稳定性和用户体验的关键环节。本文将深入探讨前端错误处理的最佳实践，包括错误捕获、监控、上报和恢复等方面，帮助开发者构建更加健壮的前端应用。错误处理概述前端错误处理主要包括以下方面：错误捕获：运行时错误、Promise错误、网络错误等错误监控：错误收集、分析和统计错误上报：错误信息发送到服务器错误恢复：优雅降级和容错处理调试支持：错误定位和调试辅助错误处理实
  • 国赛数学建模高教社杯历届优秀论文全集 BanDeng001 数学建模数学建模
    2004到2024高教社杯全国大学生数学建模竞赛题目及优秀论文1往届高教社杯题目2024年：A题：“板凳龙”闹元宵B题：生产过程中的决策问题C题：农作物的种植策略D题：反潜航空深弹命中概率问题E题：交通流量管控2023年：A题：定日镜场的优化设计B题：多波束测线问题C题：蔬菜类商品的自动定价与补货决策D题：圈养湖羊的空间利用率E题：黄河水沙检测数据分析2022年：A题：波浪能最大输出功率设计B题：
  • STM32中CAN通信详解与示例代码 ArqLoop stm32单片机嵌入式硬件信息与通信
    CAN通信是一种常用的总线通信协议，广泛应用于工业控制、汽车电子等领域。在本文中，我们将详细介绍如何在STM32微控制器上实现CAN通信，并提供相应的示例代码。硬件准备在开始之前，我们需要准备以下硬件：STM32微控制器开发板（例如STM32F4Discovery）CAN收发器（例如MCP2551）CAN总线连接线引脚配置首先，我们需要配置STM32的引脚来支持CAN功能。根据具体的型号和开发板，
  • 吊打全网所有精美导航页引导页HTML源码 6v6-博客 开源
    吊打全网所有精美导航页引导页HTML源码这款精美的导航页引导页HTML源码，自适应手机和电脑，无需后台，上传到网站根目录即可使用。首页内容在index.html中修改，支持双页切换，搭建简单，附带详细修改教程。源码特点自适应设计：完美适配手机和电脑端，用户体验极佳。无后台依赖：纯静态页面，无需数据库或后台支持。双页切换：支持双页切换功能，灵活展示内容。搭建简单：上传到网站根目录即可使用，无需复杂配
  • Typecho 极致美化：打造与众不同的博客 6v6-博客 机器学习
    Typecho极致美化：打造与众不同的博客Typecho是一款轻量级的博客系统，但通过一些高级美化技巧，你可以让它变得与众不同。本文将介绍如何通过自定义JS、自定义CSS、自定义侧边栏模块等功能，实现Typecho的极致美化。1.自定义JS：动态效果与交互通过自定义JS，你可以为Typecho添加动态效果和交互功能。示例1：页面滚动动画在header.php中添加以下代码：ScrollReveal
  • 从零开始搭建私有云服务器 6v6-博客 服务器运维
    从零开始搭建私有云服务器1.准备工作硬件要求：一台性能足够的服务器（可以是物理机或虚拟机）。建议配置：至少4核CPU、8GB内存、100GB硬盘。操作系统：推荐使用UbuntuServer20.04LTS。网络环境：确保服务器有稳定的公网IP或内网穿透能力。2.安装操作系统下载UbuntuServer20.04LTS镜像：https://ubuntu.com/download/server。使用工
  • 机器学习入门指南：从 TensorFlow 到 PyTorch 6v6-博客 机器学习tensorflowpytorch
    机器学习入门指南：从TensorFlow到PyTorch机器学习（MachineLearning）是人工智能的核心领域之一，近年来在图像识别、自然语言处理、推荐系统等领域取得了巨大进展。本文将从基础概念入手，介绍机器学习的核心知识，并带你快速上手两大主流框架：TensorFlow和PyTorch。机器学习基础什么是机器学习？机器学习是一种通过数据训练模型，使计算机能够自动学习和改进的技术。它主要分
  • 【无标题】DeepSeek是可对接那些端口 李鲶鱼 pythonc++人工智能
    DeepSeek是一个强大的AI模型，可以应用于多个端口，为各种场景提供智能解决方案。移动端应用智能手机助手：DeepSeek集成到手机助手中，提供智能对话、文本写作、语言翻译等功能。例如，华为的小艺助手和荣耀的YOYO智能体通过接入DeepSeek，提升了对话流畅度和知识库的时效性。虚拟主播：利用DeepSeek生成虚拟主播，进行24小时优质播报。桌面端应用智能客服：在医院的官方公众号中接入De
  • PDF 文件的安全功能概述 IDRSolutions_CN pdf软件工程经验分享团队开发java
    由于安全问题始终存在，我们希望重点介绍PDF文件格式提供的一些安全功能。如果您希望控制或限制用户可以执行的操作，这些功能可以启用。本文将介绍可以阻止哪些类型的操作，以及可以实施哪些不同的身份验证技术来提高PDF的安全性。可以控制哪些操作？在深入探讨可用的不同安全选项之前，我认为提供一些示例来说明可以控制的操作是有用的。这些操作包括限制谁可以：1查看内容2添加/修改文本注释3填写交互式表单字段（包括
  • （基础）理解PDF表单文件 IDRSolutions_CN pdf经验分享软件工程团队开发java
    你有没有见过带有交互按钮、可填写字段、复选框、文本框或单选按钮的PDF文件？这些就是交互式PDF表单。PDF表单示例你可以在我们的FormVu页面查看更多PDF表单的示例。我个人非常喜欢PDF文件格式中的这个功能，因为它让文档变得更具互动性和实用性。通过这些表单，你可以收集数据、下订单或生成发票，甚至有些人用它来制作小游戏！这些数据既可以作为文档的一部分保存，也可以提交到服务器。PDF表单的两种类
  • 手把手教你从头编写 PDF – 第 5 部分：Hello World PDF IDRSolutions_CN pdf软件工程经验分享团队开发java
    上一篇：手把手教你从头编写PDF–第4部分：DIY空白页当恐龙还在地球上漫步的时候，我曾经谈到过构成PDF文件的各种对象。其中一种对象是流对象（streamobjects）。流对象包含了描述PDF页面外观的所有指令。在本文结束时，我们将能够创建一个“HelloWorld”PDF。为了在PDF文档中添加一些文本，我需要使用流对象。如果你用文本编辑器打开任意一个PDF文件，大多数你能看到的内容都包含在
  • 自学网络安全（黑客技术）2025年 —90天学习计划 网安CILLE web安全学习安全网络网络安全linuxpython
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包前言什么是网络安全网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。如何成为一名黑客很多朋友在学习安全方面都会半路转行，因为不知如何去学，在这里，我将这个整份答案分为黑客（网络安全）入门必备、黑客（网络安全）职业指南、黑客（网络安全）学习
  • 一个神奇 Python 库，PyPDF2帮你在工作中轻松驾驭PDF 代码小念 软件测试面试自动化测试pythonpdf职场和发展软件测试面试
    大家好，很多人学习Python进行办公自动化，其中一个场景就是处理PDF，PyPDF2是一个非常强大的Python库，它允许你管理和操作PDF文件。不论是分割、合并、旋转还是加密PDF，PyPDF2都能轻松应对。PyPDF2是一个纯Python编写的库，用于读取PDF文件和操作PDF页面。它允许你进行以下操作：•读取PDF:使用PyPDF2读取PDF文件非常简单。首先需要导入库，然后加载PDF文件
  • 前端（AJAX）学习笔记（CLASS 4）：进阶 肥肠可耐的西西公主 前端学习笔记
    1、同步代码和异步代码同步代码：浏览器按照书写代码的顺序一行一行去执行代码，逐行执行，需要原地等待结果后，才继续向下执行异步代码：调用后耗时，不阻塞代码继续执行，在将来完成后触发一个回调函数2、回调函数地狱和Promise链式调用概念：在回调函数中嵌套回调函数，从而形成回调函数地狱缺点：可读性差，异常无法捕获，耦合性严重，牵一发动全身promise-链式调用概念：依靠then()方法会返回一个新生
  • seacmsv9注入 2022计科一班唐文 oracle数据库
    一、当注入时，information_schema被禁用的解决方法information_schema数据库是MySQL和其他一些数据库系统中存储元数据的标准视图，包含表、列、权限等信息。攻击时可以直接查询这些信息来获取数据库结构，比如表名和列名。当information_schema被禁用时需要寻找其他途径来获取必要的信息。在information_schema数据库中储存了整个MySQL服务器
  • RHCE-web篇 2022计科一班唐文 前端
    一.web服务器Web服务器是一种软件或硬件系统，用于接收、处理和响应来自客户端（通常是浏览器）的HTTP请求。它的主要功能是存储和提供网站内容，比如HTML页面、图像、视频等。Web服务器的主要功能处理请求：当用户在浏览器中输入网址时，浏览器会发送一个HTTP请求到Web服务器。服务器接收到请求后，处理该请求并生成响应。提供内容：Web服务器根据请求的资源类型（例如HTML、CSS、JavaSc
  • sap关账+策略模式（避免大量if elseif） 宜昌李国勇 代码优化java开发语言
    旧代码@Transactional(rollbackFor=Exception.class)publicAjaxResultpurchaseOrderReceiptOutSourceAfterSapCloseAccountingPeriod(Longid){SysPurorderPostingLogsysPurorderPostingLog=sysPurorderPostingLogMapper.
  • c++ 中的引用 & 心态与习惯 C++/c语言c++引用指针ref数组容器传递
    引用与指针经常混淆，总结一下文章目录1.引用与指针的区别2.引用传递数组3.通过引用传递容器和类4.多线程传递容器时用std::ref替代引用传递1.引用与指针的区别引用（Reference）：引用是变量的别名，本质上不是一个变量，而是给一个已经存在的变量起的一个别名。本质：引用就是变量的别名，不占用新的内存空间。指针（Pointer）：指针是一个变量，存放的是另一个变量的内存地址，需要通过解引用
  • Faster R-CNN原理详解以及Pytorch实现模型训练与推理 阿_旭 深度学习实战cnnpytorch人工智能FasterRCNN
    《------往期经典推荐------》一、AI应用软件开发实战专栏【链接】项目名称项目名称1.【人脸识别与管理系统开发】2.【车牌识别与自动收费管理系统开发】3.【手势识别系统开发】4.【人脸面部活体检测系统开发】5.【图片风格快速迁移软件开发】6.【人脸表表情识别系统】7.【YOLOv8多目标识别与自动标注软件开发】8.【基于深度学习的行人跌倒检测系统】9.【基于深度学习的PCB板缺陷检测系统
  • 【数学建模】001 反方向的钟儿 数学建模数学建模算法笔记
    数学建模方法论层次分析法：确定评级价指标形成评价体系1.评价的目标是什么2.评价标准是什么3.可选方案有哪些以此来选择最优方案“两两”比较发来确定指标重要性可以画图列表，产生几个比较变量：产生一系列正互反矩阵，进而产生判断矩阵，可以得出各个评判指标之间的权重向量一致矩阵和不一致矩阵
  • 第二篇：CTF常见题型解析：密码学、逆向工程、漏洞利用、Web安全 菜腿承希 零基础小白入门CTFweb安全网络安全
    #零基础小白入门CTF解题到成为CTF大佬系列文章##第二篇：CTF常见题型解析：密码学、逆向工程、漏洞利用、Web安全###引言在CTF比赛中，题目类型多种多样，涵盖了网络安全领域的多个方向。掌握这些题型的解题方法，是成为CTF大佬的关键。在本篇文章中，我们将详细解析CTF中常见的四大题型：密码学、逆向工程、漏洞利用和Web安全，帮助你快速入门并掌握解题技巧。---##2.1密码学（Crypto
  • 如何利用PyPDF2库轻松提取PDF中的文本？ 字节王德发 pythonpdf
    在数字化时代，PDF格式的文件随处可见。从电子书到官方文档，PDF是我们经常遇到的一种文件格式。不过，有时候我们需要从这些PDF里提取文本，这就需要一些工具来帮忙了！今天我们就来聊聊Python的一个强大工具——PyPDF2库，它能让我们轻松实现PDF文本提取。PyPDF2库的简介PyPDF2是一个开源的Python库，主要用于处理PDF文件。这个库支持多种操作，包括合并、拆分、加密和解密PDF文
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他