http://developer.yahoo.com/yui/dragdrop/  Drag and Drop API Document: http://yui.github.io/yui2/docs/yui_2.9.0_full/docs/module_dragdrop.html  The following configuration properties are currently supported via the contructor ...

原文出自：https://blog.csdn.net/forth_tiger/article/details/539497  现在越来越多的企业涉足软件外包领域，如何对一个软件外包项目进行报价，是每一个企业面临的问题。我结合自己在这个部分的长期工作实践，谈谈软件外包项目的报价过程。 1） 确定单价       开展外包项目，首先就需要结合企业的情况以及目标市场外包行业的价格情况确定本企业的外包人力资源报价。形成一 ...

Bcrypt password在线生成器：https://www.browserling.com/tools/bcrypt ...

如何生成AWR report？ Connect to Oracle DB as sysdba or "/":   set ORACLE_SID= yoursid; sqlplus sys/pwd as sysdba alter system flush shared_pool; alter system flush buffer_cache; Run the following command,来创建一个snapshot,并记 ...

win7(64bit) 下使用Excel2007(32bit) 连接 Oracle数据库遇到了兼容性问题。 在用EXCEL来连接数据库中的数据时，建立连接和建立查询时都出现了问题。之前可以，只是今年重装了系统，就有问题了。错误大体上有两个现象： 1，找不到Oracle ODBC Driver 2. 出现ODBC驱动程序不匹配的问题。 、 关键问题还是出现在了对64位windows的ODBC理解的不足。 1. 关于ORACLE ODBC Driv ...

Form 组件允许你验证用户的输入是否符合规范，来帮助你找到和纠正错误。 Form 组件提供了表单验证的功能，只需为 rules 属性传入约定的验证规则，并将 form-Item 的 prop 属性设置为需要验证的特殊键值即可。 更多高级用法可参考 async-validator。   参考文档： GitHub - yiminghe/async-validator: valid ...

3.       ...

The Oracle Fusion Middleware Family   (See supported system configurations for all Oracle Fusion Middleware products) Cloud Application Foundation  Coherence Data Grid  Tuxedo &n ...

设计responsive页面时的注意点： 使用media query增加breakpoint来实现responsive. 永远以mobile设计优先。 设计组件时经常长宽使用百分比。 如果需要设置一些长宽固定数值时，使用em作为单位是个不错的选择。然后针对字体大小设置对应的em大小。以字体作为参照物。 参考文档： https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries ...

Inline-block是否可以代替float? inline-block是display的属性值，float是属性表示浮动。所以本身是有区别的，但是在某些场景下inline-block来编排layout有更好的编写效率。而不需要如float一样去clear浮动。 在排列一系列相同功能块展示(display)布局时以前常用float这些功能块来实现自动排列展示,最后在clear浮动来确保父块的高度。使用float一般都能工作，不过不得不承认，它们用起来有时候没那么简单。不过现在用in ...

Lea Verou著CSS魔法译的<<CSS揭秘>>是一部不错的CSS技巧书籍。本文简单摘录一些示例和技巧。 背景和边框 1. 半透明边框 (http://play.csssecrets.io/translucent-borders) border: 10px solid hsla(0,0%,100%,.5); background:white; background-clip:padding-box; 2.多重边框 (http://pla ...

现需要设计这样一个component组件,要求该组件有4部分组成： 1. 背景视频 2.一层蒙板 3.顶层文字描述 html结构如下 <div class="container"> <video class="backgroundVideo" muted autoplay loop> <source src="/imgs/BeachRockVideo.mp4" ...

参考文档：http://www.cnblogs.com/dolphinX/p/4087817.html CSS3的动画：http://www.w3school.com.cn/css3/css3_animation.asp .cssstyle{ animation: animation-name animation-duration animation-iteration-count; -webkit-animation: animation-name animat ...

方法1： <input type=text style="border-style:none"> 方法2： 给input设置border:none;但在iE6下不行，还有边。应该将 border:none; 换成border:0; 这是ie6 的兼容性问题 或者<input type="text" name="sample" border="0"/> 方法3： ...

我们对css的box model的概念理解起来很直观很“容易”，但总是在实际使用时会遇到这样那样莫名其妙的问题，常见的就是为什么最终不是我们定义设置的宽度和高度，最终导致我的div为什么看不见了或者我的排版为什么都乱掉了？ 1.如果一个div不设置width（即width的值为默认值auto）而设置padding时，div会内缩。 2.如果一个div设置了width和padding就会使得width增大。 对于一个不常使用css和html的我，写到UI时就常 ...

CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。 简单的说，CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然， ...

如何让图片垂直居中？这是一个常见的需求。网上看了一圈，收录一下最佳实践。来自百度知道。 原理是利用vertical-align来实现垂直，绝对行高的是由行内最高的元素的值。 HTML代码： <div><span></span><img src="1.jpg" alt="test image"/></div> HTML中空元素<span></span&g ...

当设置一个绝对高度不是我们的期望时，我们会通过百分比设置一个相对高度。但为什么有时设置height为100%时，元素却不能撑满整个浏览器窗口的高度，为什么没有效果呢？ W3C的规范:百分比的高度在设定时需要根据这个元素的父元素容器的高度。那么如果你把一个div的高度设定为height:50%; 它的父元素的高度为1000px，这个div的高度就是500px。 那如果它的父元素也是百分比定义的，或者没有定义，那具体的高度是怎么算的？那就要一直向上找，直到找到一个绝对高度用来计算。如果找 ...

web app在处理西方文字的时候总会遇到这样一个问题，那就是单词的换行问题。 如何不让长单词溢出？ 如何在不让长单词溢出的同时，更好的利用换行引起的空间？ 这就是word-wrap和word-break的出现原因。 来看图找不同吧： 分解动作： 1) 浏览器默认行为： 当word不能被当前行容纳时，该单词会另起一行。所以原先行会有多余空间空出。而如果这个word又是很长很长以至于不能被一行容纳，则会溢出。 2）在上面这种特别长的单词时， ...

http://fontawesome.io/ ...