特別聲明:此篇文章內(nèi)容來源于@Jeremy Wagner的《Lazy Loading Images and Video》一文互拾。著作權(quán)歸作者所有。 作為網(wǎng)頁內(nèi)容的一部分萧锉,圖像和...
特別聲明:此篇文章內(nèi)容來源于@Jeremy Wagner的《Lazy Loading Images and Video》一文互拾。著作權(quán)歸作者所有。 作為網(wǎng)頁內(nèi)容的一部分萧锉,圖像和...
場(chǎng)景:A頁面跳轉(zhuǎn)到B頁面并攜帶參數(shù) 方案一:聲明式導(dǎo)航router-link 1.1不帶參數(shù): 1.2帶參數(shù): 方案二:編程式導(dǎo)航 this.$router.push() 2...
1.props / emit 父組件向子組件傳值下面通過一個(gè)例子說明父組件如何向子組件傳遞數(shù)據(jù):在子組件article.vue中如何獲取父組件section.vue中的數(shù)據(jù)a...
性能優(yōu)化: 一禀崖、減少請(qǐng)求資源大小或者次數(shù) 1、盡量和并和壓縮css和js文件螟炫。(將css文件和并為一個(gè)波附。將js合并為一個(gè))原因:主要是為了減少http請(qǐng)求次數(shù)以及減少請(qǐng)求資源...
1.微信小程序組件的生命周期 onLoad: 頁面加載一個(gè)頁面只會(huì)調(diào)用一次,可以在 onLoad 中獲取打開當(dāng)前頁面所調(diào)用的 query 參數(shù)昼钻。onShow: 頁面顯示每次打...
1. 具名插槽 1.1 沒有使用具名插槽的問題 有的時(shí)候我們?cè)谑褂米咏M件時(shí),在子組件模板上不同的位置插入不同的內(nèi)容, 只有一個(gè)插槽顯然沒法滿足我們的需求,看示例: 需求如下:...
前言 一些初學(xué)者可能對(duì)計(jì)算屬性和偵聽屬性的使用場(chǎng)景感到困惑不解掸屡,本文主要介紹兩者的用法、使用場(chǎng)景及其兩者的區(qū)別然评。 本文的代碼請(qǐng)猛戳github博客仅财,紙上得來終覺淺,大家動(dòng)手多...
從來沒搞過前端后臺(tái)满着,學(xué)小程序,不懂的地方越來越多贯莺,忘得越來越快风喇,記錄一下 1. 為什么要Promise? 在JavaScript中缕探,難免會(huì)遇到異步訪問的場(chǎng)景魂莫,比如打開文件,訪...
首先引入初始化css,保證消除不同瀏覽器默認(rèn)樣式;解決方法:(1)讓低版本兼容h5標(biāo)簽引入html5shiv.js(2)讓低版本兼容媒體查詢引入respond.js(3)讓低...
原因 由于不同的手機(jī)有不同的像素密度導(dǎo)致的爹耗。如果移動(dòng)顯示屏的分辨率始終是普通屏幕的2倍耙考,1px的邊框在devicePixelRatio=2的移動(dòng)顯示屏下會(huì)顯示成2px,所以在...
在學(xué)習(xí)深拷貝之前倦始,我們要先搞明白什么是深拷貝? 在JS中山卦,數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型兩種鞋邑,對(duì)于基本數(shù)據(jù)類型來說,它的值直接存儲(chǔ)在棧內(nèi)存中,而對(duì)于引用類型來說枚碗,它在...
引言 當(dāng)下肮雨,正面臨著近幾年來的最嚴(yán)重的互聯(lián)網(wǎng)寒冬遵堵,聽得最多的一句話便是:相見于江湖~??≡构妫縮減HC陌宿、裁員不絕于耳,大家都是人心惶惶波丰,年前如此壳坪,年后想必肯定又是一場(chǎng)更為慘烈的江湖...
數(shù)組排序 1.冒泡排序 從第0項(xiàng)開始,與其相鄰后面的一項(xiàng)比較呀舔,如果大于后一項(xiàng)就交換位置弥虐,使大的在后,遍歷一輪后最大的數(shù)到了倒數(shù)第一項(xiàng)位置媚赖,繼續(xù)以此類推實(shí)現(xiàn)冒泡排序霜瘪。 2.選擇...
一、JS的基本數(shù)據(jù)類型 基本數(shù)據(jù)類型:String磨隘,Boolean缤底,Number,Undefined番捂,Null个唧; 引用數(shù)據(jù)類型:Object(Array,Date设预,RegEx...
Web 安全的對(duì)于 Web 從業(yè)人員來說是一個(gè)非常重要的課題 , 所以在這里總結(jié)一下 Web 相關(guān)的安全攻防知識(shí)徙歼,希望以后不要再踩雷,也希望對(duì)看到這篇文章的同學(xué)有所幫助鳖枕。今天...
1. 性能優(yōu)化1 1.1 頁面重構(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í)現(xiàn)原理 - 如何實(shí)現(xiàn)雙向綁定mvvm 本文能幫你做什么?1魏烫、了解vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊2辣苏、緩解好奇心的同時(shí)了解如何實(shí)現(xiàn)雙向綁定為了便于說明原理與...