原创 如何實現水平,垂直,水平垂直居中

在寫佈局的時候我們常常會遇到要實現水平垂直居中,以下我簡要的總結以下: 水平方向居中 先來個總結的思維導圖 1.)是不是行級元素(像text link 等) 可以通過在父元素設置text-align:center來弄成水平居中

原创 用Ajax 提交表單數據 serialize() 並且校驗數據

表單提交數據 表單提交數據有集中方式,比如說下面的表單: <form class="container"> <div class="row"> <div class="col-25"><

原创 closure 閉包

以下是學習筆記,來自阮一峯筆記 閉包是Javascript的一個難點,很多面試官都會問。。。 爲了理解閉包必須先理解變量的作用域 一:變量的作用域 大體的分兩類 全局變量 局部變量 Javascript 這個語言的比較特殊的一點

原创 High Order Component(HOC) 高階組件

根據reactJs官方文檔的定義,HOC如下: 簡要來講的話,是一種重複利用組件邏輯的技術,接受一個組件,並且返回一個組件。 就上上面的例子一樣,會接受WrappedComponent然後返回enhancedComponent

原创 javascript4種方法實現繼承

有幾種實現繼承的方式,以下給予總結. 1.打通原型鏈 function Person(name,age){ this.name=name; } Person.prototype.sayName=function(){ con

原创 javascript繼承

有幾種實現繼承的方式,以下給予總結. 1.打通原型鏈 function Person(name,age){ this.name=name; } Person.prototype.sayName=function(){ con

原创 判斷數據類型 Javascript

數據類型 Javascript中,數據類型分爲兩種,一種爲基本數據類型,另一種爲複雜數據類型。 基本數據類型 String,Number,Undefined,Null,Boolean 複雜數據類型 Object 判斷數據類

原创 跨域請求 JSONP

首先,我們得了解一個概念,叫同源策略(same-origin policy). 比如,我們在寫自己公司的一個網站,然後我們需要從淘寶獲取商品信息,比如: https://www.taobao.com/goods,我們肯定拿不到,因

原创 CSS選擇器嵌套

在我們日常開發的時候,我們的代碼很複雜,因此有可能會出現改一處的CSS,其他地方的樣式也會受影響的情況,這裏簡單的總結一下CSS嵌套選擇,使得避免以上情況。 CSS 選擇器嵌套 4種組合方法 descendant selecto

原创 瀏覽器渲染簡述

我們知道瀏覽器會把我們寫的HTML,CSS等代碼會渲染成頁面,現在我們探討一下 瀏覽器怎麼樣會把HTML文本渲染成頁面呢? 渲染引擎 渲染引擎包括HTML解析器,CSS解析器,佈局和JS引擎,常見的渲染引擎有如下: HTML

原创 模塊化 CDM AMD

爲什麼會有模塊 我們最初只會有index.js的文件,後來隨着業務的發展,這個代碼發展到了1000多行,就很難讀懂並且很難維護了了,因此我們就想到了分塊,就是把相同業務邏輯的代碼放在一起,這個就是模塊.通常是會把一個文件看作一個模

原创 webpack4 配置

步驟 1.建立一個demo文件 index.html如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Webpcak 配置文件<

原创 CCF 數字排序(java)

問題描述   給定n個整數,請統計出每個整數出現的次數,按出現次數從多到少的順序輸出。 輸入格式   輸入的第一行包含一個整數n,表示給定數字的個數。   第二行包含n個整數,相鄰的整數之間用一個空格分隔,表示所給定的整數。 輸出

原创 javascript異步操作 Promise

語言特色 javascript 是一門單線程語言,意思就是同時只能執行一個任務,其他任務必須排隊等待。 爲什麼搞成單線程原因是因爲一個如果一個線程是在網頁上修改DOM,另一個線程在刪除DOM。這樣肯定不行。JavaScript 從

原创 mac下配置vue環境

原文鏈接:https://www.jianshu.com/p/918314e9f757 我在簡書裏看到一個文章,按它來操作來超級順利,我把它複製過來了。原文原文 一、首先需要安裝必要的軟件 Ho