wyr_xiaowu
wyr_xiaowu

纯html+css三级菜单

效果图如下：

纯html+css三级菜单_第1张图片第一种方法：ul li

  


#nav {line-height: 72px;  list-style-type: none;color:#ffffff}

#nav a {display: block; width: 150px; text-align:center; height:72px;color:#ffffff}

#nav a:link  { text-decoration:none;}
#nav a:visited  {text-decoration:none;}
#nav a:hover  {text-decoration:none;font-weight:bold;}

#nav li {float: left; width: 150px; color:#ffffff}
#nav li a:hover{ background:#224ea8;}

#nav li ul ,#nav li ul li ul{line-height: 40px;  list-style-type: none;text-align:left;left: -999em; width: 180px; position: absolute;z-index: 999;}
#nav li ul li,#nav li ul li ul li{float: left; width: 150px;background:#003366;}


#nav li ul a,#nav li ul li ul a{display: block; width: 150px;text-align:left;padding-left:24px; overflow:hidden;height:40px;}


#nav li ul a:link,  #nav li ul li ul a:link{ text-decoration:none;}
#nav li ul a:visited,#nav li ul li ul a:visited  {text-decoration:none;}
#nav li ul a:hover,#nav li ul li ul a:hover  {text-decoration:none;font-weight:normal;background:#224ea8;}


#nav li:hover ul {left: auto;}
#nav li ul li:hover ul{left:150px;margin-top:-40px;}

第二种方法：display的方法



  a {
    color: #fff;
    text-decoration: none;
    outline: none;
}
ol,
ul,
li {
    list-style: none;
}
.head-nav {
    height: 72px;
    z-index:999;
}
.head-nav-con {
    height: 72px;
    margin: auto;
}
.head-nav-con ul li {
    width: 140px;
    float: left;
    font-size: 20px;
    text-align: center;
}
.head-nav-con ul li:hover {
    background: #224ea8;
}
.head-nav-con ul a {
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 72px;
    color: white;
}
.head-nav-con .drop-down {
    position: relative;
}
.head-nav-con .drop-down-content {
    padding: 0;
    display: none;
    position: absolute;
    z-index: 999;
    background: #003366;
}
.head-nav-con .drop-down-content li:hover > a {
    background-color: #224ea8;
}
.head-nav-con .drop-down:hover .drop-down-content {
    display: block;
}
.head-nav-con .drop-down-2 {
    position: relative;
}
.head-nav-con .drop-down-content-2 {
    padding: 0;
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #003366;
    right: -140px;
    top: 0;
}
.head-nav-con .drop-down-content-2 > li {
    float: none;
    background-color: #003366;
}
.head-nav-con .drop-down-content-2 li:hover a {
    background-color: #224ea8;
}
.head-nav-con .drop-down-2:hover .drop-down-content-2 {
    display: block;
}

 

你可能感兴趣的:(angular4,前端问题)

  • 如何区分Bug是前端问题还是后端问题？ 海姐软件测试 缺陷管理bug前端
    在软件测试中，精准定位Bug的归属（前端or后端）是高效协作的关键。以下是系统化的排查方法，结合技术细节和实战技巧：1.核心判断逻辑「数据vs展示」二分法：后端问题：数据本身错误（API返回错误数据/逻辑错误/数据库问题）前端问题：数据正确但展示异常（UI渲染错误/交互逻辑问题）2.四步定位法第一步：抓包分析（必做）工具：ChromeDevTools>Network/Fiddler/Charles
  • 前端 常见HTTP状态码 织_网 http微信
    1、200请求资源成功-->接口调用成功2、500(internalserverError)服务端/网络错误服务端错误或者网络状态不太好前端是没有办法解决的需要找后端解决3、404客户端错误-->接口错误;没有请求到资源前端问题有可能是没有这个接口或者接口错误-->查看url是否正确-->请求地址不对参数错误查看data是否正确使用Postman进行接口测试–VScode可以使用Postcode进
  • 前端框架有哪些？以及每种框架的详细介绍 cesske 前端框架
    目录前言1.React2.Vue.js3.Angular4.Bootstrap5.Foundation总结前言前端框架是Web开发中不可或缺的工具，它们为开发者提供了丰富的工具和抽象，使得构建复杂的Web应用变得更加容易。当前，前端框架种类繁多，其中一些最受欢迎的框架包括React、Vue.js、Angular、Bootstrap和Foundation等。以下是对这些框架的简要介绍：提示：以下是本
  • 前端框架的演变与选择 宣晨光 其他前端框架
    目录前端框架的演变与选择1.什么是前端框架？2.前端框架的演变2.1早期的Web开发2.2JavaScript库的兴起2.3MVC架构的引入3.现代前端框架概览3.1React3.2Vue.js3.3Angular4.其他值得关注的前端框架4.1Svelte4.2Ember.js5.如何选择合适的前端框架？6.结论前端框架的演变与选择随着互联网的快速发展，前端开发技术日新月异，前端框架的出现极大地
  • 如何向他人请教一个前端问题 刘叶青
    参考文章:http://www.dianbo.org/9238/stone/tiwendezhihui.htm问别人代码前，先把代码放到http://js.jirengu.com/?js,output，然后写完以后把链接给别人,不要给别人截图一段代码或者复制粘贴
  • Cache-Control浏览器缓存 时光之里 浏览器javascriptCache-Control缓存控制缓存校验Expiresetag
    描述同一个标签页，打开A站点，访问config接口，正常；打开B站点，访问config接口，正常；通过浏览器后退返回A站点，访问config接口，数据异常，config返回了B站点的数据。测试站点数据https://a.aaa.comhttps://b.bbb.com分析判断是否是前端问题通过观察，后退时仍然向服务器发送了请求，调用了config接口，可以排除判断是不是前端本地存储未更新通过观察，
  • 从Angular4升级到Angular6 西麦smile
    接手了一个Angular4的旧项目，第一时间就升级到最新的Angular6版本，因此记录一下彩到的一些坑Angular4到Angular5Angular升级指南在升级指南中选择需要升级的版本和升级到的版本，就可以根据指南来对项目进行升级，因为本来的Angular项目版本是4.4.6，因此升级后运行也没有报错。npminstall@angular/{animations,common,compile
  • 超全前端面试（全！全！全！！！） 蔡宝儿
    笔者通过平时面试总结以及面试别人常提的问题，结合自己认为非常重要的前端各技术栈的知识点，总结了这篇中高级前端面试。让需要的小伙伴所阅读，让不在大厂的小伙伴提前了解大厂前端面试官常问的各种常见前端问题。首先拿出我珍藏很久的前端面试题:web前端开发工程师（vue）|智一面初级web前端|智一面Html51、HTML5新特性有哪些？添加了video，radio标签添加了canvas画布和svg,渲染矢
  • angular4 编译时内存溢出 虫虫教父 AngularAngular内存溢出
    ngbuild--prod[5019:0x103001c00]975889ms:Mark-sweep1444.8(1570.7)->1444.8(1567.7)MB,1096.2/0.0ms(+0.0msin0stepssincestartofmarking,biggeststep0.0ms,walltimesincestartofmarking1250ms)lastresort[5019:0x1
  • 在雷电模拟器中安装apk包使用charles抓包详细教程 weixin_41812355 Androidandroid
    背景由于手头没有多余的平板，所以用模拟器来安装应用进行测试，有时候想要知道是前端问题还是后端问题，需要安装charles来进行抓包；最终效果模拟器上浏览应用，能抓到应用数据；具体步骤模拟器开启root权限windows安装charles应用可以百度，网上有很多，这里就不再赘述；安装完成后，导出证书；点击Charles->Help->SSLProxying->SaveCharlesRootCerti
  • 测试——Bug+用例篇 玫瑰永不凋零呀 bugjava
    1、如何创建Bug创建Bug的要素：问题出现的版本：edge版本120.0.2210.144(正式版本)(64位)问题出现的环境：Windows家庭版10出现的步骤：1、打开edge浏览器，输入网址，2、等待页面渲染完成，发现与预期不符预期结果：二维码与登录界面不会遮挡，都会显示出来实际结果：二维码被遮挡住Bug归属：前端问题Bug等级：一般2、Bug的级别Bug存在着在不同的严重级别，不同Bug
  • 开发者要如何跟上快速迭代的技术变化 java成功之路
    总的来说，科技发展的迅速是一件令人兴奋的事情。但如果站在一个技术开发者的角度去看的话，反而是一件心累的事儿，因为想要跟上科技更新的脚步并不是一件容易的事。Javascript就是一个典型的列子。Javascript变得越来越流行，所以大大小小的相关创新一直是层出不穷的，它们相互竞争，最后淘汰掉落后的那个。“你知道Angular1推出了吗？你不知道Angular2已经过时了吗？最近连Angular4
  • angular4 跨域携带cookie的设置 weixin_34037173 javascriptViewUI
    例如post请求在请求options里面设置{"withCredentials":true}；letoptions=newRequestOptions({"withCredentials":true});this.http.post(url,body,options)转载于:https://www.cnblogs.com/geektimi/p/7268338.html
  • angular4动态添加html,Angular 4 指令 weixin_39832829
    Angular4指令目录本系列教程的开发环境及开发语言：基础知识AngularCLI基本使用安装AngularCLI(可选)npminstall-g@angular/cli创建新的项目ngnewPROJECT-NAME启动本地服务器cdPROJECT-NAMEngserveAngular指令简介Angular的指令分为三种：组件(Componentdirective)：用于构建UI组件，继承于Di
  • 前端bug、后端bug，如何辨别？ Joey_GZ
    【问题】前端加载不出页面【排查】1.排查页面接口是否有返回数据F12--Network--XHR排查结果如图：后端有返回数据image.png2.排查前端是否报异常F12--Consol排查结果如图：前端报错，说明是前端问题image.png
  • HTTP基础知识总结 SuperStar77 HTTP学习笔记http网络协议网络
    目录一、什么是HTTP？二、与HTTP有关的协议三、HTTP请求特征四、HTTP组成格式五、HTTP标头1.通用标头2.实体标头3.请求标头4.响应标头六、HTTP状态码分类我们在日常测试过程中，也可以通过浏览器F12简单定位是前端问题还是后端问题，同样的在接口自动化测试过程中，基本都是发送HTTP/HTTPS请求，本文主要是讲解下HTTP基础知识，适合小白。后续会讲解接口自动化测试中Python
  • angular4.x项目中遇到的问题和解决方法 追逐繁星的阿忠
    **1.**Modulenotfound:Error:Can'tresolve'./$$_gendir/app/app.module.ngfactory'ngbuild--prod编译时报上述错误命令更改为ngbuild--env=prod**2.**angular-cli修改域名及端口号找到node_modules/angular-cli/lib/config/schema.jsondefaul
  • angular4 常用指令 叮铃桄榔_f7cb
    2.使用*ngIf隐藏空白的详情3.给所选英雄添加样式[class.selected]="hero===selectedHero"原文链接：https://www.angular.cn/tutorial/toh-pt24.数据绑定ngModel
  • 分布式-解决网站跨域请求问题 Hey 锡瑞 分布式解决网站跨域问题Zuul解决跨域
    一、聊一聊网站跨域1.1、什么食物网站跨域/跨域产生原因什么是网站跨域：跨域产生原因：在当前域名请求网站中，默认不允许通过ajax请求发送其他域名（属于浏览器安全策略问题，不属于前端问题）。如果ajax访问的地址与浏览器访问的域名和端口号都不同的情况下，默认浏览器会有安全策略，直接无法获取到请求结果。注意：跨域问题请求是可以访问的，但只是获取不到结果。疑问1：微服务通讯（RPC通讯）会产生跨域问题
  • 面试中遇到的前端问题 小熊波
    1，阐述一下你对HTML语义化的理解？通过使用恰当语义的HTML标签，可以让页面具有良好的结构与含义 1.增强了HTML代码的可读性，使开发者能够更好地开发网页； 2.增强了HTML代码的互用性，使其他开发者能够更容易地阅读和理解源代码，并更好地进行后续的维护与更新； 3.让页面的内容结构更清晰，便于浏览器和搜索引擎解析； 4.有利于搜索引擎优化（SEO）（搜索引擎的爬虫依赖于“HTML标记”来确
  • Angular4路由守卫异步操作 飞鱼YE
    守卫可以用同步的方式返回一个布尔值。但在很多情况下，守卫无法用同步的方式给出答案。守卫可能会向用户问一个问题、把更改保存到服务器，或者获取新数据，而这些都是异步操作。因此，路由的守卫可以返回一个Observable或Promise，并且路由器会等待这个可观察对象被解析为true或false。canActivate():Promise{returnthis.http.post('url',null)
  • 基于Angular4和Spring Cloud的前后端分离技术 sknfie
    一、概述微服务架构是一种新的软件体系设计形式，提倡将应用系统按照一定的原则将大系统拆分成一系列细小的服务，每个服务只需要专注于一个单一的业务功能即可，并且服务之间可以互相独立运行，采用轻量级API进行通信，来满足业务和用户的需求。微服务的架构实现前后端分离，将表现层组件从业务和数据访问组件中分离出来。图1微服务架构1.前端技术主要采用了Angular4：（1）Angular4实现一套框架，多种平台
  • elementUI 输入框按回车刷新页面分析与解决 齐天qaq 前端分享elementui前端javascript
    今天在测试页面功能的时候，突然发现在输入框内按enter页面被刷新，并且我的vue代码中并没有绑定@keyup.enter.native的操作。于是我决定对这个前端问题进行分析与解决；分析：首先看一下我的前端代码，很简单只有一个el-input输入框。恰恰就是因为只有这一个输入框，导致了回车刷新页面，这是el-form的特性；原因：当el-form表单内只有一个el-input输入框时，在输入框内
  • Angular4首页加载慢优化之路 价值投机168
    别人的文字：https://blog.csdn.net/itest_2016/article/details/80048398
  • 2020-11-29ANR----以及如何定位是前端问题还是后台问题？ 呀呼呼呼
    ANR----以及如何定位是前端问题还是后台问题？1.什么是ANR在Android中，应用程序响应由ActivityManager和WindowManager系统服务进行监视。ANR(ApplicationNotResponding)，则是Android的一种自我保护措施，当主线程出现卡顿时候，Android系统会给用户一个弹出提示，让用户手动选择继续等待还是强制关闭此APP。当Android检测
  • angular4+ng-zerro后台管理系统搭建 落花别有意 流水似无情 angular4-6开发angular4
    电商后台管理系统系统界面搭建搭建一个项目首先需要的环境，之后根据所需要的页面创建组件，再结合一个页面框架快速的搭建一个项目答题页面框架一、开发环境1.安装node.js去官网下载安装包，地址：https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi安装好之后测试是否安装成功node--version2.安装angular-clinpmuninstall-
  • angular4学习笔记二 路由 天黑，请闭眼 前端菜鸟angular路由angularRouterangularnavigateByUrlangularnavigateangularrouterLink
    写在前面路由是Angular应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。本次学习主要列出有关于路由的琐碎的知识点，供自己以后查找同时也方便大家共同学习，共同进步。如有错误，请多批评指正！1、创建路由新建路由，官方网站上推荐创建路由模块，但是你要知道除了AppModule之外，其它模块也一定需要路由，这
  • angular路由笔记_Angular4学习笔记（三）- 路由 weixin_39597318 angular路由笔记
    路由简介路由是Angular应用程序的核心，它加载与所请求路由相关联的组件，以及获取特定路由的相关数据。这允许我们通过控制不同的路由，获取不同的数据，从而渲染不同的页面。相关的类RoutesRoutes其实是一个Route类的数组。而Route的参数如下图所示，一般情况下，path和component是必选的两个参数。比如：path:/a,component:A则说明，当地址为/a时，应该展示组件
  • 产品经理必懂的技术 - 前端技术上 小吕小吕是个铲屎的仙吕
    产品经理为什么要懂一些前端技术？当前端H5工程师说CSS时，你是否知道他在表达什么？当andriod工程师说这个文本要用TextView时，你是否明白TextView是什么？当ios工程师说这个UITableView要自定义时，你作何理解？当产品经理在设计原型时，该如何在设计阶段降低前端开发成本呢？当遇到一个产品bug时，产品经理如何定位到底是前端问题还是后端问题？产品经理必懂的前端技术-上：01
  • Angular4,进度条显示 灰纸黑字
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
  • JS实现自适应宽度的Tag切换 ini JavaScripthtmlWebcsshtml5
    效果体验：http://hovertree.com/texiao/js/3.htm   该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。 HTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"
  • Hbase Rest API : 数据查询 kane_xie RESThbase
    hbase（hadoop）是用java编写的，有些语言（例如python）能够对它提供良好的支持，但也有很多语言使用起来并不是那么方便，比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口，它内嵌了jetty作为servlet容器。   启动命令：./bin/hbase rest s
  • JQuery实现鼠标拖动元素移动位置（源码+注释） 明子健 jqueryjs源码拖动鼠标
    欢迎讨论指正！   print.html代码： <!DOCTYPE html> <html> <head> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <title>发票打印</title> &l
  • Postgresql 连表更新字段语法 update qifeifei PostgreSQL
    下面这段sql本来目的是想更新条件下的数据，可是这段sql却更新了整个表的数据。sql如下： UPDATE tops_visa.visa_order SET op_audit_abort_pass_date = now() FROM tops_visa.visa_order as t1 INNER JOIN tops_visa.visa_visitor as t2 ON t1.
  • 将redis,memcache结合使用的方案? tcrct rediscache
    公司架构上使用了阿里云的服务，由于阿里的kvstore收费相当高，打算自建，自建后就需要自己维护，所以就有了一个想法，针对kvstore(redis)及ocs(memcache)的特点，想自己开发一个cache层，将需要用到list，set，map等redis方法的继续使用redis来完成，将整条记录放在memcache下，即findbyid，save等时就memcache，其它就对应使用redi
  • 开发中遇到的诡异的bug wudixiaotie bug
    今天我们服务器组遇到个问题： 我们的服务是从Kafka里面取出数据，然后把offset存储到ssdb中，每个topic和partition都对应ssdb中不同的key，服务启动之后，每次kafka数据更新我们这边收到消息，然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了，最开始我们是在代码中打印存储的日志，发现没什么问题，后来去查看ssdb的日志，才发现里面每次set的时候都会对同一个key
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他