原创 圖文並茂帶你弄懂物理分辨率、分辨率、物理像素、邏輯像素、dpr、ppi

目錄 物理分辨率和分辨率 什麼是物理像素 什麼是CSS像素 什麼是設備像素比 什麼是標清屏和高清屏 縮放 什麼是PPI(DPI)   物理分辨率和分辨率 首先得知道物理分辨率和分辨率是2個概念,可別混淆。 物理分辨率(標準分辨率):顯示屏

原创 Vue中的事件綁定和修飾符

目錄 @click的方法只寫了方法名沒括號? @click方法寫上參數 事件的修飾符 @click.prevent @click.stop與@click.prevent @click.capture(捕獲) @click.self @cl

原创 第13章 JS-Web-API-存儲【內容雖然不多,但不可不會】

返回章節目錄 目錄 1.cookie cookie的特點 代碼演示 cookie的缺點 2.html5存儲 localStorage和sessionStorage特點 代碼演示   1.cookie cookie的特點 1.本身用於瀏覽器

原创 第12章 JS-Web-API-Ajax【每個工程師必須熟練掌握的技能】

返回章節目錄 目錄 1.XMLHttpRequest get請求 流程和api說明 post請求 2.同源策略和跨域 同源策略 可以不遵守同源策略的情況 跨域 3.jsonp和cors 引出問題 jsonp的基本實現原理 你真的瞭解jso

原创 Vue中的表單綁定(全 gif 演示)

目錄 文本input的輸入綁定 多行文本textarea的輸入綁定 複選框checkbox的綁定 單選框radio的綁定 選擇框select的綁定 表單綁定中的修飾符 v-model.lazy v-model.number v-model

原创 記錄ES6作用域的坑

例子1 function a(b) { console.log(b); var b = 10; function b(){}; } a(30); 實際上上面這段代碼是這麼執行的,請看下面代碼的註釋 func

原创 數據庫MySQL詳解

目錄 第1章 數據庫 1.1 數據庫概述 1.2 數據庫表 1.3 表數據 第2章 MySql數據庫 2.1 MySql安裝 2.2 登錄MySQL數據庫 2.3 SQLyog(MySQL圖形化開發工具) 第3章 SQL語句 3.1 SQ

原创 《快速搞定前端技術一面——匹配大廠面試要求》學習目錄

課程原名《抓緊面試前的寶貴時間 快速搞定前端初級JavaScript面試》,在2020/06/08 10:21更新內容和名字 學習更新中......................................... 既然是面試學習,就

原创 點擊按鈕背景變灰色,鬆開恢復原來色

點贊再看,養成好習慣~~~~ demo有的頁面有100多個列表項,需要點擊列表項的時候背景變灰色,鬆開後背景恢復原來色,這個樣式加上才讓人更清楚地看到是點擊的哪一個按鈕,視覺友好。 最初的時候我是想用js邏輯去修改樣式,如果點擊了,那

原创 js除了立即執行函數,你還可以這麼玩 (預計閱讀 1 min)

【本文預計閱讀時長 1 min】 假如在同一個目錄下,兩個js裏面可能有同名函數,後面js裏定義的函數會覆蓋前面js定義的函數,爲了避免衝突,要用模塊化的思想解決問題,大家可能都會使用立即執行函數去解決。 如下簡單例子: test.h

原创 box-sizing——移動Web開發者不得不知的屬性

大忙人可以直接看結論 關於box-sizing的值 box-sizing: content-box        盒模型寬/高 = width/height + padding + border box-sizing: border-b

原创 圖文並茂讓你必須弄懂 viewport

請先確保閱讀第一篇瞭解概念:圖文並茂帶你弄懂物理分辨率、分辨率、物理像素、邏輯像素、dpr、ppi,否則此文可能閱讀困難。 目錄 不得不說的屏幕尺寸 必須說說窗戶尺寸 視口viewport問題引出 放大 縮小 width=device

原创 圖文並茂帶你弄懂分辨率、物理像素、邏輯像素、dpr、ppi

目錄 什麼是分辨率 什麼是物理像素 什麼是CSS像素 什麼是設備像素比 什麼是標清屏和高清屏 縮放 什麼是PPI(DPI)   什麼是分辨率 我們把一個個像素點當成小格子,那麼下圖的分辨率就是2 * 4的分辨率,代表橫向2個像素點,縱向有

原创 帶你領略JavaScript數組遍歷你壓根沒想過的驚豔操作

目錄 入門級通用for循環 forEach forEach和普通for循環居然還有區別? 用every也能實現數組遍歷? for in遍歷數組爲什麼會有問題? for of   入門級通用for循環 // 最普通最簡單的for循環 co

原创 你覺得應該如何把僞數組轉換爲數組?

目錄 什麼是僞數組? ES5中僞數組轉換成數組 ES6中僞數組轉換成數組  Array.from語法   什麼是僞數組? 僞數組對象是按照索引方式存儲數據的,它具備length屬性,就像下面這樣 { 0: 'a', 1: