hou_zi
hou_zi

js学习之——网页侧边栏广告效果

侧边栏广告就是指我们在浏览网站的时候在网页的右边中间部分显示的那个div，无论我们是拖动滚动条，还是放大缩小窗口，广告始终显示在右边的中间。这里主要是提供两种方法的实现。
方法一：
就是使用纯粹的布局来实现，比较简单，即是使用 position:fixed; 没有什么好说的直接看代码：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>侧边栏广告title>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: red;
            position: fixed;/** 最简单的一种是新方法，就是让绝对定位设置成固定，但是IE6不会支持此种特性*/
            right: 0;
            top: 50%;
            margin-top: -50px;
        }
    style>

head>
<body style="height: 2000px">
<div id="div1">

div>
body>
html>

方法二：
通过设置div top值的方式来实现：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>侧边栏广告效果2-title>

    <style>
        #div1 {
            height: 100px;
            width: 100px;
            background-color: red;
            position: absolute;
            right: 0px;
        }
        /**
            通过设置div的top值 = scrolltop 的高度 + （可视化区域的高度-div自身的高度）/2 来实现 div始终位于区域中间位置
        */
    style>
    <script>
        window.οnresize=window.οnscrοll= window.οnlοad=function () {
            var oDiv=document.getElementById("div1");
            var scrollTop =document.documentElement.scrollTop;
            var t = (document.documentElement.clientHeight-oDiv.offsetHeight)/2;
            oDiv.style.top=scrollTop+t+"px";
        }
    script>
head>
<body style="height: 2000px;">

<div id="div1">

div>
body>
html

参考自：妙味课堂的原创js视频。

你可能感兴趣的:(js学习)

  • nextjs学习笔记 ainuo5213 web前端框架学习nextreactreact服务端渲染next入门
      由于本人最近在学习jocky老师的React16.8+Next.js+Koa2开发Github全栈项目关于react的服务端重构项目，然后跟着老师的视频做笔记，记录下自己的所学知识。目录结构pages(必需)：pages目录是nextjs中最终要的一个目录，这个目录的每一个文件都会对应到每一个页面，可以根据地址栏的路由进行跳转。若pages下的js文件在一个目录下，那么nextjs默认会将这个
  • Three.js（three入门）
    theme:condensed-night-purpleThree.js学习指南：在响应式世界里玩转三维魔法第一章：Three.js突破次元壁指南Three.js简介three.js官网：https://threejs.org/three.js中文官网https://threejs.org/docs/index.html#manual/zh/1.什么是Three.js?Three.js是用Java
  • Nuxt.js学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递... 庭前云落 前端---Nuxt.JSvuejavajavascriptreactjs
    [TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|--.nuxt//Nuxt自动生成，临时的用于编辑的文件，build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改。|--middleware/
  • Three.js学习10：几何体（1）-平面几何体 stones4zd three.js学习
    -----------------------------华丽的分割线---------------------相关代码均已上传到gitee中：myThree:学习Three.js，努力加油~！Gitee静态演示地址：ThreeJS演示页面-----------------------------华丽的分割线---------------------一、几何体GeometryThree.js中物体
  • JS学习日记（jQuery库） 红中马喽 javascript学习jquery笔记开发语言
    前言今天先更新jQuery库的介绍，它是一个用来帮助快速开发的工具介绍jQuery是一个快速，小型且功能丰富的JavaScript库，jQuery设计宗旨是“writeless，domore”，即倡导写更少的代码，做更多的事，它封装JavaScript常用的功能代码，提供一种简便的方式进行使用，大大提高了开发效率，jQuery目前支持的浏览器包括Chrome，edge，firefox，ie9+,S
  • dvajs学习总结 qianlingvip dvajsreactreduxdvajsreactjsredux
    1、dvajs是一个轻量级的应用框架。2、新建dva项目，直接dvanew项目名称3、启动npmstart4、dvajs的路由跳转，方式一：通过link跳转，首先引入Link，import {Link} from 'dva/router'然后，在需要调转的地方使用首页方式二：通过点击事件，进行跳转，this.props.history.push(‘/’);5、参数的传递方式一：通过params1.
  • DvaJS学习（dva = React-Router + Redux + Redux-saga） Free Joe React
    我们来介绍一下，dva出自于暴雪出品的一款游戏《守望先锋》，援引官方的角色介绍：D.Va拥有一部强大的机甲，它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、还有可以抵御来自正面的远程攻击的防御矩阵。然后呢，蚂蚁金服的一位架构师sorrycc很迷这位美女，正巧刚开发了一款前端框架没有名字，作为一个向女神献礼的项目，dva框架就此诞生。我们先看看React没有解决的问题React
  • vue技术心得 陈皮糖-C vue.js前端javascript
    在前端技术的浩瀚星空中，Vue.js如同一颗璀璨的星辰，以其独特的魅力吸引着无数开发者的目光。作为一名热衷于技术探索的开发者，我深入研究了Vue.js，并将其应用于实际项目的开发中。以下是我对Vue.js学习的心得体会，以及在实际项目中的代码实现和最佳实践分享，旨在帮助读者更全面地掌握Vue.js，提升前端开发技能。一、Vue.js学习之旅：从理论到实践的跨越1.理论基础构建Vue.js核心概念：
  • 移动端开发 资源分享 weixin_30399797 5guijavascriptViewUI
    1.移动端开发从零开始学习移动端Web开发手机分辨率和webapp分辨率的关系移动端适配之rem.jscss适配不同分辨率屏幕移动WEBAPP开发常规CSS样式总结移动端页面开发的两种方式H5移动端常用标签总结html5的一些常用标签微信页面开发2.常用插件推荐移动端手势库Hammer.js学习2015年最全的移动WEB前端UI框架模板页面3.例子手机app通用模板爱旅游在线个人中心页面模板李嘉桦
  • js学习手册 余渔鱼1123 javascript学习开发语言
    JavaScript通俗易懂学习手册目录基础知识变量和数据类型运算符控制流程函数对象和数组作用域和闭包异步编程ES6+新特性高级概念基础知识JavaScript是什么？JavaScript就像网页的"魔法师"，能让静态的网页变得生动有趣。它可以：让按钮点击后有反应制作动画效果处理用户输入与服务器通信如何运行JavaScript？//在网页中console.log("Hello,World!");/
  • vue.js一课一得 lioutian2 vue.js前端
    Vue.js学习心得：一课一得，积跬步至千里Vue.js作为当下热门的前端框架，其简洁性、灵活性和高效性吸引了众多开发者投身其中。在深入学习Vue.js的过程中，每一课都蕴含着丰富的知识与宝贵的经验，以下将详细阐述在Vue.js课程学习过程中的“一课一得”。一、数据响应式原理——深度理解数据驱动视图（一）核心知识点Vue.js采用数据劫持结合发布-订阅模式来实现数据响应式。通过Object.def
  • three.js学习笔记(二十二)——混合HTML和WebGL weixin_43990650 three.js学习笔记javascriptthree.js
    介绍这次课将学习如何将HTML集成到场景中去——即一个交互式的HTML元素跟随场景中的3D位置而变化，看起来就像嵌在WebGL中一般。初始设置采用上一节教的带有进度条的加载动画，并且使用头盔模型。import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/Orbi
  • js-day3 金串串 javascript前端开发语言
    JS学习之旅day3函数为什么需要函数函数的使用函数的传参函数的返回值断点调试作用域匿名函数逻辑中断转换为Boolean型函数为什么需要函数function，函数，是被设计为执行特定任务的代码块精简代码，方便复用，提高开发效率函数的使用函数的声明function函数名(){函数体}函数的命名规范和变量名基本一致尽量使用小驼峰命名法前缀应为动词函数的调用：函数名()函数的传参声明语法function
  • js-day2 金串串 javascript前端开发语言
    JS学习之旅day2运算符赋值运算符一元运算符比较运算符逻辑运算符运算符优先级语句表达式和语句分支语句循环语句数组数组是什么数组的基本使用操作数组运算符赋值运算符定义：对变量进行赋值的运算符=、+=、-=、*=、/=、%=一元运算符自增++前置自增++num后置自增num++区别：leti=1console.log(i+++1);//2leta=1console.log(++a+1);//3let
  • Node.js学习-day6-Express路由 huangxunlove node.js开发学习node.js学习前端
    路由路由是三部分组成：method，路径，回调函数//路由最简单的方法，直接挂载到app上constexpress=require('express')constapp=express()app.get('/',(req,res)=>{res.send('getrequest')})app.post('/',(req,res)=>{res.send('postrequest')})app.list
  • js学习文档（手册） 大卡拉米 javascript学习开发语言
    JS简介JS历史JavaScript诞生于1995年。NetSpace发布NetspaceNavigator2浏览器，提供了免费开发工具LiveScript，设计的主要目的是处理以前由服务器端语言负责的一些输入验证操作。在人们普遍使用电话拔号上网的年代,能够在客户端完成一些基本的验证任务绝对很不容易。因为Java流行，所以改名为JavaScript。这个就是JavaScript1.0版本。因为Ja
  • Node.js完整学习资源包：从基础到实践 powerelectricdog
    本文还有配套的精品资源，点击获取简介：learning-node项目旨在为开发者提供Node.js学习资源，该技术允许JavaScript在服务器端运行。项目内容涵盖Node.js基础、模块系统、文件操作、网络编程、异步编程、中间件使用、性能优化、测试与调试、部署与监控以及最佳实践。通过这个资源包，学习者能够深入理解和掌握Node.js，并了解其在实际项目中的应用。1.Node.js简介和基础概念
  • three.js学习笔记1 qq_786812833 three.js学习笔记javascript学习笔记
    1.webgl_animation_keyframes1.增强环境光constpmremGenerator=newTHREE.PMREMGenerator(renderer);scene.environment=pmremGenerator.fromScene(newRoomEnvironment(renderer),0.04).texture;2.动画混合器loader.load('models
  • Babylon.js学习之路《一、初识 Babylon.js：什么是 3D 开发与 WebGL 的完美结合？》 球球和皮皮 Babylon.js学习之路javascript3darvr前端框架
    文章目录1.引言1.1为什么需要Web3D开发？1.1WebGL的定位与挑战2.Babylon.js的核心定位2.1什么是Babylon.js？2.2Babylon.js的独特优势2.3对比其他Web3D框架（Three.js、PlayCanvas）3.WebGL与Babylon.js的关系3.1WebGL的角色3.2Babylon.js如何封装WebGL？3.3Babylon.js的扩展能力4.
  • Node.js 学习入门指南 2501_91537388 前端node.js学习
    Node.js学习入门指南Node.js是一种流行的开源、跨平台的JavaScript运行时环境，它使开发者能够在服务器端运行JavaScript代码。本篇文章旨在帮助初学者快速入门并掌握Node.js的基础知识和常用技巧。一、什么是Node.js？定义Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，允许在服务器上使用JavaScript编写高性能网络应用。它提供了事
  • Node.js学习路线 lualn node.js学习
    Node.js学习Node.js是一个基于ChromeV8引擎的异步事件驱动的JavaScript运行时环境，不仅能轻松搭建服务器、玩转RESTfulAPI，还能进行网络爬虫和处理数据，更能沿伸至实时聊天、微服务架构等复杂场景，掌握了Node.js就能随心所欲地构建出自己的服务端应用了！学习nodejs首先要打好基础：HTTP服务器搭建：掌握使用Node.js创建基本HTTP服务器的技能。模块化编
  • three.js学习笔记(二)——textures纹理 hongsir_12 three.js学习笔记javascriptthree.js
    什么是纹理Texture简单来说，纹理就是覆盖几何体表面的图像。不同的纹理类型具有不同的效果。纹理加载器TextureLoader//初始化一个纹理加载器，然后用.load()加载纹理贴图consttextureLoader=newTHREE.TextureLoader()constcolorTexture=textureLoader.load('/textures/door/color.jpg'
  • Node.js学习笔记 学无止境鸭 node.js学习笔记
    1.Node.js是什么?Node.js是一个开源的、跨平台的Javascript运行环境。通俗讲，Node.js是一款应用程序、是一个软件，可以运行Javascript。2.Node.js可以干什么?开发服务器应用开发工具类应用开发桌面端应用3.下载和安装官网：https://nodejs.org/en中文网：Node.js中文网4.命令行常用的操作切换盘符：C:D:切换工作目录：cd.cd..
  • 【JS学习】（2）symbol关键字和在ts中的使用 yanxy512 TS学习JS学习javascript学习前端typescript
    在JavaScript和TypeScript中，symbol是一种原始数据类型（PrimitiveType），用于创建唯一的标识符。它在ES6中被引入，主要用于解决属性名冲突问题，以及实现一些高级的编程模式。1.symbol的基本概念(1)定义symbol是一种原始数据类型，表示一个唯一的值。每次调用Symbol()都会生成一个全新的、独一无二的值，即使它们的描述相同。示例constsym1=Sy
  • js学习记录之函数 默默的学习君 javascript学习开发语言前端笔记经验分享css
    js的学习记录之函数（一）一、函数的定义定义方式functionfine(){....console.log("ok").....}函数是一个标识符varfine2=finefine2()验证fine2与fine的地址是否一致console.log(fine===fine2)得到结果为ture函数也是引用类型的数据函数在对象中的叫法varperson={}person.hello=finepers
  • Vue.js 学习之旅：方法与收获全记录 ．923 vue.js学习前端
    一、Vue.js学习之法Vue.js官方文档：核心概念与用法详解Vue.js的官方文档是学习过程中不可或缺的宝藏，它涵盖了从基础到高级的所有知识内容。首先，要深入理解Vue.js的响应式原理，它通过数据劫持结合发布-订阅模式，能够自动追踪数据的变化，并实时更新与之绑定的DOM元素。例如，当你在Vue实例中定义了一个data属性，像data:{message:'HelloVue!'}，只要messa
  • threejs学习之环境光和点光源 旅行中的伊蕾娜 threejs学习笔记前端学习javascript3d
    环境光可以均匀照亮场景中所有物体，不能投射阴影，不能设置方向，只能设置颜色和亮度。官方示例：//添加环境光constlight=newTHREE.AmbientLight(0x404040);//柔和的白光scene.add(light);点光源，从一个点散发出的光，相当于灯泡，可以设置颜色，亮度、照射最大距离以及光照衰退量。官方示例：constlight=newTHREE.PointLight(
  • Node.js学习分享（上） miraculous111 node.js学习笔记javascript
    Node.jsfs文件系统模块fs.readFile()fs.writeFile()path路径模块路径拼接path.join()获取路径中的文件名path.basename()的语法格式获取路径中的文件扩展名path.extname()的语法格式http模块服务器相关概念IP地址域名和域名服务器端口号创建最基本的web服务器创建web服务器的基本步骤request请求对象解决中文乱码问题根据不同
  • bitcoinjs学习笔记4—p2pkh、p2sh、p2wpkh地址生成 EM-FF bitcoinjs比特币学习笔记区块链
    BitcoinJS学习笔记4—P2PKH、P2SH、P2WPKH地址生成大纲1.概述目标:学习如何使用BitcoinJS生成三种常见的比特币地址类型：P2PKH（Pay-to-Public-Key-Hash）P2SH（Pay-to-Script-Hash）P2WPKH（Pay-to-Witness-Public-Key-Hash）工具:BitcoinJS库、比特币测试网（Testnet）或回归测试
  • Node.js学习01-初识Node.js与内置模块 Meowmow nodejsnode.js学习javascript
    目录初识Node.js在Node.js环境执行js代码内置模块fs文件系统模块路径动态拼接问题path路径模块http模块request请求对象初识Node.jsNode.js是基于ChromeV8引擎的JavaScript运行环境，无法调用DOM和BOM等浏览器内置API。使用Node.js可以：基于Express框架快速搭建web应用基于Electron框架构建跨平台的桌面应用基于restif
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他