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