lujj_1997
lujj_1997

简易万年历

简易万年历_第1张图片
简易万年历_第2张图片
这是万年历，效果是当你点击每个li时，下方的div标签中的p和h2标签相应的改变。

我先写一下我的思路：
先把要放进p标签的内容放进一个数组里
获取各个标签
//外部循环
//遍历li 给每个li加不可见的自定义属性,用来设置每个li的索引值，来匹配对应的p标签的内容.
//onclick点击事件
//内循环
//再遍历一遍li来清除所有li的class
//点谁this就是谁 获取的是你当时点击的那个li给它active属性 this.classname=‘active’
//再把p标签的内容设置为根据索引值获取那个数组中的字符。
//h2标签中的月份就是索引值+1

js代码如下：

var obox=document.getElementById("box");
        var ali=obox.querySelectorAll('li');
        var oh2=document.querySelector(".text h2")
        var op=document.querySelector('.text p');
        for (var i=0;i

为了方便大家测试
这里是html：

<body>
<div id="tab" class="calendar">
 <ul id="box">
     <li class="active"><h2>1h2><p>JANp>li>
     <li ><h2>2h2><p>FERp>li>
     <li ><h2>3h2><p>MARp>li>
     <li ><h2>4h2><p>APRp>li>
     <li ><h2>5h2><p>MAYp>li>
     <li><h2>6h2><p>JUNp>li>
     <li><h2>7h2><p>JULp>li>
     <li><h2>8h2><p>AUGp>li>
     <li><h2>9h2><p>SEPp>li>
     <li><h2>10h2><p>OCTp>li>
     <li><h2>11h2><p>NOVp>li>
     <li><h2>12h2><p>DECp>li>
 ul>
 <div class="text" id="txt">
     <h2>1月活动h2>
     <p>快过年了，大家可以商量着去哪玩吧～p>
 div>
div>
body>

下面是css：

<style type="text/css">
     * { padding: 0; margin: 0; }
     li { list-style: none; }
     body { background: #f6f9fc; font-family: arial; }

     .calendar { width: 210px; margin: 0 auto; padding: 10px 10px 20px 20px; background: #eae9e9; }
     .calendar ul { width: 210px; overflow: hidden; padding-bottom: 10px; }
     .calendar li { float: left; width: 58px; height: 54px; margin: 10px 10px 0 0; border: 1px solid #fff; background: #424242; color: #fff; text-align: center; cursor: pointer; }
     .calendar li h2 { font-size: 20px; padding-top: 5px; }
     .calendar li p { font-size: 14px; }

     .calendar .active { border: 1px solid #424242; background: #fff; color: #e84a7e; }
     .calendar .active p { font-weight: bold; }

     .calendar .text { width: 178px; padding: 0 10px 10px; border: 1px solid #fff; padding-top: 10px; background: #f1f1f1; color: #555; }
     .calendar .text h2 {font-size: 14px; margin-bottom: 10px; }
     .calendar .text p { font-size: 12px; line-height: 18px; }

 style>

你可能感兴趣的:(前端h5)

  • Vue3前端h5移动端页面预览PDF使用pdfjs-dist，添加自定义文本水印 Amodoro Vue前端vue3h5预览PDFh5预览pdf添加水印pdfjs-dist
    pdfjs-dist版本[email protected]{ref,onMounted,watch}from'vue'import{useRoute}from"vue-router";import*aspdfjsLibfrom'pdfjs-dist'constroute=useRoute()//！pdfjsLib.GlobalWorkerOptions.workerSrc=
  • 前端h5页面和后端php服务的几种部署方式 天草二十六_简村人 前端phphtml5持续部署开发语言docker
    一、背景和java后端服务的部署不同，前端h5的部署有好几种。CDN+OSSnginx反向把输出物全部拷贝到后端所以，这就带来了部署上的歧义，到底该用哪种部署方式呢？本文以前端h5搭配后端php程序为示例，试着讨论一下他们之间的配合部署。这里的前端h5是仅限静态页面，不包括nodejs等独立运行的前端程序。二、部署Php服务php服务可以使用以下两种方式：nginx反向代理php文件nginx+p
  • 原生调用webView白屏解决方案 是阿楞啊 前端调试排错方案webviewhtml5
    一、适用场景1、不熟悉原生开发的H5开发人员2、原生APP使用webView调用H5页面引发的白屏问题以及类似场景二、排错方案排错思路：确定白屏问题是否能被解决确定引发的白屏问题是否是由原生注入到H5的情景A：问题由原生注入到H5，查看报错日志定位引发问题的具体原因协助原生开发者解决问题。情景B：问题由H5页面自身引发的，针对于前端H5开发者运行代码不报错白屏不显的解决方案。三、问题解决方案排查白
  • 社区二手跳蚤市场小程序后台v6.15.2+前端h5和小程序 北漂的老猿 好代码小程序前端
    介绍：包含了管理后台，h5前端页面，微信小程序源码。修复跳转旧版个人中心页面修复个人中心意见反馈入口修复个人中心背景随主题变化修复个人中心页面流量主广告优化详情页举报按钮位置优化详情页图片和视频播放尺寸用d盾扫描，没有发现后门。代码下载：百度网盘图片：
  • H5浏览器如何检查手机中是否安装某个APP并打开 edgarhao
    最近在做项目时遇到一个需求：需要像支付宝一样，在h5中判断是否已经安装某个app并自动打开它。那么这个功能应该如何实现呢？一起来看一看说明：正如大家所知道的一样，H5页面时需要搭载在web浏览器中才能运行的。但并不是所有的浏览器都能做到这个功能，因为浏览器种类太多，很多浏览器的内核都被各开发修改过。所以最保险的还是使用手机自带的浏览器来打开H5页面原理解析前端H5检测是否安装应用，来进行不同的判断
  • 产品经理必懂的技术 - 前端技术上 小吕小吕是个铲屎的仙吕
    产品经理为什么要懂一些前端技术？当前端H5工程师说CSS时，你是否知道他在表达什么？当andriod工程师说这个文本要用TextView时，你是否明白TextView是什么？当ios工程师说这个UITableView要自定义时，你作何理解？当产品经理在设计原型时，该如何在设计阶段降低前端开发成本呢？当遇到一个产品bug时，产品经理如何定位到底是前端问题还是后端问题？产品经理必懂的前端技术-上：01
  • vue 路由页面缓存 _豌豆颠_ vuevue-routervue
    VUE框架真的很神奇，神奇到好多坑你都要填这次说说VUE里缓存页面的问题现在前端做APP的话，估计很少人会直接去用VUEcli来写，因为那样特别麻烦，你得配置很多东西。填很多坑！现在如果要求前端H5来做个APP，估计大家很多都会选择uniapp，MUI等这些主流框架，一套代码适配多端，很方便。接下来就说说，vuecli做APP遇到的问题，页面缓存因为总会要做到A-B，B选择完或者处理完业务返回到A
  • 【前端开发学习笔记01】黑马-Web前端入门 ~旭日骄阳~ 前端csshtml
    黑马前端H5+CSS基础笔记整理（自用）一、HTML初识（一）基础认知1.基础概念铺垫（1）认识网页组成部分-文字、图片、音频、视频、超链接本质-代码转换-浏览器（解析+渲染）（2）浏览器网页显示、运行的平台（必备）五大：IE、火狐Firefox、谷歌Chrome、Safari、欧朋渲染引擎（浏览器内核）不同，解析代码时的速度、性能、效果也不同（3）Web标准使不同的浏览器展示效果统一结构-HTM
  • 前端H5+CSS3流光效果 foncen h5csshtmlcss3html5
    每次看到颜色渐变总是不由自主的想到流光,刚开始是考虑通过父子元素遮挡的想法实现,发现过于复杂,放弃选择博客之后豁然开朗.准备材料一张图片作为标题图标,没有其他了开始,创建stream.html文件处理小图标流光主题内容调整样式html{margin:0;padding
  • 如何使用nginx的alias方式发布多个前端项目 生死看淡，不服就干 uni-appnginxuni-app
    最近使用uni-app写了一个前端H5的小程序，然后准备发布到服务器上，这时候就想到了之前用nginx发布过一个，但是，由于本人比较懒不想再装一个nginx，于是就想能不能用一个nginx发布多个项目，一查还真可以，研究了一下发现有好几种方法，就选了最简单的一种，alias的方式，现在贴上配置信息：要在你的nginx目录下，新建一个test目录，把前端项目资源包放进去，访问时只需要在你的请求地址后
  • uni-app前端H5页面底部内容被tabbar遮挡 ToOTOooo uni-app前端
    问题：在用uniapp写小程序的时候，底部有一部分内容没显示出来，被底部的tabbar遮挡住了解决：给最外部的view设置样式padding-bottom:var(--window-bottom)，如下参考：参考1参考2使用uni-app框架开发的一个项目，发现H5端页面底部的内容被导航栏（Tabbar）遮挡，小程序端可以正常显示。查阅资料得知，uni-app新增了2个CSS变量：--window
  • 前端H5用Canvas画布做类似银行签名的操作 桃花妖殿下 前端前端javascript开发语言
    签名页面清除签名保存签名//获取Canvas元素constcanvas=document.getElementById("signatureCanvas");constctx=canvas.getContext("2d");//设置绘制参数ctx.strokeStyle="#000";//线条颜色ctx.lineWidth=2;//线条宽度//标记签名是否开始letdrawing=false;//
  • 前端下载文件/导出文件 醉逍遥neo 实现前端javascript下载导出progress
    前端h5开发过程中会经常遇到下载文件或导出文件的需求，有时候接口响应慢或者出于优化交互的目的需要前端自定义处理文件下载。下面由浅入深分享一些常用的处理方法。一、window.location.href这也是最简单的解决方式，window.location.href=urlurl即文件或接口的地址如需要额外参数，通过url后问号拼接参数，后端get请求方式接收。缺陷：直接访问可能会覆盖当前页面地址，
  • java 移动后端开发_java,Java 后台，后端开发，移动开发，全栈开发，前端开发 咯咯哦咯喔 java移动后端开发
    最近的计划是业余时间学习Java后台方面的知识，发现学习的过程中，要学的东西真多啊，让我一下子感觉很遥远。但是还好我制定了计划，自己选择的路，跪着也要走完！关于计划是《终于，我还是下决心学Java后台了》。关于第一阶段，我这边分享一下自己的总结和笔记~第一的阶段主要是Web前端的界面，因为自己有前端h5和js的基础，再加上之前开发过小程序，这次学习起来也是如鱼得水。HTML+CSS:HTML进阶、
  • java直译语言_坚持：学习Java后台的第一阶段，我学习了那些知识 康石石 java直译语言
    最近的计划是业余时间学习Java后台方面的知识，发现学习的过程中，要学的东西真多啊，让我一下子感觉很遥远。但是还好我制定了计划，自己选择的路，跪着也要走完！关于计划是《终于，我还是下决心学Java后台了》。关于第一阶段，我这边分享一下自己的总结和笔记~第一的阶段主要是Web前端的界面，因为自己有前端h5和js的基础，再加上之前开发过小程序，这次学习起来也是如鱼得水。HTML+CSS:HTML进阶、
  • 前后端分离-跨域-会话机制-cookie-csrf 冲鸭0202 webjsnode.jsjqueryvue.jshtmlhtml5
    1、首先用一张图引出此次学习的起因及过程2、具体探索过程1、使用的前后端语言：前端H5(http://web.local.com)，后端node.js（http://localhost:8080,验证码插件一般bmp24/svg）2、一般后端接口处理跨域主要加Access-Control-Allow-Origin:'options'app.use("*",function(req,res,next
  • Python读视频流发送给前端H5呈现-websocket实现方法 老炉传说 随笔心得h5pythonwebsockethtml5node.js
    今天一个同事用Python做了一个关于机器视觉的处理，他希望处理的视频结果能够在H5页面上实时呈现出来，方便客户通过浏览器查看。折腾了一天终于搞定，现总结方法如下：需求Python读视频流进行处理，处理结果呈现在H5网页上，要求延时不能大于0.5秒。分析Python处理每一帧的图片，处理好以后发送到前端呈现，所以前端最好使用canvas或img标签呈现图片，通过实时更改canvas或img的图片可
  • 学习node.js & WS&服务器设置SFTP 苏坡爱豆的笑容都没你的甜 学习node.js
    Python读视频流发送给前端H5呈现-websocket实现方法_h5websocketpython-CSDN博客Node.js实现WebSocket聊天室的例子|老卫（柳伟卫）的博客-关注编程、系统架构、性能优化|waylau.comwebsocket教程WebSockets-Events&Actions(tutorialspoint.com)安装node.js流程Node.js安装与配置（详
  • 安卓端App页面狂刷问题记录 杨武博 android
    一、场景App基于webview混合开发，业务主要为前端h5实现，其中有一个功能为消息中心，当从通知栏点击消息跳转到指定页面时，前端会不停地刷新页面，一遍又一遍地重复同一批请求。二、问题分析1、刚开始怀疑是否前端里面调用了reload或者框架提供的刷新接口，在反复刷新页面，通过沟通排查确认没有。并且自己将框架里面所有的刷新接口都注释掉，情况依然出现，所以此原因排除。2、当正常打开App从对应菜单进
  • H5移动端调用摄像头拍照、压缩上传图片 固执的坚持己见
    这周产品提出了新的需求，要求前端H5页面调起移动设备摄像头，并实现拍照功能。完成之后来记录一下开发经历，希望对之后遇到同样问题开发者有所帮助！首先H5要调起设备摄像头需要使用input标签，借助标签的capture属性来完成调起操作。上代码：照相机图片多选调起前置摄像头拍照完成之后，需要读取文件，这就需要使用FileReader对象来完成相应操作。上代码：//创建FileReader对象varre
  • 前端H5项目部署到OSS-利用jenkins实现自动发布【生产环境实战】 不知名运维: 阿里云使用分享Jenkinsjenkins前端运维
    前端H5项目发布到OSS文章目录前端H5项目发布到OSS背景一、创建Bucket二、为Bucket绑定自定义域名1、购买的域名和oss在同一个阿里云账号下(大多数)2、购买的域名和oss不在同一个阿里云账号下三、设置使用自由域名访问html文件四、将index.html设置为默认页（优化访问时的URl）五、使用Jenkins实现自动化发布前端项目1、登录到jenkins机器上部署ossutil64
  • angular 移动端项目跟原生安卓和iOS交互，互调方法 my木子
    1、前端H5调用安卓和iOS的方法showRecoeding(item:any){this.activeId=item;letu=navigator.userAgentletisAndroid=u.indexOf('Android')>-1||u.indexOf('Linux')>-1;//判断是安卓手机letisIOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/)
  • 微信公众开发 前端H5分享盆友圈流程 HelloWorld_29a2
    现在微信公众号H5页面开发经常会开放些分享给朋友、分享到朋友圈还有微信支付等功能。今天我们来用微信提供的JSSDK来开发这些功能。1.第一步就是到公众号里面绑定安全域名登录微信公众号平台，进入公众号设置看到填写自己J安全接口域名，然后点击保存。微信这平台对于外部域名是有自己的审核的，所以很多这种外部域名都会要提交审核。这一步是为了开发分享功能，成功的重要一步。（这里的接口域名记不要用http协议头
  • 前端H5面试题（vue为主） 神的少女光芒万丈 笔记vuejshtml
    一.src和href的区别？src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。常用场景：href标识超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系常用场景：>rel="stylesheet"href="header.css">src用于替换当前元素，href用于在当前文档和引用资源之
  • ios运行js文件，执行方法获取数据 朱莉^_^JuneLee iosios
    一、解决问题目前我们的app大多都是与前端h5页面混合开发，有些数据类似但却要app端和h5端各维护一套代码，不便于管理，代码逻辑也可能存在差异二、新技术概述JavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境iOS7后苹果在iPhone平台推出，极大的方便了我们对js的操作。我们可以脱离webview直接运行我们的js。iOS7以前我们对JS的操作只有
  • Android 读取本地Xml文件，并转换成String 南窗云
    问题不是解析本地xml文件，而是要将xml文件中的所有内容（包含格式，标签等），直接转换成String。与前端H5页面交互时，iOS在请求远程xml文件耗时太长（有时需要4~5s），所以采用本地下载，然后传给前端的方式。前端在加载时，需要内容格式保持不变，所以需要将xml文件内容转换成String解决其实就是本地读取文件流，存储成String，传给前端就解决了。和解析xml无关。/***xml转换
  • 【H5移动端】前端H5移动端的单位适配方案集，包括给你用例子讲明白什么是1像素的问题（不定期补充~） 庞囧 H5移动端前端csscss3
    文章目录前置概念视口概念关于像素必要工作：设置理想视口（必须的）方案集@media修改动态rem（不推荐）第三方手淘flexible（不推荐）JS控制rem（不推荐）postcss-px-to-viewport使用自动转换vh/vw（非常推荐）关于加入这个库的时机问题内联样式不生效一像素问题解释解决方法-很抱歉前置概念先让我们来搞清楚几个概念，就不长篇大论了，简单直接的说明白视口概念视觉视口（vi
  • 【H5移动端】常用的移动端方案合集-键盘呼起、全面屏适配、图片大小显示、300ms点击延迟、首屏优化（不定期补充~） 庞囧 H5移动端计算机外设前端javascriptvue.jsreact.js
    文章目录前言键盘呼起问题靠近底部的输入项被键盘遮挡底部按钮被顶上去全面屏适配图片大小显示问题解决300ms延迟首屏优化前言这篇文章总结了我在工作中做H5遇到的一些问题，包括我是怎么解决的。可能不是当下的最优解，但是能保证解决问题。单位适配问题可看：【H5移动端】前端H5移动端的单位适配方案集，包括给你用例子讲明白什么是1像素的问题（不定期补充~）本文章未来也会不定期的补充~键盘呼起问题靠近底部的输
  • 前端h5通过js来判断手机系统是Android/iOS leesession
    一段代码简单AndroisIos(){letu=navigator.userAgent;letisAndroid=u.indexOf('Android')>-1||u.indexOf('Linux')>-1;//gletisIOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);//ios终端if(isAndroid){returntrue;}elseif(isIOS
  • c++高性能264/265实时流媒体服务器/h5客户端整体解决方案源码 夏虫…… c++开发语言流媒体前端无插件播放前端播放265
    文章目录c++高性能264/265实时流媒体服务器/h5客户端整体解决方案源码缘由目前的前端技术栈，已经能够支撑常规的安防桌面客户端软件开发我的方案一套c++后端,两套前端H5UI方案一：多屏h265/h264混合显示H5UI方案二：H5监控大屏,提供视图切换功能优点总结c++高性能264/265实时流媒体服务器/h5客户端整体解决方案源码缘由长期以来chrome一直致力于推广自己的vp9解码，而
  • jQuery 键盘事件keydown ,keypress ,keyup介绍 107x jsjquerykeydownkeypresskeyup
    本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍，有需要了解的朋友可参考。 一、首先需要知道的是： 1、keydown() keydown事件会在键盘按下时触发. 2、keyup()  代码如下 复制代码 $('input').keyup(funciton(){      
  • AngularJS中的Promise bijian1013 JavaScriptAngularJSPromise
    一.Promise         Promise是一个接口，它用来处理的对象具有这样的特点：在未来某一时刻（主要是异步调用）会从服务端返回或者被填充属性。其核心是，promise是一个带有then()函数的对象。         为了展示它的优点，下面来看一个例子，其中需要获取用户当前的配置文件： var cu
  • c++ 用数组实现栈类 CrazyMizzz 数据结构C++
    #include<iostream> #include<cassert> using namespace std; template<class T, int SIZE = 50> class Stack{ private: T list[SIZE];//数组存放栈的元素 int top;//栈顶位置 public: Stack(
  • java和c语言的雷同 麦田的设计者 java递归scaner
    软件启动时的初始化代码，加载用户信息2015年5月27号 从头学java二 1、语言的三种基本结构：顺序、选择、循环。废话不多说，需要指出一下几点：      a、return语句的功能除了作为函数返回值以外，还起到结束本函数的功能，return后的语句 不会再继续执行。      b、for循环相比于whi
  • LINUX环境并发服务器的三种实现模型 被触发 linux
    服务器设计技术有很多，按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。 1  循环服务器与并发服务器模型 在网络程序里面，一般来说都是许多客户对应一个服务器，为了处理客户的请求，对服务端的程序就提出了特殊的要求。 目前最常用的服务器模型有： ·循环服务器：服务器在同一时刻只能响应一个客户端的请求 ·并发服务器：服
  • Oracle数据库查询指令 肆无忌惮_ oracle数据库
    20140920   单表查询 -- 查询************************************************************************************************************ -- 使用scott用户登录   -- 查看emp表   desc emp  
  • ext右下角浮动窗口 知了ing JavaScriptext
    第一种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/
  • 浅谈REDIS数据库的键值设计 矮蛋蛋 redis
    http://www.cnblogs.com/aidandan/ 原文地址：http://www.hoterran.info/redis_kv_design 丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样，DEV和DBA需要深度沟通，review每行sql语句，也不像memcached那样，不需要DBA的参与。redis的DBA需要熟悉数据结构，并能了解使用场景。
  • maven编译可执行jar包 alleni123 maven
    http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven <build> <plugins> <plugin> <artifactId>maven-asse
  • 人力资源在现代企业中的作用 百合不是茶 HR 企业管理
    //人力资源在在企业中的作用人力资源为什么会存在，人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新，人力资源兴起的原因有以下点： 工业时代的国际化竞争，现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在，人力资源在集团类公司中存在着 明显的优势(鸿海集团)，有一次笔者亲自去体验过红海集团的招聘，只 知道人力资源是管理企业招聘的 当时我被招聘上了，当时给我们培训 的人
  • Linux自启动设置详解 bijian1013 linux
    linux有自己一套完整的启动体系，抓住了linux启动的脉络，linux的启动过程将不再神秘。 阅读之前建议先看一下附图。 本文中假设inittab中设置的init tree为： /etc/rc.d/rc0.d /etc/rc.d/rc1.d /etc/rc.d/rc2.d /etc/rc.d/rc3.d /etc/rc.d/rc4.d /etc/rc.d/rc5.d /etc
  • Spring Aop Schema实现 bijian1013 javaspringAOP
    本例使用的是Spring2.5 1.Aop配置文件spring-aop.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmln
  • 【Gson七】Gson预定义类型适配器 bit1129 gson
    Gson提供了丰富的预定义类型适配器，在对象和JSON串之间进行序列化和反序列化时，指定对象和字符串之间的转换方式，   DateTypeAdapter   public final class DateTypeAdapter extends TypeAdapter<Date> { public static final TypeAdapterFacto
  • 【Spark八十八】Spark Streaming累加器操作（updateStateByKey) bit1129 update
    在实时计算的实际应用中，有时除了需要关心一个时间间隔内的数据，有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。 比如： 对Nginx的access.log实时监控请求404时，有时除了需要统计某个时间间隔内出现的次数，有时还需要统计一整天出现了多少次404，也就是说404监控横跨多个时间间隔。   Spark Streaming的解决方案是累加器，工作原理是，定义
  • linux系统下通过shell脚本快速找到哪个进程在写文件 ronin47
    一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到 这个问题挺有普遍性的，解决方法应该很多，这里我给大家提个比较直观的方法。 linux下每个文件都会在某个块设备上存放，当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。 幸运的是systemtap的安装包里带了inodewatch.stp，位
  • java-两种方法求第一个最长的可重复子串 bylijinnan java算法
    import java.util.Arrays; import java.util.Collections; import java.util.List; public class MaxPrefix { public static void main(String[] args) { String str="abbdabcdabcx";
  • Netty源码学习-ServerBootstrap启动及事件处理过程 bylijinnan javanetty
    Netty是采用了Reactor模式的多线程版本，建议先看下面这篇文章了解一下Reactor模式： http://bylijinnan.iteye.com/blog/1992325 Netty的启动及事件处理的流程，基本上是按照上面这篇文章来走的 文章里面提到的操作，每一步都能在Netty里面找到对应的代码 其中Reactor里面的Acceptor就对应Netty的ServerBo
  • servelt filter listener 的生命周期 cngolon filterlistenerservelt生命周期
    1. servlet    当第一次请求一个servlet资源时，servlet容器创建这个servlet实例，并调用他的 init(ServletConfig config)做一些初始化的工作，然后调用它的service方法处理请求。当第二次请求这个servlet资源时，servlet容器就不在创建实例，而是直接调用它的service方法处理请求，也就是说
  • jmpopups获取input元素值 ctrain JavaScript
    jmpopups 获取弹出层form表单 首先，我有一个div，里面包含了一个表单，默认是隐藏的，使用jmpopups时，会弹出这个隐藏的div，其实jmpopups是将我们的代码生成一份拷贝。 当我直接获取这个form表单中的文本框时，使用方法：$('#form input[name=test1]').val()；这样是获取不到的。 我们必须到jmpopups生成的代码中去查找这个值，$(
  • vi查找替换命令详解 daizj linux正则表达式替换查找vim
    一、查找 查找命令 /pattern<Enter> ：向下查找pattern匹配字符串 ?pattern<Enter>：向上查找pattern匹配字符串 使用了查找命令之后，使用如下两个键快速查找： n：按照同一方向继续查找 N：按照反方向查找 字符串匹配 pattern是需要匹配的字符串，例如： 1:  /abc<En
  • 对网站中的js,css文件进行打包 dcj3sjt126com PHP打包
    一，为什么要用smarty进行打包 apache中也有给js,css这样的静态文件进行打包压缩的模块，但是本文所说的不是以这种方式进行的打包，而是和smarty结合的方式来把网站中的js,css文件进行打包。 为什么要进行打包呢，主要目的是为了合理的管理自己的代码 。现在有好多网站，你查看一下网站的源码的话，你会发现网站的头部有大量的JS文件和CSS文件，网站的尾部也有可能有大量的J
  • php Yii: 出现undefined offset 或者 undefined index解决方案 dcj3sjt126com undefined
    在开发Yii 时，在程序中定义了如下方式：        if($this->menuoption[2] === 'test')，那么在运行程序时会报：undefined offset:2，这样的错误主要是由于php.ini 里的错误等级太高了，在windows下错误等级
  • linux 文件格式（1） sed工具 eksliang linuxlinux sed工具sed工具linux sed详解
    转载请出自出处： http://eksliang.iteye.com/blog/2106082 简介       sed 是一种在线编辑器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”（pattern space），接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾
  • Android应用程序获取系统权限 gqdy365 android
    引用 如何使Android应用程序获取系统权限         第一个方法简单点，不过需要在Android系统源码的环境下用make来编译：         1. 在应用程序的AndroidManifest.xml中的manifest节点
  • HoverTree开发日志之验证码 hvt .netC#asp.nethovertreewebform
    HoverTree是一个ASP.NET的开源CMS，目前包含文章系统，图库和留言板功能。代码完全开放，文章内容页生成了静态的HTM页面，留言板提供留言审核功能，文章可以发布HTML源代码，图片上传同时生成高品质缩略图。推出之后得到许多网友的支持，再此表示感谢！留言板不断收到许多有益留言，但同时也有不少广告，因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找，如果不是很多，就是特别多
  • JSON API：用 JSON 构建 API 的标准指南中文版 justjavac json
    译文地址：https://github.com/justjavac/json-api-zh_CN 如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式， 那么 JSON API 就是你的 anti-bikeshedding 武器。 通过遵循共同的约定，可以提高开发效率，利用更普遍的工具，可以是你更加专注于开发重点：你的程序。 基于 JSON API 的客户端还能够充分利用缓存，
  • 数据结构随记_2 lx.asymmetric 数据结构笔记
    第三章 栈与队列 一．简答题 1. 在一个循环队列中，队首指针指向队首元素的  前一个    位置。  2.在具有n个单元的循环队列中，队满时共有  n-1  个元素。  3. 向栈中压入元素的操作是先  移动栈顶指针&n
  • Linux下的监控工具dstat 网络接口 linux
    1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
  • C 语言初级入门--二维数组和指针 1140566087 二维数组c/c++指针
    /* 二维数组的定义和二维数组元素的引用 二维数组的定义： 当数组中的每个元素带有两个下标时，称这样的数组为二维数组； (逻辑上把数组看成一个具有行和列的表格或一个矩阵); 语法： 类型名 数组名[常量表达式1][常量表达式2] 二维数组的引用： 引用二维数组元素时必须带有两个下标，引用形式如下： 例如： int a[3][4];  引用：
  • 10点睛Spring4.1-Application Event wiselyman application
    10.1 Application Event Spring使用Application Event给bean之间的消息通讯提供了手段 应按照如下部分实现bean之间的消息通讯 继承ApplicationEvent类实现自己的事件 实现继承ApplicationListener接口实现监听事件 使用ApplicationContext发布消息
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他