• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • html+css+js-01

    標簽: html+css+js  css  html  js

    HTML

    1. 標準盒子模型=margin+border+padding+width(width=content)
      IE盒子模型=margin+width(width=border+padding+content)
    2. p是塊元素,但是其不能包含除了它本身之外的任何塊元素,a是內聯元素,但是它可以包含除了它本身外的任意塊元素。
    3. 相對定位(relative):不脫離文檔流,根據自身的位置進行偏移。
      絕對定位(absolute):脫離文檔流,相對于上一級有定位的祖先元素。
      固定定位(fixed):脫離文檔流,相對于瀏覽器左上角定位。

    css

    1.required屬性規定必需在提交表單之前填寫輸入字段。
    placeholder屬性規定可描述輸入字段預期值的簡短的提示信息。
    2.svg指可伸縮矢量圖形,用來定義用于網絡的基于矢量的圖形,使用XML格式,圖像在放大或者改變尺寸的情況下其圖形質量不會有所損失,是萬維網聯盟的標準,是HTML下的一個分支。
    3.關于css屬性繼承
    背景、布局等相關樣式不會被繼承。

    不可繼承的:baidisplay、dumargin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。
    所有子元素可繼承:visibility和cursor。
    內聯元素可繼承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
    塊狀元素可繼承:text-indent和text-align。
    列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image。
    表格元素可繼承:border-collapse。
    

    4.能使字體變粗的樣式為font-weight:bold ;
    text-transform用來設置文本的大小寫,值為:none(默認值,不設置)、capitalize(使文本中的每個單詞的首字母大寫)、uppercase(將文本中的內容轉換成大寫)、 lowercase( 將文本中的內容轉換成小寫)。
    5.優化css圖片加載
    CSSSprite:減少對服務器請求
    SVGSprite:體積小、矢量
    Iconfont:體積小‘矢量、集成度高
    Base64:減少對服務器請求

    JS

    1. call 、bind 、 apply 這三個函數的第一個參數都是 this 的指向對象,第二個參數差別就來了: call的參數是直接放進去的,第二第三第n個參數全都用逗號分隔,直接放到后面 obj.myFun.call(db,‘成都’, … ,‘string’ ); apply的所有參數都必須放在一個數組里面傳進去 obj.myFun.apply(db,[‘成都’, …, ‘string’ ]); bind除了返回是函數以外,它 的參數和call 一樣。 當然,三者的參數不限定是string類型,允許是各種類型,包括函數 、 object 等等。
    2. 函數提升優先級高于變量提升。
    3. 與瀏覽列表有關的對象:history screen location Navigator。

    在這里插入圖片描述
    在這里插入圖片描述
    5.JavaScript的可迭代對象

    JavaScript的可迭代對象
    1)數組Arrays
    
    console.log([][Symbol.iterator])
     
    for(let x of ['a','b'])
        console.log(x)
    
    2)字符串Strings
    console.log(""[Symbol.iterator])
    for(let x of "abc")
        console.log(x)
    
    3)Map
    let map = new Map().set('a', 1).set('b', 2);
    console.log(map[Symbol.iterator]);
    for (let pair of map) {
        console.log(pair);
    }
    
    4)Set
    let set = new Set().add('a').add('b');
    for (let x of set) {
        console.log(x);
    }
    
    
    5)arguments
    function printArgs() {
        for (let x of arguments) {
            console.log(x);
        }
    }
    printArgs('a', 'b');
    
    6)Typed Arrays
    
    7)Generators,ES6新增加
    
    
    版權聲明:本文為h083417172_原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/h083417172_/article/details/108976211

    智能推薦

    Linux C系統編程-線程互斥鎖(四)

    互斥鎖 互斥鎖也是屬于線程之間處理同步互斥方式,有上鎖/解鎖兩種狀態。 互斥鎖函數接口 1)初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

    統計學習方法 - 樸素貝葉斯

    引入問題:一機器在良好狀態生產合格產品幾率是 90%,在故障狀態生產合格產品幾率是 30%,機器良好的概率是 75%。若一日第一件產品是合格品,那么此日機器良好的概率是多少。 貝葉斯模型 生成模型與判別模型 判別模型,即要判斷這個東西到底是哪一類,也就是要求y,那就用給定的x去預測。 生成模型,是要生成一個模型,那就是誰根據什么生成了模型,誰就是類別y,根據的內容就是x 以上述例子,判斷一個生產出...

    styled-components —— React 中的 CSS 最佳實踐

    https://zhuanlan.zhihu.com/p/29344146 Styled-components 是目前 React 樣式方案中最受關注的一種,它既具備了 css-in-js 的模塊化與參數化優點,又完全使用CSS的書寫習慣,不會引起額外的學習成本。本文是 styled-components 作者之一 Max Stoiber 所寫,首先總結了前端組件化樣式中的最佳實踐原則,然后在此基...

    基于TCP/IP的網絡聊天室用Java來實現

    基于TCP/IP的網絡聊天室實現 開發工具:eclipse 開發環境:jdk1.8 發送端 接收端 工具類 運行截圖...

    猜你喜歡

    19.vue中封裝echarts組件

    19.vue中封裝echarts組件 1.效果圖 2.echarts組件 3.使用組件 按照組件格式整理好數據格式 傳入組件 home.vue 4.接口返回數據格式...

    劍指Offer39-調整數組順序使奇數位于偶數前面

    一開始想著用冒泡排序的方法來做,但是bug還是很多,后來看了評論區答案,發現直接空間換時間是最簡單的,而且和快排的寫法是類似的。...

    【一只蒟蒻的刷題歷程】【藍橋杯】歷屆試題 九宮重排 (八數碼問題:BFS+集合set)

    資源限制 時間限制:1.0s 內存限制:256.0MB 問題描述 如下面第一個圖的九宮格中,放著 1~8 的數字卡片,還有一個格子空著。與空格子相鄰的格子中的卡片可以移動到空格中。經過若干次移動,可以形成第二個圖所示的局面。 我們把第一個圖的局面記為:12345678. 把第二個圖的局面記為:123.46758 顯然是按從上到下,從左到右的順序記錄數字,空格記為句點。 本題目的任務是已知九宮的初態...

    dataV組件容器寬高發生變化后,組件不會自適應解決方法

    項目中需要大屏幕數據展示,于是使用了dataV組件,但是使用是發現拖動瀏覽器邊框,dataV組件顯示異常,如圖: 于是查了官網,官網的解釋如下:   于是按照官網的意思編寫代碼: 于是可以自適應了...

    CSS3干貨10:如何做一個板塊標題水平線左邊帶顏色效果

    很多網站在設計欄目標題的時候,喜歡用下劃線分開欄目標題和內容部分。 而且線條左邊的部分往往還有顏色,且這個顏色跟標題的文字長短保持一致。效果如圖所示: 這種效果其實很簡單。 我這里給大家推薦兩種方式: 假定我們的標題部分 HTML 結構如下: 方式一:利用下邊框。灰色部分是 h1 的下邊框,藍色部分是 span 標簽的下邊框。 h1 的高度為 40px,span 也設置它的高度為 40px。這樣,...

    精品国产乱码久久久久久蜜桃不卡