センター考課

9289 ワード
あなたが学んだすべてのものはすべて重視しなければならなくて、学んだすべてのものはすべて深く研究しなければならなくて、学んだすべてのものはすべて記録して、とても整然としていて、とても規則的な記録があって、しかもよく振り返ります
githubアドレス
基礎問題
  • ラベル+テキスト+注釈
  • html 5の意味化参考資料
    意味化の存在の意義:構造がはっきりしている;良好な可読性を有する.スクリーンリーダーなどの補助ツールに友好的です.検索エンジンに友好的です.チームの開発とメンテナンスが容易である.
  • 構造関連ラベル
  • テキスト関連ラベル、、
  • DTD:DOCTYPE宣言.DOCTYPEはdocument type(ドキュメントタイプ)の略で、あなたが使っているXHTMLやHTMLがどんなバージョンなのかを説明します.ブラウザはあなたが定義したDTDに基づいてあなたのページの識別を説明し、表示します.
  • よく使うmetaタグgithubgistは何がよく使うmetaタグ整理ですか--少し
  • ブロックレベル要素、行内要素
  • css位置決めとクリアフローティング:css位置決めメカニズム:普通流、フローティング、絶対位置決めクリアフローティング方式:1.親要素設定overflow：hidden.親要素設定overflow：auto.親要素もフローティング
    • を設定する
            
//            clearfix   
 .clearfix:before,
.clearfix:after {
       content: "";
       display: table;
       clear: both;
} ```
7. BFC:  
    -   BFC   ：
            
            float   none     
             
            overflow   visible     （hidden，auto，scroll ） 
             
            display (table-cell，table-caption，inline-block) 
             
            position（absolute，fixed） 
             
            fieldset  
    - BFC  ：
    
            1)                
            2)                
            3)                  
8.     ，        `padding-left:aside   `，  `   `
[    ：      ](http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html)
    -               

            ABC
            B(margin-left:-10px;)
            A   。B      。C    10px。AB     
                
    -             
                      
                         
                 overflow：hidden
                      
    -            
                “ ”
                      ，   
                      
9.     

            
            
            
                
                Document
                
            
            
            
        
                  
        
                     
            
                          
            
                          
            
                          
        
                     
       
                  
    
            
    
            
            
10. js      ：
    `Object.prototype.toString.call(a).slice(8,-1)`  
             js   ：
    `Array/Boolean/String/Function/Object/RegExp/Null/Undefined/Date/Number`
11.          ：`Array.sort()`  ：array、string        
12.     

            
            
            
                
                Document
                
            
            
                
    
                    
  • item1
    • 
                    
  • item2
    • 
                    
  • item3
    •  
                
       
                
                
                    var item = document.getElementsByClassName('item')[0],
                        li = document.getElementsByTagName('li'),
                        btn = document.getElementsByTagName('button')[0];
                    item.addEventListener('click',function(e){
                        if(e.target && e.target.nodeName == 'LI'){
                            console.log(e.target.innerText);
                        }
                    },false)
                    btn.addEventListener('click',function(e){
                        var newLi = document.createElement('li');
                        newLi.innerText = "  li";
                        item.appendChild(newLi);
                    },false)
            
                
            
            
 13.     ，    ，       
 14. this  ，  this  call(            )apply(          [array  ])
 15.     [     new ](http://www.infoq.com/cn/articles/javascript-instantiation-and-inheritance)
 

         if(!Object.create){//object.create() ES5    
                Object.create= (function(){
                    function F(){}   //      （bridge）
                    return function(obj) {
                        if(arguments.length !== 1) {
                            throw new Error("       ");
                        }
                        F.prototype = obj;   //    
                        return new F();      //    
                    }
                })()
        //       ，  F     ，  F             (  F      ，                      )，[[prototype]]   F.prototype,          ！！！
        }
        function Person(name, age) {
                this.name = name;
                this.age = age;
        }
        Person.prototype.walk = function() {//   prototype ，walk          
                console.log("  ....");
        } 
        function Child(name, age, address) {
                Person.call(this, name, age);//     person              
                this.address = address;
        }
        Child.prototype = Object.create(Person.prototype);//     new ！
        Child.prototype.talk = function() {
            console.log("  ing.....")
        }
        //  new          Child  Person             ，         Person.prototype         。


##   
####   
0.         ：    [@    ](http://blog.csdn.net/lee_magnum/article/details/12144187)，    （%），flex  
2. `box-sizing:   content-box | border-box`
    - content-box:  padding border        width height  。            width  border、padding  ，  ( Element width = width + border + padding )
               。  
    - border-box:  padding border       width height  。             width ，     border padding            ，  ( Element width = width )
               。(      width，        width    )[    css](http://css.doyoe.com/)
3. flex  :    “felx    ”
######Flex
> [    ：      ](http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)  
> [    ：      ](http://www.ruanyifeng.com/blog/2015/07/flex-examples.html)

    任何元素都可以指定为flex布局
    display：flex/inline-flex（display:-webkit-flex;webkit前缀）
    设置为flex布局之后，子元素的float、clear、vertical-align属性失效
    flex布局默认首行左对齐

    flex容器，flex项目
    水平的主轴（main axis）
    垂直的交叉轴（cross axis）
    主轴的开始位置（main start）
    主轴的结束位置（main end）
    交叉轴的开始位置（cross start）
    交叉轴的结束位置（cross end）
    单个项目占据的主轴空间（main size）
    单个项目占据的交叉轴空间（cross size）

    容器的属性
    flex-direction(主轴的方向):row/row-reverse/column/column-reverse
    flex-wrap(是否换行):nowrap/wrap/wrap-reverse
    flex-flow:(flex-direction和flex-wrap的简写)
    justify-content(项目在主轴上的对齐方式):flex-start/flex-end/center/space-between/space-around
    align-items(项目在交叉轴上的对齐方式):flex-start/flex-end/center/baseline/stretch
    align-content(多根轴线的对齐方式):flex-start/flex-end/center/space-between/space-around/stretch

    项目的属性
    order:整数（次序）
    flex-grow:整数（放大比例）
    flex-shrink：整数（缩小比例）
    flex-basis:

    flex属性:
    flex-grow,flex-shrink,flex-basis的简写

    align-self属性:
    auto,flex-start,flex-end,center,baseline ```

    1. rem是什么，作用，怎么用

    参考资料，腾讯ISUX

    - rem                。             。  
- em（font size of the element）                。  
-           ，        rem，      ，       ，                 html font-size
  • よく知られているモバイルエンドフレーム
  • css 3アニメーションGPU起動
    • Nodejs
  • V 8メモリの世代分けメカニズム
  • 3000ポートをバインドするhttpサーバを作成し、ページhello worldに戻り、要求側を作成し、「127.0.0.1:3000」要求方式GETにアクセスし、戻りデータを印刷し、対応する状態、応答ヘッド
  • clusterモジュールを利用して、負荷均衡
    • を簡単に実現する.
  • はexpressを利用して簡単なルーティング要求コードappを完成する.js、(アドレス:127.0.0.1/対応:GETまたはPOSTパラメータを返す)
  • mongoseを使用してPersonSchemaを作成します.フィールド:name(String)、年齢:age(Number,min:0 max:150)、身分証明書番号:「idCard」(String必須取得方法getldCard)
    • ゲーム開発
  • jsアニメーション、window.requestAnimationFrameページ3 s赤変緑
  • 直径20 px小球、ページ中心を原点とし、55 pxを半径2 sで一周する無限円周運動
  • canvasラベル:windowToCanvas(x,y)は、canvasにおけるマウスの座標
    • を判断する.
  • 1 pxを描いて直線にして、周囲の規則を埋めます
  • は、2つのボールが
    • に衝突したかどうかを判断する.
    poj 2528 Mayor's posters線分樹+離散話!!!
    .Net_MVC _CS0012:_エラー解決