逛园子，看到个练习题，小试了一把(淘宝ued的两道小题)

闲来无事，逛园子，充充电。发现了一个挺有意思的博文，自己玩了一把。

第一题：使用 HTML+CSS 实现如图布局，border-widht 1px，一个格子大小是 60*60，hover时候边框变为橘红色（兼容IE6+，考虑语义化的结构）

效果图:

　　鼠标移动

简单分析一下： 使用伪类 :hover的时候相对定位 改变z-index，

代码如下：

 1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4   <meta charset="UTF-8">

 5   <title>Document</title>

 6   <style>

 7   *{ padding: 0; margin: 0; }

 8   .hover{ overflow: hidden; margin: 10px; width: 244px; height: 244px; }

 9   .item_hover{ float: left; width: 60px; height: 60px; padding:10px; text-align: center; border: 1px solid #e8e8e8; margin-right: -1px; margin-bottom: -1px; z-index: 1; position: relative; cursor: pointer; }

10   .item_hover:hover{border: 1px solid #f40;z-index: 2;}

11   </style>

12 </head>

13 <body>

14   <div class="hover">

15     <div class='item_hover' href="#">1</div>

16     <div class='item_hover' href="#">2</div>

17     <div class='item_hover' href="#">3</div>

18     <div class='item_hover' href="#">4</div>

19     <div class='item_hover' href="#">5</div>

20     <div class='item_hover' href="#">6</div>

21     <div class='item_hover' href="#">7</div>

22     <div class='item_hover' href="#">8</div>

23     <div class='item_hover' href="#">9</div>

24   </div>

25 </body>

26 </html>

此方法在IE6下无效，原因是伪类：hover在IE6下只支持a标签，其他标签的伪类是不支持的。要想在IE6呈现出效果只需把class='item_hover'的标签<div>替换为<a>即可

代码如下：

 1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4   <meta charset="UTF-8">

 5   <title>Document</title>

 6   <style>

 7   *{ padding: 0; margin: 0; }

 8   .hover{ overflow: hidden; width: 188px; height: 188px; }

 9   a{display: block; float: left; z-index: 1; border: 2px solid #e8e8e8; margin-right: -2px; margin-bottom: -2px; width: 60px; height: 60px;line-height: 60px; text-align: center; position: relative;}

10   a:hover{border: 2px solid #f40;z-index: 2;}

11   </style>

12 </head>

13 <body>

14   <div class="hover">

15     <a class='item_hover' href="#">1</a>

16     <a class='item_hover' href="#">2</a>

17     <a class='item_hover' href="#">3</a>

18     <a class='item_hover' href="#">4</a>

19     <a class='item_hover' href="#">5</a>

20     <a class='item_hover' href="#">6</a>

21     <a class='item_hover' href="#">7</a>

22     <a class='item_hover' href="#">8</a>

23     <a class='item_hover' href="#">9</a>

24   </div>

25 </body>

26 </html>

当border值设置为1px,margin-right:-1px;margin-bottom:-1px;.hover相应的变为{width:184px;height:184px;overflow:hidden;}后产生了一个新的问题，如下图

 

逛园子，看到个练习题，小试了一把(淘宝ued的两道小题)

当width:185px后，就正常了.搞了半天没弄清，这个1px哪来的？求大神解答。

第二题：使用一个标签和纯CSS <a href="#" title="订阅博客">订阅博客</a> 实现如图效果，文字始终保持左边距10px, 下边距5px，改变字体大小（12px-50px）时，边距保持不变，不使用 content:"订阅博客"，兼容现代浏览器

效果图：

逛园子，看到个练习题，小试了一把(淘宝ued的两道小题)

代码如下：

 1 <!DOCTYPE html>

 2 <html lang="en">

 3 <head>

 4   <meta charset="UTF-8">

 5   <title>Document</title>

 6   <style>

 7   a{

 8     text-decoration: none; 

 9   }

10   .mouse{

11     width:500px;

12     height: 100px;

13     text-align: left;

14     padding-left:10px;

15     padding-bottom: 5px;

16     vertical-align: bottom;

17     display: table-cell;

18     border-bottom: 5px solid #f40;

19     background-color: #a0d0e0;

20     color: #000;

21     transition: font-size 4s;

22   }

23   .mouse:hover{

24     background-color: #a0d0e0;

25     font-size: 50px;

26     -webkit-animation: color .3s;

27     -o-animation: color .3s;

28     animation: color .3s;

29   }

30   @keyframes color{

31     50%   {background: green;}

32     100%  {background: #a0d0e0;}

33   }

34   @-webkit-keyframes color{

35     50%   {background: green;}

36     100%  {background: #a0d0e0;}

37   }

38   </style>

39 </head>

40 <body>

41   <a class='mouse' href="#" alt='鼠标过来，我要变身啦'>鼠标过来，我要变身啦</a>

42 </body>

43 </html>

关于css3 animation动画属性，各浏览器兼容问题(来源W3School)：

逛园子，看到个练习题，小试了一把(淘宝ued的两道小题)

到此结束啦。

绿豆刚发芽，正在汲取营养，有错误的地方还请指正。

 

 

 

你可能感兴趣的:(UED)

  • 基于 Webpack5 Module Federation 的业务解耦实践
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
  • 深入浅出 testing-library 前端单元测试单测
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：佳岚Themoreyourtestsresemblethewayyoursoftwareisused,themoreconfidencetheycangiveyou.您的测试越接近软件的使用方式，它们就越能给您带来信心。什么是testing-library?在了解
  • 基于 Webpack5 Module Federation 的业务解耦实践
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：
  • 淘宝技术牛p博客整理 young-hz 花花世界博客技术淘宝
    转自：http://blog.csdn.net/zdp072/article/details/19574793淘宝技术委员会是由淘宝技术部高级技术人员组成的一个组织，共分为Java分会、C/C++分会、算法分会：数据分会：UED分会、测试分会、系统分会七个分会。淘宝技术委员会的愿景是淘宝成为技术人才向往的乐土，高级技术人员的发源地；技术委员会的使命是帮助淘宝建立业界一流的技术团队。同时，技术委员会
  • UED生涯 "且听风云的交互工具 點儿F
    经久不衰的小话题。13年入行至今已有一段光景，一直想做一个阶段性总结，关于辣些.....趟过的坑，阅过的时代，上手的装备，今天，终于要开始做了。冥思了几个工作日，终于还是从当初以及至今都热度不减的交互设计工具谈起。有欢喜，有忧愁。几篇别人家的推荐：一套交互设计工具推荐产品经理工具箱｜原型及交互设计工具（APP端）交互神器！谁是最好用的原型绘制工具？懒得看是一种美德，可以看总结。总结●Axure，快
  • 内推几何建模与图形渲染职位 卢石碧 图形渲染几何学c++qt
    最近（可能也会是长期的）公司在大力招兵买马，急缺几何、图形方面的人才。初级、高级、专家或有致力于图形领域方面开发都欢迎。当然其他方面的也有，包括BIM相关的开发，可直接内推。具体职位列表如下，薪资open可谈，坐标：上海、深圳、武汉三地均可。几何算法工程师图形图像开发工程师C++开发工程师BIM软件架构师BIM产品经理UED设计师测试开发工程师建筑业务专家期待能跟您共事！有认识的周边朋友想要换工作
  • UE、UI、UCD、UED名词解释-2018-11-21 一一休
    名词UE(UserExperience):用户体验UI(UserInterface):用户界面UCD(User-CenteredDesign):以用户为中心的设计UED(User-ExperienceDesign):用户体验设计名词解释什么是UI？UI(UserInterface)即用户界面，也称人机界面。是指用户和某些系统进行交互方法的集合，这些系统不单单指电脑程序，还包括某种特定的机器，设备，
  • 【转】前端切图该保存为什么格式？ aigenglong0649 前端photoshop操作系统ViewUI
    我的废话：对于切图这件事，一直很有疑义，应该是美工来做呢，还是前端人员来做？不管是怎样的理由以及怎样的应该与不应该，现在的状况是，美工和前端都在切图。亲，你切出来的图一般保持为什么格式呢？统一png？统一jpg？看心情？这可不好，下面这篇文章详细分析了不同图片格式的特点，帮助你定位如何恰当的保持图片格式。文章转载自淘宝UED,原文地址：http://ued.taobao.com/blog/2010
  • 路漫ued全日制ui设计班－小班制学习，专业专注 路漫ui设计
    路漫ued全日制5期班正在招生中，欢迎感兴趣的小伙伴们咨询。咨询微信：wwp1999,ＱＱ：1934511812课程名称：全日制ＵI精品班课程周期：3个月招生名额：12-15人招生对象：零基础人员，应届毕业生，转型设计师上课时间：周一至周五10：00-19：00晚上及周六：自习时间其余时间教室仍继续开放教学地址：深圳市南山区西丽同发路6号T6艺术区二楼A20交通直达：乘地铁至留仙洞站B出口，乘公交
  • UI设计和UE设计的差异，五个方向具体分析 未来的嗒嘀嗒 ui
    今天，让我们先全面了解一下UI.UID.UE/UX.UED及其差异。一.基本概念1.UI：UserInterface用户界面指人与机器互动过程中的界面。以汽车为例，方向盘.仪表盘等都属于用户界面。2.UID：UserInterfaceDesign用户页面设计主要是用户使用界面的视觉设计，负责产品或网站的图形.图标.色彩搭配等。，努力打造产品的美感.风格.气质等。3.UE/UX：UserExperi
  • Vue的知识梳理总结及面试可能 毅哥哥1 面试vue.js
    ##Vue的数据驱动原理？数据更新原理？响应式原理？数据通过object.defineProperty进行getset拦截。通知watcher（观察者模式）订阅发布模式，触发组件重新渲染，创建新的虚拟DOM，对比旧的虚拟DOM，通过diff找出不同，以最小代价更新节点。什么是Vue？核心代表人物尤雨溪Vue是饿了么ued团队开发并维护的一个渐进式框架，核心关注视图层vue的核心是一个允许采用简洁的
  • 【vue】jenkins打前端包时报错：第 8 行:cd: dist: 没有那个文件或目录 猫饭_ACE 前端前端vue.jsjenkins
    问题描述jenkins打前端包时报错：第8行dist:没有那个文件或目录Jenkins中“Executeshell”配置的脚本：echo$PATHnode-vnpm-vnpmconfigsetregistryhttp://ued.edtsoft.com/npminstallnpmrunbuild:prodcddistrm-rfxxx_*.tar.gztar-zcvf"xxx_${BUILD_NUM
  • 别人家的UED团队的工作流是怎样的？ 设计芯
    产品经理不是经理职务，但是需要承担经理的工作内容。现在仍然有不少人认为产品经理是一个管理岗，实际来说，它的确是一个普通岗，但是不管何种公司，产品经理又是一个管理协调岗位。他需要上达老板（负责人），下达体验设计、UI设计、视觉设计、前端开发、后端开发各成员。那么，产品经理所处的团队，一般是怎样完成协作的呢?以上两种模式，仅是从团队属性上进行了分类，B端与C端工作流上来说，其实区别性还真的不大，主要区
  • UED2023年上半年总结 武雅姝 UEDUED设计狮笔记ux人工智能产品运营设计规范
    博客/主站工作www首页信息流结构调整、封面默认图设计、图片比例统一博客个人主页信息流结构迭代，增加封面图博客详情，评论增加发红包功能及交互富文本编辑器增加“AI写作助手”博客评论：增加一个“分享到动态”的选择框，默认开启博客评论区优化：博客评论的展示改为一行pc端消息/私信功能优化博客详情页作者访问增加可见状态展示在个人主页增加创作引导博客详情页，悬浮条博客主页新增代码片分享数量icon首页to
  • 深兰科技人工智能创新设计院落户无锡 深兰科技 深兰科技人工智能机器学习大数据
    8月17日，在”创智共融、慧见未来”数字文化产业创新大会暨黄金湾科创园开园仪式上，无锡经济开发区与深兰科技集团举行签约仪式，双方拟在经开区建设深兰科技人工智能创新设计院，带动上下游产业聚集，为无锡智能制造产业发展注入新动力。据悉，此次签约的深兰科技人工智能创新设计院原为深兰科技AI创新设计部，经过多年发展已经组建了商业策划、预研创新、工业设计、UED、结构设计、工程制造、品牌设计等多个职能团队，形
  • echarts水球图-动态波纹百分比数据显示 樂途途 ECharts经验分享echarts前端javascript
    最近帮助朋友根据ued图学习设计了一个echarts水球图，觉得还蛮有意思的，在这记录一下（注意：下方有调试入口）具体效果：废话不多说，在这先给大家看一下是什么样子的效果，会不会是你以后也会用到的：看看，这种带比例的echarts是不是很像个水球，随着比例变动水位不断变化，再看看那一圈圈涟漪（ps：就这些‘涟漪’开始麻烦死了……）进入正题：废话不多说，直接上代码，希望对你有帮助：functionP
  • 涉嫌抄袭！致歉，抖音Semi Design承认参考阿里Ant Design xhmj12 java编程语言python大数据react
    抖音企业级应用UI解决方案SemiDesign近日宣布开源，采用了MIT开源许可协议。根据官网的描述，SemiDesign是现代、全面、灵活的设计系统和UI库，由字节跳动抖音前端与UED团队设计、开发并维护，是一款包含设计语言、React组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的React应用。就在SemiDesign开源不久后，其代码仓库的部分文案被发现包含AntDesign的内
  • 非常好用的组件库【semi.design】 鋜斗 前端前端
    文章目录前言semi.design是什么？怎么使用？设计稿转代码后言前言helloworld欢迎来到前端的新世界当前文章系列专栏：前端系列文章‍博主在前端领域还有很多知识和技术需要掌握，正在不断努力填补技术短板。(如果出现错误，感谢大家指出)感谢大家支持！您的观看就是作者创作的动力semi.design是什么？semi.design官网官网是这样说的：由抖音前端与UED团队维护，易于定制的现代化设
  • vue项目中应用ueditor自定义上传按钮 英雄初本涩
    由于上传地址问题，需要自定义上传按钮，效果如图效果图由于在页里面没有操作dom，所以想到了用vue的自定义事件绑定$emit、$on来把点击事件传递给ueditor。首先是给ueditor添加自定义按钮：1，打开ueditor.all.js,找到btnCmds，大概在27854行，如下图，在数组添加一个自定义的按钮名称，我写的是"love"ueditor.all.js2，给按钮添加事件还是在ued
  • 七大交互设计定律之奥卡姆剃刀原理（Occam’s Razor ） mmmmmmx
    定义奥卡姆剃刀原则的精髓就是“如无必要，勿增实体”，指的是切勿浪费较多东西去做，用较少的东西，同样可以做好的事情。举例来说，在科学领域中，如果多个理论都能解释同一个现象，那么采用假设最少者最可能是正确的。运用于企业管理中就是：流程精简，剃节点；组织扁平，剃部门；战略专注，剃功能。来源它是由出生在英国奥卡姆的威廉提出，以他的出生地命名。应用运用奥卡姆剃刀原理进行网页设计，雅虎UED在其《交互设计原理
  • 隐私政策 51well
    UED课堂尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更有个性化的服务，UED课堂会按照本隐私权政策的规定使用和披露您的个人信息。但UED课堂将以高度的勤勉、审慎义务对待这些信息。除本隐私权政策另有规定外，在未征得您事先许可的情况下，UED课堂不会将这些信息对外披露或向第三方提供。UED课堂会不时更新本隐私权政策。您在同意UED课堂服务使用协议之时，即视为您已经同意本隐私权政策全部
  • 想当一只平庸的毛毛虫，还是想破茧成蝶？ xiongmaomao
    如何从一名平庸的用户体验设计师破茧成蝶成为一名优秀的用户体验师？《破茧成蝶》是一本用户体验设计师成长之路值得一看的书籍，该书的作者为网易技术部UED主管刘津，从事交互设计工作多年，经验较为丰富，对用户体验的相关设计有一套清晰的理念，以下将阐述让我印象深刻的部分知识。设计师在与同行的交流中，经常会听到一股抱怨声，抱怨自己在团队的地位不够，得不到应有的尊重，当有这种情况发生时，设计师应该思考自己在团队
  • UI（user interface）用户界面设计自学笔记 E客说
    UI（userinterface）用户界面，人与机器互动的界面例卫龙：设计苹果风，小广告风，复古风，各种设计风格小米，苹果线上线下风格统一UE/UX/UED（用户体验设计师）要关注用户在访问网站或者使用APP时的全部感受，即是否还想再次使用，是否成功，是否享受，所能容忍的问题，疑惑和bug的程度IXD（交互设计师）UI(用户界面设计师）无论职称是什么，都是针对用户的问题和需求做出合理，好用，用起来
  • UX/UI/产品 招聘信息（7月-正式工作） JohnsonPan
    原创：强森交互设计院今天从年初到现在，互联网人体会到了寒冬期，所以「交互设计院」团队成员在工作之余为大家开设计单独的「互联网招聘」栏目，初期以UX、UI设计为主，后期会增加其他互联网相关工作，希望能够在寒冬帮助互联网er找到心仪的工作。【阿里巴巴】新零售供应链事业部ued团队招交互设计团队介绍：阿里巴巴新零售供应链平台事业部，是支撑阿里巴巴新零售业务体系的供应链产品技术平台的建设者。我们承担着打造
  • UI全书上《UI设计师入门必读的书》读后梳理 Bystander7
    时间：2019-06-29作者：郗鉴出版社：中国工信出版集团电子工业出版社UI设计师的职责是设计供人机交互使用的图形化用户界面，并使界面更加易用和友好。UI设计师完成的图形化界面又称为GUI，具有易用性和友好性的特点。易用性，即界面不需要进行复杂思索即可容易的使用；友好性，即对用户友好，容易被理解。UED（用户体验设计）是以用户体验为中心，以用户需求为目标而进行的设计。过程注重以用户为中心。UCD
  • 《增长黑客》读书笔记（附思维导图） dai0
    增长黑客的三个核心✔数据驱动和提升转化率？✔病毒式营销——人际型触发？将NPS变成即时的、真实有效的口碑营销？✔多样化、跨职能团队和赋能——知行合一？增长黑客带来竞争优势的两个途径✔Scrum式的快速迭代，验证需求，并学习到新的客户知识✔海量客户数据的收集和利用增长负责人＝Scrum主管+产品负责人增长团队＝增长负责人&产品经理&软件工程师&营销专员&数据分析师&产品设计师（UED）增长团队的汇报
  • 最全前端网站学习（含BAT等大公司开源技术等） 国之大殇
    一些前端资料（内含一些大型前端网站、公众号、社区等）百度FEX（FE代表前端，X代表前端不应该仅限于前端，应全面发展）百度EFE（百度ExcellentFE，融合了多个前端团队，网站内容丰富踏实）百度UXC（百度用户体验中心，由原先的移动用户体验部（MUX）、搜索用户体验部（SUX）、糯米设计团队、凤巢设计团队、Hao123设计团队等组合）百度企业产品用户体验中心（部分前端技术知识）阿里巴巴UED
  • 聊聊 QianKun JS 沙箱的那些事 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：空山什么是沙箱沙箱即SandBox，它是一种安全机制，用于严格控制访问资源。通过在程序中创建一个独立的运行环境，把一些来源不可信、具有破坏力或者又是无法判定的恶意程序使其在该环境下运行，隔离了对外部程序的影响，这样即使发生了错误或者安全问题都不会影响到外面。我们根
  • 富文本编辑器Ueditor实战（一） 夜郎king jsjava中间件富文本编辑器ueditorjs
    本文简单介绍Ueditor富文本编辑器的简单部署。在如今越来越丰富的富页面体验中，我们不仅仅满足于简单文本的编辑和展示。而可以由用户自定义的交互式制作模式，将极大的提高页面的交互性和灵活性，满足用户制作需求。世面上开源的富文本编辑器有很多，比如Ueditor、Kingeditor、markdown等等,本文重点将介绍Ueditor的简单部署用，其它产品可以参考其官方介绍。一、相关软件说明1、ued
  • 前端开发中如何高效渲染大数据量 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：琉易liuxianyu.cn  在日常工作中，较少的能遇到一次性往页面中插入大量数据的场景，数栈的离线开发（以下简称离线）产品中，就有类似的场景。本文将分享一个实际场景中的前端开发思路，实现高效的数据渲染，提升页面性能和用户体验。一、场景介绍  在离线的数据开发模
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他