特別聲明：此篇文章內(nèi)容來(lái)源于@Jeremy Wagner的《Lazy Loading Images and Video》一文。著作權(quán)歸作者所有。 作為網(wǎng)頁(yè)內(nèi)容的一部分，圖像和...
IP屬地：廣東
-
懶加載是如何實(shí)現(xiàn)的？ -
vue 路由原理
前端路由 1.hash模式隨著ajax的流行，異步數(shù)據(jù)請(qǐng)求交互運(yùn)行在不刷新瀏覽器的情況下進(jìn)行。而異步交互體驗(yàn)的更高級(jí)版本就是spa -- 單頁(yè)應(yīng)用應(yīng)用部?jī)H僅是在頁(yè)面交互是無(wú)刷...
-
vue路由跳轉(zhuǎn)頁(yè)面的幾種方式及其區(qū)別
場(chǎng)景：A頁(yè)面跳轉(zhuǎn)到B頁(yè)面并攜帶參數(shù) 方案一：聲明式導(dǎo)航router-link 1.1不帶參數(shù)： 1.2帶參數(shù)： 方案二：編程式導(dǎo)航 this.$router.push() 2...
-
Http面試題集合
Http與Https的區(qū)別？ HTTP 的URL 以http:// 開(kāi)頭，而HTTPS 的URL 以https:// 開(kāi)頭 HTTP 是不安全的，而 HTTPS 是安全的 H...
-
vue的8種通信方式1.props / emit 父組件向子組件傳值下面通過(guò)一個(gè)例子說(shuō)明父組件如何向子組件傳遞數(shù)據(jù)：在子組件article.vue中如何獲取父組件section.vue中的數(shù)據(jù)a...
-
前端性能優(yōu)化匯總
性能優(yōu)化： 一、減少請(qǐng)求資源大小或者次數(shù) 1、盡量和并和壓縮css和js文件。（將css文件和并為一個(gè)。將js合并為一個(gè)）原因：主要是為了減少http請(qǐng)求次數(shù)以及減少請(qǐng)求資源...
-
微信小程序面試題20201.微信小程序組件的生命周期 onLoad: 頁(yè)面加載一個(gè)頁(yè)面只會(huì)調(diào)用一次，可以在 onLoad 中獲取打開(kāi)當(dāng)前頁(yè)面所調(diào)用的 query 參數(shù)。onShow: 頁(yè)面顯示每次打...
-
第二十四節(jié):Vue插槽:Vue具名插槽/作用域插槽/v-slot指令1. 具名插槽 1.1 沒(méi)有使用具名插槽的問(wèn)題 有的時(shí)候我們?cè)谑褂米咏M件時(shí),在子組件模板上不同的位置插入不同的內(nèi)容, 只有一個(gè)插槽顯然沒(méi)法滿足我們的需求,看示例: 需求如下:...
-
詳解Vue計(jì)算屬性和偵聽(tīng)屬性
前言 一些初學(xué)者可能對(duì)計(jì)算屬性和偵聽(tīng)屬性的使用場(chǎng)景感到困惑不解，本文主要介紹兩者的用法、使用場(chǎng)景及其兩者的區(qū)別。 本文的代碼請(qǐng)猛戳github博客，紙上得來(lái)終覺(jué)淺，大家動(dòng)手多...
-
深入理解Promise、async和await從來(lái)沒(méi)搞過(guò)前端后臺(tái)，學(xué)小程序，不懂的地方越來(lái)越多，忘得越來(lái)越快，記錄一下 1. 為什么要Promise？ 在JavaScript中，難免會(huì)遇到異步訪問(wèn)的場(chǎng)景，比如打開(kāi)文件，訪...
-
如何在pc端處理h5c3的兼容性
首先引入初始化css,保證消除不同瀏覽器默認(rèn)樣式;解決方法:(1)讓低版本兼容h5標(biāo)簽引入html5shiv.js(2)讓低版本兼容媒體查詢引入respond.js(3)讓低...
-
移動(dòng)端1px問(wèn)題的解決辦法
原因 由于不同的手機(jī)有不同的像素密度導(dǎo)致的。如果移動(dòng)顯示屏的分辨率始終是普通屏幕的2倍，1px的邊框在devicePixelRatio=2的移動(dòng)顯示屏下會(huì)顯示成2px，所以在...
-
淺談JS深拷貝（深克隆）@郝晨光在學(xué)習(xí)深拷貝之前，我們要先搞明白什么是深拷貝？ 在JS中，數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型兩種，對(duì)于基本數(shù)據(jù)類型來(lái)說(shuō)，它的值直接存儲(chǔ)在棧內(nèi)存中，而對(duì)于引用類型來(lái)說(shuō)，它在...
-
中高級(jí)前端大廠面試秘籍，為你保駕護(hù)航金三銀四，直通大廠(上)引言 當(dāng)下，正面臨著近幾年來(lái)的最嚴(yán)重的互聯(lián)網(wǎng)寒冬，聽(tīng)得最多的一句話便是：相見(jiàn)于江湖~???？s減HC、裁員不絕于耳，大家都是人心惶惶，年前如此，年后想必肯定又是一場(chǎng)更為慘烈的江湖...
-
js數(shù)組排序和數(shù)組去重
數(shù)組排序 1.冒泡排序 從第0項(xiàng)開(kāi)始，與其相鄰后面的一項(xiàng)比較，如果大于后一項(xiàng)就交換位置，使大的在后，遍歷一輪后最大的數(shù)到了倒數(shù)第一項(xiàng)位置，繼續(xù)以此類推實(shí)現(xiàn)冒泡排序。 2.選擇...
-
總結(jié)了自己在面試過(guò)程中，遇到的一些問(wèn)題
-
JS深拷貝和淺拷貝的實(shí)現(xiàn)一、JS的基本數(shù)據(jù)類型 基本數(shù)據(jù)類型：String，Boolean，Number，Undefined，Null； 引用數(shù)據(jù)類型：Object(Array，Date，RegEx...
-
常見(jiàn)web安全攻防總結(jié)Web 安全的對(duì)于 Web 從業(yè)人員來(lái)說(shuō)是一個(gè)非常重要的課題 , 所以在這里總結(jié)一下 Web 相關(guān)的安全攻防知識(shí)，希望以后不要再踩雷，也希望對(duì)看到這篇文章的同學(xué)有所幫助。今天...
-
前端工程師面試題(性能優(yōu)化)
1. 性能優(yōu)化1 1.1 頁(yè)面重構(gòu)怎么操作？ 1.2 什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？ 1.3 前端性能優(yōu)化的方法？ （1） 減少http請(qǐng)求次數(shù)：CSS Sprites, JS、...
-
Vue雙向數(shù)據(jù)綁定原理
剖析Vue實(shí)現(xiàn)原理 - 如何實(shí)現(xiàn)雙向綁定mvvm 本文能幫你做什么？1、了解vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊2、緩解好奇心的同時(shí)了解如何實(shí)現(xiàn)雙向綁定為了便于說(shuō)明原理與...
