原创 12、消息提示框與模態彈窗

詳細說明:https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html#wxshowtoastobject 1、消息提示框 2、模態彈窗

原创 12、vue.js 之ref

ref:多用於綁定元素,然後獲取該元素,然後對其寫動畫 運行結果: 可以看出,通過ref綁定的兩個元素,都存儲在this.$refs中

原创 03、react之 JSX語法

1、JSX(javaScriptXML)語法入門:     1、不是一門語言,是一個語法或者說是語法糖     2、JSX標籤其實就是HTML標籤,只不過在javascript中這些標籤的時候,不使用“”,遇到HTML標籤(以<開始),

原创 27、移動端適配

常見的移動端適配方案有4鍾,最常用的是rem 1)固定高度,寬度百分比適配-佈局非常均勻 適合百分比佈局 2)固定寬度,改變縮放比例適配-什麼情況都可以 3)Rem適配 a) 根據屏幕的分辨率動態設置html的文字大小,達到等比縮放的功

原创 16、vue.js 之路由傳值

用node加webpack開發 1、通過網址傳值(在路由裏獲值) 項目文件下src下的main.js文件裏面的代碼如下,其他地方不動 // 這裏是主文件 import Vue from 'vue' // 引入vue import Rou

原创 14、vue.js 之項目代碼規範

vue.js 之項目代碼規範(並不是vue規範,而是其他的一些規範(爲項目下的test文件下的eslinetrc.js規定的),必須這麼寫,否則會報錯) 1、註釋標識符和註釋內容簡必須要有一個空格,否則會報錯。 2、對象屬性的後面的:後

原创 18、vue.js 之路由鉤子函數

路由鉤子函數:實際上是在加載之前處理一些事情, 用node加webpack開發  項目文件下src下的main.js文件裏面的代碼如下,其他地方不動 // 這裏是主文件 import Vue from 'vue' // 引入vue

原创 11、vue.js 之路由

路由簡單示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="ke

原创 19、vue.js 之vue模板代碼的書寫與引用

1、模板的書寫: 主要由下面這3部分組成,每一部分對應各自的內容 2、模板的引用 可以在不同的地方調用,跟使用全局子組件的步驟基本一樣, 3、每個頁面都要顯示的模板在App.vue裏引入,然後使用

原创 09、vue.js 之自定義指令

詳細說明:https://cn.vuejs.org/v2/guide/custom-directive.html 自定義局部指令 自定義全局指令 用法說明:     市面上大多數關於Vue.js自定義指令的文章都在講語法,很

原创 15、vue.js 之路由與子路由

用node加webpack開發 1、版本1 項目文件下src下的main.js文件裏面的代碼如下,其他地方不動 // 這裏是主文件 import Vue from 'vue' // 引入vue import Router from '

原创 21、vue.js 之vuex安裝及使用

1、安裝vuex 1)在package.json加入vuex 2)到項目文件目錄npm install 2、使用vuex 1)前期準備工作 文件創建完畢後,依次: 引入vue、引入vuex、使用vuex、引入/* eslint-d

原创 13、vue.js 之搭建開發環境

1.安裝node.js (http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基於node.js,利用淘寶npm鏡像安裝相關依賴 在cmd裏直接輸入:npm instal

原创 22、vue.js 之常用的一些數據處理方法

1、緩存         加上<keep-alive></keep-alive>標籤把加載過的組件緩存起來,這樣當第二次加載該組件的時候,就不會執行到組件的mounte裏去重新加載一次數據,以便節約流量,只會第一次加載該組件的時候會執行該

原创 01、react 之初介紹

react.js   react-dom.js下載地址:http://www.react-cn.com/ 點贊 收藏 分享 文章舉報 hellopsu 發佈了208