04 2014 档案
【总结】四月份找实习总结
摘要:从这学期开始,到现在,已经陆续体会实习笔试面试,一开始的腾讯广研笔试、华为的上机试、腾讯实习的笔试,华为、唯品会、腾讯的宣讲会,但无一例外都被虐,让我深深受挫,自愧于自己的知识不扎实,没有特别出彩厉害的东西。 看到身边的同学一个接一个的拿到实习offer,而自己还在苦苦挣扎寻觅。这感觉就如同蓬头垢...
阅读全文
【总结】自学计划第一阶段
摘要:终于大略看完htmldog网站上的内容了 ,对html CSS JS有整体框架的了解。 第二步就是好好细化知识系统,增加实践内容了 老外写的东西就是有趣,如下摘抄一段:Once upon a time, many eons ago, when the Internet was just a sma...
阅读全文
【JS】Advanced1:Object-Oriented Code
摘要:Object-Oriented Code1.var Person = function (name) { this.name = name;};Person.prototype.say = function (words) { alert(this.name + ' says "' + ...
阅读全文
【HTML】Advanced7:Embedded Content: Video, Audio, and Canvas
摘要:1.video(fall-back contentalternative2.audio3.canvas:paint all manner of dynamic images such as graphs, animated sprites, or daft cat pictures.
阅读全文
【HTML】Advanced7:HTML5 Forms Pt. 2: Attributes and Data Lists
摘要:1.提供可描述输入字段预期值的提示信息(hint)。2.autofocus3.标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。 ...
阅读全文
【HTML】Advanced6:HTML5 Forms Pt. 1: Input Types
摘要:1.Not yet work fully on all major browsers2.<input type="search tel url email datetime date month week time datetime-local color" name="search"CSS:val...
阅读全文
【HTML】Advanced5:Accessible Forms
摘要:1.label Your Name id for the to associate it to.2.fieldset & legend Name First name Last name Addr...
阅读全文
【HTML】Advanced4:Accessible Links
摘要:1.Tab Here There Limbo2.Link titlesI'm really bad at writing link text. Click here to find out more.Don’t have links open something in a new ...
阅读全文
【HTML】Advanced3:Tables: Columns, Headers, and Footers
摘要:1. This That The other Ladybird Locust Lunch 2. **vs figcapti...
阅读全文
【HTML】Advanced2:Conditional Comments
摘要:1.try and figure out what is sensible for you to support. Are your web site visitors likely to be using IE6? Probably not.2. eg. … for IE versions g...
阅读全文
【HTML】Advanced1:Text: Time, Mark, and "Presentational"
摘要:1.Exploring the depths of HTML52.Written by Doctor Who on Thursday 21st November 2052 9:30.the value of should be a machine-readable date and/or time3...
阅读全文
【CSS3】Advanced11:Media Queries
摘要:1.Browser-size specific CSS@media screen and (max/min-width:1000px){}2.Orientation-specific CSS?@media screen and(orientation landscape/portrait){}3.D...
阅读全文
【CSS3】Advanced10:Gradient
摘要:1.background:linear-gradient(20deg/(to) bottom right,orange,red,hsl(60,100%,50%));2.-webkit-chrome/safari -o-opera -ms-IE9exclude "to""at"a fallback3....
阅读全文
【CSS3】Advanced9:Transformation
摘要:1.transform:rotate(-10deg) skew(20deg,10deg) scaling(2/1,2) translate/移动(100px,200px)2.transform:matrix(rotate,scale,translate,skew)?involve maths3.tr...
阅读全文
【CSS3】Advanced8:CSS Backgrounds: Multiples, Size, and Origin
摘要:1.Multiples,Size,and Origineg:background-image:url(bg.png),url(bullet.png) 0 50% no-repeat,url(arrow.png) right no-repeatbackground-imagebackground-co...
阅读全文
【CSS3】Advanced7:CSS Transitions
摘要:1.animate parts of your design without the need for the likes of JavaScrip2.allowing smooth animation (rather than a jump from one state to another).t...
阅读全文
【CSS3】Advanced6:Attribute Selectors
摘要:1.with the attributeabbr[title]{color:red}2.with the attribute and it's valueinput[type=text][disabled]{width:200px;}3.CSS 3 further allows you to mat...
阅读全文
【CSS3】Advanced5:At Rules:@import, @media, and @font-face
摘要:1.@importbolt another stylesheet onto your existing one.@import url(**.css);must be placed at the top of a stylesheet, before any other rules.2.@media...
阅读全文
【CSS3】Advanced4:Advanced Colors
摘要:1.rgba(red,green,blue,alpha(不透明度0.0(完全透明)与 1.0(完全不透明))2.HSLa(hue(色调 0red 120green 240blue),saturation(饱和度),lightness(亮度),alpha)颜色柱面坐标表示法hue:Any angle,...
阅读全文
【CSS3】Advanced3:Universal, Child, and Adjacent Selectors
摘要:1.Universal selectorseg:#target*{ } 2.Child selectors <something immediately nested within something直接子女,不包括子孙3.Adjacent Selector +something immediate...
阅读全文
【CSS3】Advanced2:Shadows
摘要:1.Box Shadowsbox-shadow:h-shadow v-shadow [blur模糊距离 spread阴影尺寸 color inset];2. Text Shadowstext-shadow::h v [blur color]有些不太支持
阅读全文
【CSS3】Advanced1:Rounded Corners
摘要:1.Border radiusThe border-radius property can be used toworking clockwise from top-left set border-top-left-radius/border-top-right-radius/border-bott...
阅读全文
【JS】Intermediate9:jQuery: Other Tricks
摘要:1.DOMContentLoadedRun JavaScript only when the DOM is loaded and ready (but before stylesheets are fully loaded)eg:to move elements to a different loc...
阅读全文
【JS】Intermediate8:jQuery:AJAX
摘要:1.$.ajax is the main method, allowing you to manually construct your AJAX request2.eg:gets some data from a servera function to be called when the dat...
阅读全文
【JS】Intermediate7:jQuery:DOM API
摘要:1.jQuery also makes performing actions on many elements at the same time simple2.eg:$('.note').css('background', 'red').height(100); $('.note') select...
阅读全文
【笔试】T实习生2014 总结
摘要:2014.4.12 是T的广州站,就在本校,很方便。考前一两天,临时抱佛脚,看着HTMLdog上的网页知识。就算考前,还在懊悔自己为什么不好好利用清明假期,多看点,看多点?哎,哎。。 谁知道一拿到试卷就傻眼了,原来考基础的知识,这几乎都木有怎么准备啊。是老天爷给我苟延残喘的时间吧。好吧,只能靠着...
阅读全文
【JS】Intermediate6:jQuery
摘要:1.jQuery is far and away the most popular DOM libraryUsed to allow modification and control of the DOMAmore uniform way of interacting with the DOM2.A...
阅读全文
【JS】Intermediate5:Scope
摘要:1.Scope=variable visibilitya variable’s scope is the part of your code that can access and modify that variable.JavaScript has function scopeGlobal variables — that is, variables that can be read and modified anywhere in your applicationit’s best to limit the scope of a variable as much as possible,
阅读全文
【JS】Intermediate4:JSON
摘要:1. JSON(JavaScript Object Notation)A set of text formatting rules for storing and transferring data in a machine and human readable way.The object literal syntax of JavaScriptA totally different language2.Use JSONconverts an object into a JSON stringjsonString becomes {"make": "McLare
阅读全文
【JS】Intermediate3:AJAX
摘要:1.load new content into a page without a full reloadXML HTTP Request (XHR) To retrieve new content for a pageAJAX standing for Asynchronous JavaScript and XML.2.XML HTTP Requestcreate a new XMLHttpRequest requestspecify a callback functionspecify a callback function(specify a callback function,URL t
阅读全文
【JS】Intermediate2:Events and Callbacks
摘要:event-driven :waiting for and reacting to events2.page loads, user interacts (clicks, hovers, changes),triggered manually3.A group of the things needed to listen for an event; the callback function, an element and the call to listen for an event:addEventListener is a method found on all DOM elements
阅读全文
【JS】Intermediate1:The DOM
摘要:1.DOM(The Document Object Model)Away to manipulate the structure and style of an HTML page.It represents the internals of the page as the browser sees it, and allows the developer to alter it with JavaScript.2.HTML is an XML-like structureTo access the DOM from JavaScript, the document object is use
阅读全文
【JS】Beginner9:Arrays
摘要:1.Lists of any kind of data2.Index to retreve an element from the array 03.[].length;.pop()/push(' ');=remove/add elements from the end of the array
阅读全文
【JS】Beginner8:Objects
摘要:1.Real life object:propertiese & abilitiesJS object:a collection of named properties & methods=functionvariables hold objectsdot syntax access properties & methods .2.nested object
阅读全文
【JS】Beginner7:Functions
摘要:1.Function=Reusable blocks of codePassed arguments & return a valuesave functions as the value of a variablecall a function using this variable & a pair of parentheses=invoking
阅读全文
【JS】Beginner3 & 4 & 5 & 6:Maths & Logic & Conditonal & Looping
摘要:1.numberoperator () * / + -2.logic make decisions in codecompare values to produce a boolean value===(同类型) !== > = <=3.Conditionalif else//注释 indicate commentIf some logic(the contion)is true,run a {block} of codeCondition is not true ,ignore if block ,only the else block will be runUsed to ru
阅读全文
【JS】Beginner2:Variables & Data
摘要:1.Variablesname :name it in a way that tells what you've stored therevalue:2.Create a variable => assign/set its valuedeclaration & initialization3.DeclarationDeclaring a variable to existPicking an empty shelf in a massive warehouse and putting a name on it.var variableName;4.Initializat
阅读全文
【JS】Beginner1:Making Stuff Happen
摘要:1.JS(JavaScript) is for interactivity2.How does JS relate to HTML&CSS?script tagscript element contain JS interal & external3.Internal4.External5.alert(" ");var **=prompt(' ');
阅读全文
【CSS】Intermediate8:Page Layout
摘要:1.Layout with CSS is easy. You just take a chunk of your page and shove it wherever you choose2.position property3.static valuerenders a box in the normal order of things4.relativemuch like static but the box can be offset from its original positiontop/right/bottom/left properties5.absolutepulls a b
阅读全文
【CSS】Intermediate7:Pseudo Elements
摘要:1.selector:pseudo element{property:value;}2.first-letter first-lineCSS3:: 与pseudo class 区别 old browser not do well3.before afterproperty=content4.
阅读全文
【CSS】Intermediate6:Display
摘要:1display :inline/block/none2.inline valueCause all list items in a list to appear next to each other in one continuous linerather than each one having its own line.3.BlockMake a box standalone,fitting the entire width of its containing box,with an effectve line break before and after it.4.inline-blo
阅读全文
【CSS】Intermediate5:Specificity
摘要:1.More Specific=Greater Precedence =>nested selectors2. the selectors are the same then the last one will always take precedence3.Calculating SpecificityID Selector =100class Selector=10HTML Selector=1
阅读全文
【CSS】Intermediate4:Background Images
摘要:1.background:background-colorurl-background-imagebackground-repeat(repeat/repeat-y/repeat-x/no-repeat)background-position(top/center/bottom/left/right(combination/length/percentage)background-attachment(sroll(default)/fixed)2.egbackground:white url(http://) no-repeat fixe top right
阅读全文
【CSS】Intermediate3:Shorthand Properties
摘要:1.Margins and Paddingproperty: top right bottom left;property: top/bottom right/left;2.Borderborder(-top/right):border-width,border-style,border-color;3.Fontfont:font-style(inherit/normal/italic/oblique),font-weight(inherit/normal400/bolder/bold700/lighter/100~900,font-size(inherit/[percentage]/[len
阅读全文
【CSS】Intermediate2:Pseudo Classes
摘要:1.specify a state or relation to the selectorselector:pseudo_class { property: value; }2.Link3.Dynamic Pseudo Classesapply styles when something happens to something.active:when a link is clicked onhover:when a cursor moves over a linkfocus:when it is selected by,is ready for,keyboard input 支持度不太广泛4
阅读全文
【CSS】Intermediate2:Grouping and Nesting
摘要:1.Grouping2.Nesting If the CSS is structured well, there shouldn’t be a need to use many class or ID selectors.
阅读全文
【CSS】Intermediate1:Class and ID Selectors
摘要:1.html tag = css selector2.Define your own selectors in the form of class and ID selectors3. .classidentify more than one4.#ididentify one element5.conjunction
阅读全文
【HTML】Intermediate7:Sectioning
摘要:1.2.can use h1 elements at the start of each section,which would become a sub-heading of anything preceding that sectionsuggest sticking to the headings levels you would use if you didn’t use sections3.provides a much richer, more meaningful document.4.5.6.related the content surrounding it7.(naviga
阅读全文
【HTML】Intermediate6:Text: Addresses, Definitions, Bi-directional, and Editorial
摘要:1.It should be used specifically for the contact details relating either to the entire web page or to an article element2 A definition term and is used to highlight the first use to a termas abbr3. reverse the direction of the text4.Editiorialins(insertions)del(deletions)datetime attributecite attri
阅读全文
【HTML】Intermediate5:Definition Lists
摘要:dl(defination list)dt(defination term)dd(defination description)
阅读全文
【HTML】Intermediate4:Tables:rowspan and colspan
摘要:1.header cellAs with td elements,these must be enclosed inside tr elements2.</tr colspan="2" columnn spanrowspan
阅读全文
【HTML】Intermediate3:Meta Tags
摘要:1.Meta tags were the town criers of the Internet Do anything to the content that is presented in the browser window They are used by the likes of search enginges to catalogue information about the web page.2.Name attribute=author,description,keywords3.http-equiv can be used instead of the name attri
阅读全文
【HTML】Intermediate2:Text: AbbreviationsQuotations Code
摘要:1.attribute:title2.Quotationsblockquote :standalone often multi-line quotations-cite attribute can be used to point to its originq:shorter in-line quotations3.figure figcaption enabling a nice,semantic way to group a quotation with citation4.cite attributecite tag :define the title of a work5.6.pref
阅读全文
【HTML】Intermediate1:Span&Div
摘要:1.HTML is all bout applying meaning to content. The span & div tags apply no meaning at all=meaningless tags They are used quite extensively in conjunction with CSS. Group together a chunk of HTML and hook some information onto that chunk,with attributes class & id to associate the element w
阅读全文
【CSS】Beginner6:Border
摘要:1.border-style:solid实线,dashed虚线,double双线,dotted点状,groove凹槽,ridge垄状,inset,outset2.border0-width:border-top/right/bottom/left-widthpx
阅读全文
【CSS】Beginner5:Margins&Padding
摘要:1.Properties for spacing-out elements外边距:A margin is the space space outside something内边距:padding is the space inside something2.margin-top margin-right margin-bottom margin-leftpadding-top padding-right padding-bottom padding-left3.Margins,padding,borders are all part of what's known as the Box
阅读全文
【CSS】Beginner4:Text
摘要:1.alter the size and shape of the text2.font-family:Arial, Verdana,"Times New Roman",helvetica,serif3.font-size:vs h1 ;1px vs 1.5em4.font-weitht:whether the text is bold or notbold/500,600,700normal/100,200,300,400lighter bolder5.font-style:italic/normal6.text-decoration:underline/overline
阅读全文
【CSS】Beginner3:Color
摘要:1.redrgb(255,0,0)rgb(100%,0%,0%)#ff0000#f002.Predefined color nameaqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow. transparent3.rgb4.Hexadecimal/sexadecimalthree-digit:easier to decipherSix-digit:give you more control over the
阅读全文
【CSS】Beginner2:Selectors, Properties, and Values
摘要:1.Whereas HTML has tags,CSS has selectors.2.Selector{properties:value;properties2:value2;}3.Lengths & Percentagespx:unit for pixelsem:unit for the calculated size of a font;N times the current sizept:unit for points ,printed media%:pc-picas,cm-centimeters,mm-millimeters,in-incheszero value,no ne
阅读全文
【CSS】Beginner1:Applying CSS
摘要:CSS(Cascading Style Sheets)1.Applying CSSThree ways:1.In-line2.Internal3.External2.In-linestyle attributeThe best-practice approach is that the HTML should bea stand-alone,presentation freedocument, and so in-line styles should beavoidedwherever possible3.Internal/Embedded Used for the whole page ..
阅读全文
【HTML】Beginner9:Form
摘要:1.Form Collect data inputted by a user. Used as an interface for a web application,or send data across the web.2.attribute: action:where its contents will be sent to method:how the data in it is going to be sentget:shorter chunks of non-sensitive informationpost:lengthier,more secure submissions...
阅读全文
【HTML】Beginner8:Table
摘要:1.Table Abused to lay out pages The correct use for tables is to do exactly what you would expect a table to do-tostructure tabular data2. row data cell:must be enclosed in tr tags
阅读全文
【HTML】Beginner7:Image
摘要:1.Image The web is not just about text,it is amulti-media extravaganzaand the most common form ofsparkleis the image.2.attributes:srcwidth height :ne...
阅读全文
【HTML】Beginner6:Link
摘要:1.LinkHTML wich basically means a system of linked text link to another HTML file or any file anywhere on the web or another part of the same page they are on.2.an anchor tagdefine a link3.hrefThe destination of the link is defined in the href attribute of the tagabsolute or relative to the current.
阅读全文
【HTML】Beginner5:List
摘要:1.Order listnumbered2.Unorder listbulleted list3.List item4.A list within a list
阅读全文
【HTML】Beginner4:Heading
摘要:1.Headingsh1 h2 h3 h4 h5 h6 h1 being the almighty emperor of headings h6 being the lowest pled Note that theh1tag is only used once,as the main heading of the page.h2 to h6,however ,can be used as often as desired,but they should always be used in order
阅读全文
【HTML】Beginner3:ParagraphsEmphasisLine breaks
摘要:1.Paragraphs distinct blocks of the text Think of the HTML contents as if it were a book-with paragraphs where appropriate.2.Emphasisin italicsin bold3.Line breakscould be tempting to over-use.br shouldn't be used if two blocks of text are intended to be separate from one another
阅读全文
【HTML】Beginner2:page title
摘要:1 page title contains informationaboutthe pagethe title of the document
阅读全文
【HTML】Beginner1:TagsAttributesElements
摘要:HTML(Hypertext Text Mark-up Language)&(How To Make L)HTML is used formeaningand CSS is used forpresentationLearn fromhtmldog1.Tagsopening tag:kicks things offcontentclosing tagdocument type declarationlet the browser know which flavor of HTML you're using(HTML5,in this case)tell the browser
阅读全文
【宣讲会感言】腾讯实习生
摘要:腾讯实习生Time:2014.4.8 Tue@Scut A4204(老是没记住204原来就是那个空中教室嘛)一 大体介绍它的宣传语说一段代码影响八亿人,强调它用户基数大呗支持:自主创新专利持续盈利挑战:全面拥抱移动化开放共赢未来积极投身国际化海外微信1.8亿责任:与社会共同成长公益慈善基金会发挥影响...
阅读全文
【宣讲会感言】华为
摘要:华为2014.3.19 Web@Scut A4101其实经常听说华为,但是不是十分了解国际化,通信,加班社团活动貌似很丰富,有拔河兴趣团。。薪资指数曲线,刚开始比较低,升得比较慢,做多几年就升得比较快,工资比较高了= =大企业,应该比较规范吧,对人才的培养会比较全面之后的某些提问呛住了那几位中年HR...
阅读全文
基础钢琴弹奏 学习笔记
摘要:全音符 4拍 空心符头二分符 2拍 空心符头+符杆四分符 1拍 实心符头+符杆八分符 半拍 实心符头+符杆+符尾5线4间 三线以上符杆朝下线平分符头 符头占满间进行曲 2/4 四二拍 从分母向上分子读 四分音符一拍 每小节二拍圆舞曲 3/4抒情曲 4/4左手小拇指 中央C 隔两个 右手大拇指 6个...
阅读全文
浙公网安备 33010602011771号