LINJY6-优快云博客

原创 [Application] oh-my-zsh & iterm2

https://github.com/robbyrussell/oh-my-zshhttp://www.jianshu.com/p/7de00c73a2bbhttp://macshuo.com/?p=676

2016-01-20 14:15:14 512

原创 [jQuery] DOM & CSS

1. html(), text(), val()2. Attribute <div class="red" title="redone">red1</div> <div class="green">green1</div> <p class="red" title="redtwo">red2</p> <ul> <li title="1">1</li> <li

2016-01-11 14:24:36 364

原创 [jQuery] Filter selector

(1) 基本过滤 ol> li>1li> li>2li> li>3li> li>4li> li>5li> ol>$(function(){ $("ol li:first").css('color', 'red'); //$("ol li").first().css('color', 'red'); $("ol

2016-01-05 18:14:50 451

原创 [jQuery] Selector

(1) Item name, class, iditem name: div $("div")class: .div $(".div")ID: #div $("#div")eg:$(function(){ $("div").css('color', 'red');});(2) 群组后代通配群组 div,span,em $("div,span,

2016-01-05 17:28:36 651

原创 [jQuery] Introduction

1. $()=jQuery()$()=jQuery()eg: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 或者 <script type="text/javascript" src="http://ajax

2016-01-05 16:40:21 256

原创 [CSS3] Media Query & Responsive Design

(1) Media Query<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" /> @media screen and (max-width: 600px) { 选择器 { 属性：属性值； } }Reference: 媒介查询(2) Responsive Des

2015-12-30 16:50:38 303

原创 [CSS3 Practice] Avatar

<ul> <li> <a href="#"> <i></i><br> <span>YoonA</span> </a> </li> </ul>body{ font-family: 'Lato', Calibri, Arial, sans-serif;}li{ list-sty

2015-12-30 16:28:11 667

原创 [CSS3 Practice] Slides Effect With Pure CSS3

<body> <div class="pic"></div> <div class="description">CSS3 Animation</div></body>.pic{ position: relative; width:500px; height:300px; /*居中*/ margin:0 auto; border:1px solid #333; o

2015-12-30 14:39:12 341

原创 [CSS3] Animation

Transition: 只能指定属性的开始和结束状态Animation: 通过Flash中帧来声明动画animation-nameanimation-duration 播放动画所持续的时间长animation-timing-function 动画的播放方式animation-delay 指定元素动画开始时间animation-iteration-count 指定元素播放动画的循环次数a

2015-12-30 11:00:11 233

原创 [CSS3 Practice] Simulate MacBook Dock

CodesHTML:<body> <div class="container"> <ul> <li></li> <li></li> <li></li> </ul> </div></body>CSS:body,html,div,ul,li,footer{ margin:0; padding:0;}body{ background

2015-12-29 18:12:13 319

原创 [CSS3] Transition Function

Reference: Click Here(1) Transition 平滑过渡的效果，部分的解决Flash问题 transition：属性时间函数延迟时间执行变换的属性：transition-property 变换延续的时间：transition-duration 动画函数：transition-timing-function 变换

2015-12-29 16:32:52 616

原创 [CSS3] Transform Function

X/Y: translateX() translateY() scaleX() scaleY() skewX() skewY() CSS3 2D: translate() scale() rotate() skew() CSS3 3D: rotateX() rotateY() rotate3d() translateZ() translate3d() scaleZ() scale3d()

2015-12-24 16:32:24 804

原创 [Cryptography] Network Security Part II

(1) DoS Denial of service (2) DDoS

2015-12-21 18:12:58 427

原创 [Cryptography] Network Security Part I

(1) Hub, Switch, Router, Gateway Hub: like center it can not choose which directions to go Switch: choose which direction they send in the LAN Router: forward from LAN to LAN Gateway: can co

2015-12-21 18:01:35 391

原创 [Cryptography] Hash Password, Nonce

(1) Hashed Password stored hashed password H(p)in the Database, instead of plaintext password use random number,called SALT (salt), together with P to add in the hash function.(2) NonceProblems:

2015-12-21 16:21:37 386

原创 [Cryptography] KDC, CA, PKI, PGP

(1) KDC key distribution center for reducing the number of keys the place to manage and store the public key KDC is the place to store and save the public key, but these PBs don't indicate the key

2015-12-21 15:23:23 1131

原创 [Cryptography] Digital Signature

(1) Digest Hash function creates a compressed image of M, called digest, to check the integrity.(2) RSA signatureuse sender's private key to encrypt hash(M)use receiver's public key to encrypt E(E(ha

2015-12-21 14:17:27 580

原创 [Interview Summary] Load webpage from URL

1. input URL 2. check local cache to ensure whether the we bpage is updated or not. (HTTP status==304?)3. DNS resolve to get IP address4. HTTP request package5. HTTP three-way-handshake6

2015-12-21 13:15:03 360

原创 [Cryptography] Symmetric & Asymmetric

(1) ECB, CBC 介绍明文的处理方式 block cipher块处理方式介绍ECB 和 CBC 另外还有stream cipherDES： data encryption standard 56-bit key+ 64-bit plaintext = 64-bit output(2) Symmetric key algorithmone key for both

2015-12-17 11:49:17 907

原创 [Cryptography] Introduction

(1) Introduction cipher 密码 plaintext 明文(没有被加密的信息) ciphertext 暗文(加密了的信息) (2) 4 types of Threats Unterception 拦截侦听（对外人内容不可见） Modification 修改 Fabrication 伪造 Interruption (lost)中断(3) 重要的几点obje

2015-12-16 22:53:00 366

原创 [Business Intelligence] 1NF, 2NF, 3NF

1nf 2nf 3nf

2015-12-16 21:55:24 418

原创 [Business Intelligence] OLAP, OLTP, DW, ETL

(1) Date Warehousecollect subject-oriented, integrated... data(2) Date Marta subset of DWjust store the relevant data(3) OLAP online analytic processing3 operations: drill-down, slicing/dicing, r

2015-12-16 17:30:25 510

原创 [Business Intelligence] BI & Decision Making

(1) Why BI?-> Business Pressures(eg:technology, competition, markets..) -> Responses(eg:new tech, collaboration..) -> Computerized Support(integrated computerized decision support)(2) BI (1)

2015-12-16 17:11:35 493

原创 [Javascript] JSONP(未完成)

(1) Ajax 的问题Ajax面临两个问题:(1) 以何种格式来交换数据(json) (2) 跨域的问题(JSONP)(2) JSONP & JSONJSONP: Javascript Object Notation padding JSON: Javascript Object NotationJSON: 是描述数据信息的表达方式 JSONP: 是将信息传递(3) 跨域面试必问的问题

2015-12-10 17:33:34 320

原创 [Javascript] Ajax

(1) XMLHttpRequest (XHR)在不刷新整个页面的时候, 部分更新数据var xhr=new XMLHttpRequest();<script type="text/javascript"> var xhr=new XMLHttpRequest(); //创建一个对象 console.log(xhr);</script>(2) 请求发送xhr.open(http

2015-12-10 15:01:23 1015

原创 [Javascript] Json

(1) 语法简单值: string number boolean null 不能是undefined对象: 有序键值对数组: 有序的值得列表对象形式:<script type="text/javascript"> { "name":"jessica", "age":19 //必须给属性加上"" }</script>数组形式:<script

2015-12-10 11:35:27 240

原创 [Javascript] 事件Event

HTML和JS之间的行为或者是交互的动作是事件实现的(1) 事件流(冒泡捕获)几乎Tencent ,Baidu， Meituan等公司校招面试必问的题目Event bubblingIE 只有冒泡事件：从最具体的事件到最不具体的事件<html><body><div id="wrapper"> <p>jessica krystal</p></div></body></html>/*

2015-12-09 16:52:15 289

原创 [Javascript] DOM

Document Object Model 文档对象模型(1) 查找 document.getElementById() 元素Id的属性值 document.getElementByTagName() 元素标签得到的内容是一个数组的形式 document.getELementByName() 元素name的属性值 getAttribute(属性名)//getAttribute("id"

2015-12-09 13:04:07 302

原创 [Interview Summary] HTML+CSS Part I

(1) 特性检测是检测browser是否支持某种html5的特性 Modernizer检测CSS3/HTML5功能支持情况(2) 优雅降级和渐进增强详见【CSS3】(3) DOCTYPE & 怪异&标准模式【Javascript】(4) CSS selector【CSS3】常见的是有哪些选择器 class 和 id 之间的区别选择器的优先级: (考的次

2015-12-09 12:46:07 499

原创 [CSS3] 多列布局 column

类似报纸杂志一样的布局设计[1] columnscolumns: column-width column-count.wrapper{ width:800px; margin:0 auto; /*10em 每列宽度*/ /*3 列数*/ columns:10em 3; -moz-columns:10em 3; -webkit-columns:

2015-12-09 10:36:41 415

原创 [CSS3] Flexbox

正常的布局是块元素从上到下(因为占用一行) 内联元素从左到右. 但是flexbox是让子项目尽量的改变高度宽度，用最好的方式适应各种的设备。(1) Display: flex | inline-flexflex: 按照块伸缩 inline-flex: 内联伸缩设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。【面试题】除了display：

2015-12-09 10:15:11 348

原创 [Javascript Data Structures] 二分查找 Binary Search

二分查找也称折半查找<script type="text/javascript">function Binary(array,data){ this.binarySearch=function(){ console.log("Ordered List: "+array); if (array.length==1) { if (array[0]==data

2015-12-08 19:29:39 337

原创 [Javascript Data Structures] Straight Insertion Sort 直接插入法

每次从无序表中取出第一个元素，把它插入到有序表的合适位置，使有序表仍然有序。从第一个元素开始作为一个新的有序列表, 从第二个元素开始和有序列表进行比较, 排序好的第一个和第二个元素作为新的有序列表, 此次循环结束下一次循环开始, 第三个元素和有序列表排序.......<script type="text/javascript"> function straightInsertSort

2015-12-08 17:30:55 393

原创 [Javascript Data Structures] 选择排序 Selection sort

选从数组中找到最小的那个数字 , 每次都找未排序中最小的数字。<script type="text/javascript"> function selectionSort(array){ for (var i = 0; i < array.length; i++) { console.log("NO."+(i+1)); // 此时从0~i-1位置的

2015-12-07 19:23:36 261

原创 [Javascript Data Structures] 冒泡排序 bubble sort

//冒泡排序 function bubbleSort(array){ for (var i = 0; i < array.length; i++) { console.log("No."+(i+1)); for (var j = 0; j < array.length-1; j++) { if (array[j]>array[j+1]

2015-12-07 17:51:14 266

原创 [CSS3 Practice] Learn Apple Navigator Bar

Apple Website- Navigation Bar<nav> <ul> <li><a href="#"></a></li> <li><a href="#">Mac</a></li> <li><a href="#">iPad</a></li> <li><a href="#">iPhone</a></li>

2015-12-07 16:49:59 431

原创 [CSS3] 盒模型 & overflow & resize & outline

盒模型是css中非常的重要百度 tencent 美团等等等等等等校招面试都问过的问题(1) W3C & IE 两种盒模型<div><p class="p1"> Citic Securities </p></div>/*在p外面定义一个div 为了方便看清楚*/div{ display: inline-block; border:1px solid red;}p{

2015-12-07 16:01:58 848

原创 [CSS3] opacity & alpha (rgba)

(1) opacity针对一个元素从0~1 (2) alpha(rgba)针对颜色(3) rgba IE兼容处理IE8以下版本出现的问题:解决 (1)filter:alpha(opacity=50);(2)

2015-12-07 12:16:04 475

原创 [CSS3] 文本

(1) 字体font-size font-weight font-family font-style: eg italic font-variant: small-caps 变为大写123<span class="span">jessica krystal</span>span{ font-variant: small-caps;}(2) 文本word-spacing let

2015-12-07 11:50:16 244

原创 [CSS3] Background

2015-12-07 10:39:01 290

reset.css & normalize.css 下载

空空如也