bluedusk
bluedusk

纯css网页特效实力

 

1.Hoverbox 图片集

一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。

CSS-实例

 

2.高级CSS菜单

一款很有创意且复杂的CSS导航方案。

CSS-实例

3.滑动影集

手风琴效果的影集，悬停便可拉伸图片。

CSS-实例

4.Lightbox幻灯片

题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。

CSS-实例

5.图片的阴影效果

在A List Apart上的一个关于图片效果Demo的讨论文章“CSS Drop shadows“.

CSS-实例

6.跨浏览器多页式影集

悬停标签改变分类，悬停缩略图显示放大图。

CSS-实例

7.CSS照片放大

使用简单的图片和background-position属性来进行调解。

CSS-实例

8.CSS gallery layout—smells like a table

模仿表格布局，但使用的是列表。图集是流式宽度。

CSS-实例

9.Sticky Footer

仅使用了很少XHTML的静态页脚。

CSS-实例

10.whatever: hover

模仿Windows开始菜单的CSS导航菜单。

CSS-实例

11.纯CSS手风琴效果

使用div和:hover伪类的手风琴效果，这个效果可以垂直显示也可以水平显示。

CSS-实例

12.使用PNG和背景色的可扩展按钮

CSS-实例

13.Pushbutton Links

链接在不使用图片的情况下看起来像个按钮。

CSS-实例

14.含固定Header的可卷动表格

表格的标题被固定的优秀长表格。

CSS-实例

15.CSS内容遮盖

当你悬停在图片上时，div容器会显示更多文字。

CSS-实例

16.CSS样式表格版本2

一个使用背景图片且非常漂亮，被语义化标记的表格。

CSS-实例

17.PNG遮盖

另一种为图片添加圆角的方法。（圆角、边框、阴影）

CSS-实例

18.利用CSS为超链接添加提示

关于为不同类型的链接添加图标的简单教程。

CSS-实例

19.简单的CSS圆角边框

仅适用了一张图片和很少的几行代码及标记。

CSS-实例

20.Sitemap Celebration

使用嵌套列表的树形导航，很适合网站地图页面。

CSS-实例

21.简单的跨浏览器幻灯片

不使用JavaScript实现透明度技巧（但是以不符合XHTML验证为代价）

CSS-实例

22.圆角2

流式跨度和高度的圆角div。

CSS-实例

23.使用背景图片百分比来创建图表

条线图使用列表<li>。

CSS-实例

24.CSS柱状图:实例

3款柱状图实例:使用div和列表标签的”基本CSS柱状图”、”复杂CSS柱状图”、”垂直CSS柱状图”。

CSS-实例

25.动态翻转简单头

箭头会平滑的跟随鼠标移动，没有使用一丁点JavaScript和gif动画。

CSS-实例

26.基于CSS的表单模板

CSS-实例

27.CSS图片文本结合技巧

使用了空白div来让文本能围绕背景图中的图像显示。

CSS-实例

28.使用CSS实现淡入效果的图片

这个实例使用透明度设置和简单的图片逐渐在文字上方淡入图片。

CSS-实例

29.纯CSS弹出效果

一个在IE5(Mac)上也能正常工作的弹出技巧。

CSS-实例

30.使用CSS实现文本渐变效果

使用背景图片遮盖，和一个空的span标签，还有position: absolute声明来实现文本的渐变效果。

CSS-实例

你可能感兴趣的:(JavaScript,windows,浏览器,css,XHTML)

  • 分享一个让 uniapp 微信小程序支持 EventSource 的方法 魔众 uni-app微信小程序notepad++
    微信小程序不支持EventSource（SSE）是一种HTML5标准，旨在提供一种方式来在Web应用中实现异步通信和事件处理。然而，根据现有的信息，uni-app并没有直接支持EventSource，这意味着开发者需要寻找其他技术或替代方案来实现类似的效果。尽管有些主流浏览器支持SSE，但小程序目前还不能兼容这个API，这可能是由于微信平台对新技术的兼容性考虑或是开发生态的限制。一个替代实现方式c
  • 为Windows10的WSL Ubuntu启动sshd服务并使用Trae远程连接 skywalk8163 编程语言软硬件调试ubuntulinux运维trae
    Windows10的WSLUbuntu，使用起来非常方便，但是美中不足的是，无法从Windows主机ssh到Ubuntu。解决的方法是在Ubuntu安装sshd服务Ubuntu安装sshd服务执行命令sudoaptinstallopenssh-server安装好后，先本地测试：ssh127.0.0.1测试通过后，查看Ubuntu的ip地址，使用命令ifconfig查看到ip地址是：172.25.1
  • 纯HTML+CSS实现3D空间正方体旋转 开心小老虎 html+csshtmlcss3d前端
    以下是一个使用纯HTML和CSS实现的3D空间正方体旋转效果。一、效果效果特点：半透明发光正方体进行多轴旋转核心光点脉冲效果正方体边框的霓虹光效多重阴影叠加的立体效果实现原理：使用CSS3D变换实现正方体结构通过preserve-3d保持三维空间关系组合使用rotateX/Y/Z实现多轴旋转使用box-shadow实现发光效果可以通过调整以下参数自定义效果：修改cube的尺寸调整正方体大小调整an
  • 网吧网络的边缘计算 黑石云 边缘计算
    网吧的网络在理论上是能够用于P2PCDN（点对点内容分发网络）的，但需综合评估以下核心条件及潜在风险：一、可行性分析硬件基础带宽优势：网吧通常采用高带宽网络（如万兆到桌面），能稳定提供P2PCDN所需的上行带宽资源。设备性能：网吧电脑配置较高（多核CPU、大内存、SSD），满足作为分布式节点的计算与存储需求。技术适配P2PCDN特性：技术如WebTorrent支持浏览器内P2P传输，兼容性强，即使
  • windows免密ssh登录linux 王大渣 sshlinux运维
    windows执行ssh-keygen生成公钥ssh-keygen一路回车即可拷贝windows公钥到linux服务器#windows拷贝下面文件的内容C:\Users\.ssh\id_rsa.pub#linux复制到/root/.ssh/authorized_keysvimauthorized_keyslinux更新ssh#linux环境执行命令更新sshsudosystemctlrestart
  • Vue3 + GSAP：打造炫酷动效的终极指南 来自星星的坤 vue.js前端动画
    前言在现代前端开发中，动画已经成为提升用户体验的重要方式。Vue3作为一个强大的前端框架，与GSAP（GreenSockAnimationPlatform）结合，能让你的页面动效更加流畅且易于控制。本文将详细讲解如何在Vue3中集成GSAP，并带你实战几个常见的动画案例。1.什么是GSAP？GSAP是一个功能强大的JavaScript动画库，支持DOM、SVG、Canvas以及WebGL动画，具有
  • Selenium之简介 小鑫仔_x Seleniumpython学习开发语言
    Selenium简介首先，让我们看看官网是怎么定义的Selenium是一个支持web浏览器自动化的一系列工具和库的综合项目，提供了扩展来模拟用户和浏览器的交互，用于扩展浏览器分配的分发服务器；用于W3CWebDriver规范的基础架构其实，说白了，它的核心就是WebDriver，这是一个编写指令集的接口，可以在许多浏览器中运行WebDriverWebDriver使用的协议是W3CWebDriver
  • Selenium之Web Driver常用属性 小鑫仔_x Selenium前端seleniumjavascript
    WebDriver常用属性在上一篇文章里我们安装并且使用了selenium来操控浏览器；这一节我们来看一下Driver的一些常用属性；可以方便和浏览器进行交互废话不多说，下面以实践为主获取浏览器名称browser_name=browser.nameprint(browser_name)#Chrome获取当前url#这里看到我url后面进行了一系列操纵#这是因为URL包含Punycode编码（xn-
  • Selenium——入门 暗夜小白白 Seleniumselenium测试工具
    一、Selenium简介Selenium是一个用于Web应用程序自动化测试工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。支持的浏览器包括IE（7,8,9,10,11），MozillaFirefox，Safari，GoogleChrome，Opera等。适用于自动化测试，js动态爬虫（破解反爬虫）等领域。二、Selenium组成1）SeleniumIDE：嵌入到Firefo
  • CSS3学习教程，从入门到精通，CSS3 媒体查询实现响应式布局语法指南（21） 知识分享小能手 编程语言如门网页开发前端开发css3学习媒体前端csshtml5
    CSS3媒体查询实现响应式布局语法指南一、媒体查询核心语法1.基础语法结构@media媒体类型and(媒体特性){/*匹配条件时应用的CSS规则*/}2.媒体类型（可省略）类型值说明all所有设备（默认值）screen屏幕设备print打印机设备speech屏幕阅读器3.常用媒体特性特性名称说明单位/值示例width视口宽度px,em,remmin-width视口最小宽度600pxmax-widt
  • CSS3学习教程，从入门到精通，CSS3 动画美化页面知识点及案例代码（19） 知识分享小能手 网页开发前端开发编程语言如门css3学习前端html5htmlcssjavascript
    CSS3动画美化页面知识点及案例代码一、CSS3动画基础CSS3动画是通过一系列的CSS样式变化来实现的，这些变化可以在一定的时间内逐步完成，从而产生动画效果。CSS3动画主要通过@keyframes规则和animation属性来实现。1.@keyframes规则@keyframes规则用于定义动画的关键帧，即动画在不同时间点的状态。其语法如下：@keyframes动画名称{from{/*动画开始
  • CSS3学习教程，从入门到精通，CSS3 浮动与清除浮动语法知识点及案例代码（14） 知识分享小能手 前端开发网页开发编程语言如门css3学习前端html5htmlcss后端
    CSS3浮动与清除浮动语法知识点及案例代码一、浮动基础浮动语法选择器{float:left|right|none|initial|inherit;}left：元素向左浮动。right：元素向右浮动。none：默认值，元素不浮动。initial：使用默认值。inherit：继承父元素的浮动属性。浮动特点浮动元素会脱离文档流。浮动元素会尽可能地向左或向右移动，直到遇到包含框的边缘或其他浮动元素。块级元
  • 25、web前端开发之CSS3（二） 跟着汪老师学编程 前端css3css
    2.盒模型（BoxModel）盒模型是CSS布局的基础，在CSS中，盒模型（BoxModel）是描述元素尺寸、边距、边框和填充的计算方式的核心概念。盒模型分为两种主要的计算模式，分别由box-sizing属性控制：content-box和border-box。理解这两种模式对于精确控制元素的尺寸和布局至关重要。2.1.盒模型的组成盒模型由以下几个部分组成：内容区域（ContentArea）：元素的
  • Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做 屹涛科技 旅游
    Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：
  • CSS3学习教程，从入门到精通，CSS3 元素的浮动与定位语法知识点及案例代码（17） 知识分享小能手 前端开发网页开发编程语言如门css3学习css前端html5htmljavascript
    CSS3元素的浮动与定位语法知识点及案例代码一、CSS3浮动（float）知识点1.**定义**：浮动使元素向左或向右移动，直到它的外边缘碰到包含框或另一个浮动元素的边框为止。浮动主要用于布局，如实现图文绕排等效果。2.**取值**：*`left`：向左浮动。*`right`：向右浮动。*`none`：默认值，不浮动。3.**清除浮动**：浮动会使父元素高度塌陷，需要清除浮动来避免布局问题。常用方
  • 解决浏览器不支持访问FTP服务器的问题 彼岸花@开 linux服务器运维
    1.抛出问题由于安全性和性能方面的考虑，GoogleChrome在版本72之后停止了对FTP协议的支持。因此，如果你想查看FTP目录，你可以考虑以下几种方法：使用专门的FTP客户端软件：可以使用一些专门的FTP客户端软件，如FileZilla、WinSCP等。这些软件提供了直观的用户界面，可以方便地连接到FTP服务器，并浏览、上传、下载文件。使用其他支持FTP的浏览器：虽然GoogleChrome
  • 透析Vue的nextTick原理 Sean2077 Vuevue.js
    nextTick是Vue.js中的一个核心机制，用于在下一次DOM更新周期后执行回调函数。它的核心原理是利用JavaScript的事件循环机制（EventLoop），结合微任务（Microtask）或宏任务（Macrotask）的调度策略，确保回调在DOM更新完成后执行。核心原理分析1.DOM更新的异步性Vue的数据驱动视图更新是异步批量执行的。当数据变化时，Vue不会立即更新DOM，而是开启一个
  • 透析主流CSS预处理器的区别 Sean2077 CSScss
    Sass和Less是两种主流的CSS预处理器（CSSPreprocessor），它们通过扩展原生CSS的语法，提供了变量、嵌套、混合（Mixins）、函数等高级功能，帮助开发者编写更高效、可维护的样式代码。以下是它们的详细介绍：一、Sass（SyntacticallyAwesomeStyleSheets）1.基本特性语法形式：SCSS（SassyCSS）：兼容原生CSS语法，文件扩展名为.scss
  • 自动化测试工具-Playwright介绍和快速实例 oscar999 软件测试大全自动化测试工具运维
    Playwright是什么Playwright是由Microsoft开发的开源自动化测试工具，专为现代Web应用设计。它支持Chromium、Firefox和WebKit内核的浏览器，能够跨平台（Windows、macOS、Linux）运行，提供强大的浏览器自动化能力，适用于测试、爬虫和监控等场景。Playwright的核心功能跨浏览器支持：Playwright兼容所有现代渲染引擎，包括Chrom
  • 使用 Conda 安装 Omicverse，pip版 Ljugg conda
    使用Conda安装Omicverse1.安装Conda推荐使用Mambaforge，因为它是一个优化过的Conda发行版，能够更快地处理环境和依赖项。下载并安装Mambaforge：访问Mambaforge官方下载页面。下载适合Windows的安装脚本（通常是.exe文件）。运行安装程序，按照提示完成安装。2.创建新的Conda环境创建一个名为omicverse的新环境，并指定Python版本为3
  • 安装 Microsoft Visual C++ Build Tools Ljugg windows
    安装MicrosoftVisualC++BuildTools是为了在Windows系统上编译和运行需要C++支持的程序或库（例如某些Python包、Node.js模块等）。以下是安装MicrosoftVisualC++BuildTools的详细步骤总结：1.通过官方渠道安装步骤1：访问VisualStudio官方网站打开VisualStudioBuildTools官方下载页面。步骤2：下载安装程序
  • 自动化浏览器的测试框架playwright 支持多种浏览器Chromium、Firefox 和 WebKit skywalk8163 软硬件调试chrome前端自动化playwright测试
    Playwright是一个用于自动化浏览器的测试框架，支持多种浏览器，包括Chromium、Firefox和WebKit。在使用Playwright进行测试时，可能需要安装特定的浏览器，例如Chrome。如何安装PlaywrightChrome在使用Playwright时，可以通过以下步骤来安装Chromium（Chrome的开源版本）：1安装Playwright首先，如果你还没有安装Playwr
  • 【Django】教程-1-安装+创建项目+目录结构介绍 唐古乌梁海 pythondjango
    欢迎关注我！后续会更新django教程。一周2-3更，欢迎跟进，本周会更新第一个Demo的单独一个模块的增删改查【Django】教程-4-一个增删改查的Demo【Django】教程-2-前端-目录结构介绍【Django】教程-3-数据库相关介绍1.项目创建1.1安装Djangopython环境下载地址:https://www.python.org/downloads/windows/pipinst
  • 猿大师办公助手：OA系统Web网页内嵌Office/WPS在线编辑Word/Excel/PPT方案 猿大师办公助手 网页内嵌微软Office网页内嵌WPSOffice猿大师办公助手wpswordexcelchrome前端
    在数字化转型的浪潮中，OA系统和ERP系统已成为企业提升效率、优化管理的重要工具，然而‌当前OA/ERP/合同管理系统集成在线Office功能时普遍面临以下技术瓶颈：浏览器兼容性差‌：传统方案依赖ActiveX控件或NPAPI/PPAPI插件，而Chrome、Firefox等主流浏览器已逐步淘汰插件支持，导致功能失效‌；‌功能残缺与排版失真‌：云文档API及轻量化编辑器无法支持VBA宏、复杂公式、
  • 重庆软航NTKO WebOffice控件在谷歌Chrome 133版提示扩展已停用解决方案！ 猿大师办公助手 猿大师办公助手网页内嵌WPSOffice网页内嵌微软Officechromewordwps
    NTKOWebOffice‌是重庆软航公司的一款能够在浏览器中直接编辑MicrosoftOffice、WPS、金山电子表等文档的控件，支持Word、Excel等多种文档格式。该控件能够在IE、Chrome等浏览器中运行，并支持强制痕迹保留、禁止拷贝、模版套红、全文批注等功能‌。但是软航NTKOWebOffice‌控件现有版本依赖ManifestV2扩展技术支持才能正常运行，然而这个扩展技术到202
  • 猿大师办公助手：高效、安全、兼容的WebOffice在线办公解决方案 猿大师办公助手 网页内嵌WPSOffice网页内嵌微软Office猿大师办公助手wordchromemicrosoft前端
    兼容性难题浏览器插件逐渐被淘汰，依赖插件的传统Office控件难以适配现代浏览器，导致功能受限或完全无法使用。不同浏览器内核之间的兼容性问题，使得企业在选择Office控件时倍感困扰。功能不完整部分在线Office方案无法支持复杂的文档处理需求，如公式计算、VBA宏运算、复杂排版等，严重影响工作效率。维护成本高随着Office软件版本的不断更新，传统Office控件需要频繁适配和升级，导致企业维护
  • Python爬虫教程003：请求对象的定制、get请求的quote和urlencode方法 叁拾舞 Python爬虫教程python爬虫开发语言
    2.4请求对象的定制在Python爬虫中，User-Agent（UA）反爬是指网站通过检测请求头中的User-Agent来识别并屏蔽爬虫。许多网站会检查UA是否是常见的爬虫（如Python-urllib或Scrapy），并拒绝非浏览器的访问。因此，我们需要使用伪装UA、随机UA甚至UA池来绕过这种反爬机制。#-*-coding:utf-8-*-#@Time:2022/9/25002511:32#@
  • OpenAI SDK 前端入门探索 liumenging 前端AIai人工智能前端node.js
    本文介绍了如何使用OpenAISDK在TypeScript或JavaScript中访问OpenAIRESTAPI。GitHub仓库：openai-node1.安装首先，你需要安装OpenAISDK。可以通过以下命令进行安装：npminstallopenai2.使用说明本库的完整API文档可以在api.md文件中找到，并且还提供了许多代码示例。以下代码演示了如何使用聊天完成API。示例代码新建一个i
  • uniapp实现全局设置字体大小(字体大小切换) 矽东 uniappuni-appjavascript前端
    效果图实现步骤1.安装配置postcss-px-to-viewpornpminstallpostcss-px-to-viewport--save-dev2.根目录下创建一个postcss.config.js文件，文件内容如下：constpath=require('path')module.exports={ parser:'postcss-comment', plugins:{  'postcss
  • WPF中自定义无边窗口 Vae_Mars WPF-AI对话wpf
    1.解释说明-该功能主要对界面窗口做美化处理-自定义窗口的时候加上最小化、最大化、关闭、移动等功能-注意程序分为xaml端和cs端2.xaml端程序-该程序禁用了原来的WindowStyle功能-引用了style字典资源（以后会讲到）-利用border对界面进行倒角处理，修改CornerRadius属性即可；同时也带有鼠标左键按下时的事件，主要用于移动窗口-背景图片是直接添加到boeder控件里面
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他