如果你平時(shí)用Vue寫H5項(xiàng)目比較多,然后突然有一天公司要你用uni-app來(lái)同時(shí)開發(fā)H5和小程序(甚至App),而你卻對(duì)uni-app不熟悉,那么這篇文章或許適合你。 下面我...
如果你平時(shí)用Vue寫H5項(xiàng)目比較多,然后突然有一天公司要你用uni-app來(lái)同時(shí)開發(fā)H5和小程序(甚至App),而你卻對(duì)uni-app不熟悉,那么這篇文章或許適合你。 下面我...
1.使用Set可以使用Set來(lái)實(shí)現(xiàn)數(shù)組對(duì)象的去重,Set是一種不重復(fù)元素的集合。我們可以將數(shù)組對(duì)象中的每個(gè)元素轉(zhuǎn)化為一個(gè)字符串,然后將這些字符串放入Set中,最后將Set轉(zhuǎn)化...
Vue的渲染過程 我們從最簡(jiǎn)單的new Vue開始: Vue在渲染的時(shí)候先調(diào)用原型上的_render函數(shù)將組件對(duì)象轉(zhuǎn)化成一個(gè)VNode實(shí)例;而_render是通過調(diào)用crea...
本文主要介紹Vue頁(yè)面的渲染過程 首先vue會(huì)找到webpack的打包配置文件。在build/webpack.base.conf.js下:在這里,定義了vue的程序入口文件 ...
介紹 2020年9月19日凌晨,尤雨溪大大正式發(fā)布了 Vue.js 3.0 版本,代號(hào):One Piece。此框架新的主要版本提供了更好的性能、更小的捆綁包體積、更好的 Ty...
AJax 優(yōu)化 緩存 Ajax 請(qǐng)求盡量使用GET, 僅取決于cookie數(shù)量 Cookie 優(yōu)化 減少Cookie的大小 使用無(wú)Cookie的域來(lái)存放靜態(tài)資源(可以利用CD...
1. contentBase 該配置項(xiàng)指定了服務(wù)器資源的根目錄,如果不配置contentBase的話,那么contentBase默認(rèn)是當(dāng)前執(zhí)行的目錄,一般是項(xiàng)目的根目錄??赡?..
現(xiàn)在vue-cli已經(jīng)到3.0時(shí)代了;原來(lái)使用vue-cli腳手架也發(fā)生了改變;最后生成的文件相應(yīng)的不一樣了;我寫的這個(gè)總結(jié)是自己在做vue項(xiàng)目的時(shí)候中用到的一些技術(shù)點(diǎn);準(zhǔn)備...
vue中 標(biāo)簽代表插槽 一、內(nèi)容插槽 顧名思義,插槽的作用就是存放內(nèi)容 html代碼如下: javascript代碼如下: 效果如下: 二、后備插槽 在組件模板的 中添加...
如何讓一個(gè)行內(nèi)元素(文字、圖片等)水平垂直居中 行內(nèi)元素的居中問題比較簡(jiǎn)單。 行內(nèi)元素水平居中 給父容器設(shè)置: 行內(nèi)元素垂直居中 讓文字的行高 等于 盒子的高度,可以讓單行文...
ES5 數(shù)組方法 最近總結(jié)了一些ES5和ES6數(shù)組的一些方法,希望能給大家?guī)?lái)一些幫助吧 1.Array.isArray()方法用來(lái)判斷一個(gè)值是否為數(shù)組。它可以彌補(bǔ)typeo...
對(duì)象的屬性分為:數(shù)據(jù)屬性和訪問器屬性。如果要修改對(duì)象的默認(rèn)特性,必須使用Object.defineProperty方法,它接收三個(gè)參數(shù):屬性所在的對(duì)象、屬性的名字、一個(gè)描述符...
先附一張官網(wǎng)上的vue實(shí)例的生命周期圖,每個(gè)Vue實(shí)例在被創(chuàng)建的時(shí)候都需要經(jīng)過一系列的初始化過程,例如需要設(shè)置數(shù)據(jù)監(jiān)聽,編譯模板,將實(shí)例掛載到DOM并在數(shù)據(jù)變化時(shí)更新DOM等...
常見的指令 對(duì)于一些剛接觸Vue的小伙伴來(lái)說,可能都記不清楚Vue有哪些指令 現(xiàn)在,我開始隆重介紹一下Vue有哪些指令。 v-on 是事件綁定,可以縮寫為@,如果需要even...
今天要談的不是前端鑒權(quán)這個(gè)比較大的話題,而是談前端權(quán)限的控制。在項(xiàng)目中遇到一個(gè)問題是管理員才有新建專輯按鈕,普通用戶沒有。那么如何展示呢?在前端領(lǐng)域,一般會(huì)有兩種權(quán)限控制方法...
vue前端按鈕權(quán)限控制隱藏權(quán)限控制描述如何實(shí)現(xiàn)1、儲(chǔ)存權(quán)限數(shù)據(jù)2、權(quán)限判斷方法3、設(shè)置vue自定義指令4、最終代碼與效果 很多后臺(tái)管理系統(tǒng)會(huì)用到權(quán)限管理,菜單權(quán)限比較好控制,...
前言 我們都知道這三種方法都用于綁定this,但沒有區(qū)分好,很容易踩坑。繼多次踩坑之后我又踩坑了,所以決定再次學(xué)習(xí)這種三種方法,并寫下這篇文章,希望大家看了有所幫助,不再踩坑...
對(duì)this的產(chǎn)生原因分析和了解 this在函數(shù)定義時(shí)確定不了,只有在函數(shù)指向時(shí)才能確定,this就是誰(shuí)調(diào)用指向誰(shuí),沒有上一級(jí)即指向widow。第一:this指的是函數(shù)運(yùn)行時(shí)所...
面試中this指向可是避不開的點(diǎn)!但是,看到這篇文章只需要記住一句話就能解決所有this指向問題——this永遠(yuǎn)指向它的左鄰調(diào)用對(duì)象! 一、單層嵌套this指向 輸出結(jié)果為:...
v-model原理 先看一個(gè)例子 這是我們?cè)陂_發(fā)中常用的輸入框的雙向綁定,他實(shí)際的原理是 v-model的原理就是v-bind數(shù)據(jù)綁定與v-on處理函數(shù)綁定的語(yǔ)法糖。 日常開...