原创 uniapp引入字體圖標庫
步驟 1.首先在項目文件夾的src目錄下新建一個styles文件夾，將字體圖標文件放到其中iconfont.wxss 2.在App.vue中的標籤中全局引入字體圖標文件 ``` 3.這樣就完成了字體圖標的引入，在頁面中就可以進行
2020-04-18 17:49:47
原创 uniapp基本使用
uni-app 是一個使用 Vue.js 開發所有前端應用的框架，開發者編寫一套代碼，可發佈到iOS、Android、H5、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應用等多個平臺。 今天我主要介紹的是如何使
2020-04-16 21:56:51
原创 Power Mode插件的使用
1.先下載power mode插件 2.在左下角設置---出現搜索框--在搜索框中輸入settings.json，然後在setting.json中進行編輯 3.將下面的代碼粘貼到裏面 注意：保存的效果只能有一個樣式，其他樣式要註釋起來
2020-02-21 17:30:12
原创 小程序中模板的使用
模板：wxml提供模板（template），可以在模板中定義代碼段，然後在不同的地方進行使用。 1.定義模板 使用name屬性，作爲模板的名字，然後在<template></template>內定義代碼片段 <template name
2020-02-21 17:30:12
原创 react路由的基本介紹
現代前端大多數都是SPA（單頁面程序），也就是隻有一個HTML頁面的應用程序，因爲它的用戶體驗更好，對服務器壓力更小，所以更受歡迎，爲了有效的使用單個頁面來管理原來多頁面的功能，前端路由應運而生。 前端 路由的功能：讓用戶從一個視圖（頁面
2020-02-21 17:30:12
原创 axios請求數據
1.axios的get請求傳參、、、.axios中delete數據請求和get的請求方式是一樣的 // axios.get('http://localhost:3000/axios?id=123').then(function(ret
2020-02-21 17:30:12
原创 Echarts使用
1.在繪製圖表之前，我們需要爲Echarts準備一個具備寬高的DOM容器 <!-- 2. 爲ECharts準備一個具備大小（寬高）的Dom --> <div id="main" style="width: 750px;h
2020-02-21 17:30:11
原创 react受控組件操作表單
1.給每個表單元素添加一個name屬性 2.name屬性的值要和state中的狀態值保持一致 3.使用同一個事件處理程序 class Hello extends React.Component { state = { txt
2020-02-21 17:30:11
原创 在vue中使用Echarts
安裝 安裝其實是比較簡單的，直接在項目中打開命令行工具，執行npm install echarts --save 也可簡寫爲npm i echarts -S，即將Echarts安裝到項目生產環境中。 安裝完成之後我們需要打開main.js
2020-02-21 17:30:11
原创 兩個js文件之間的函數調用
這個問題是今天在工作中遇到的，需要在每個頁面都是用這個函數，需要做函數的封裝，在進行單獨的調用，所以想到能不能在一個js中引用另一個js中的function 這樣的話能大大的減少代碼量 需要用到的兩個文件 <!DOCTYPE h
2020-02-21 17:30:11
原创 render-props模式
1.創建公共的複用組件 2.在複用組件的render方法直接返回 this.props.children（this.state） 3.在使用組件的地方回調函數的參數就是children的值 import React from 'reac
2020-02-21 17:30:11
原创 react中使用非受控組件獲取表單元素的值
class Hello extends React.Component{ constructor(){ super() 利用react提供的React.createRef() this.ref=React.creat
2020-02-21 17:30:11
原创 setState說明
更新數據： setState（）更新數據 是異步的 注意：使用該語法，後面的setState不要依賴前面setState的值 多次調用setState，只會觸發一次render 推薦使用語法： 使用setState（（state，prop
2020-02-21 17:30:11
原创 react的生命週期
1.組件生命週期的作用 組件的生命週期有助於理解組件的運行方式，完成更復雜的組件功能，分析組件錯誤原因等 2.什麼是鉤子函數 生命週期的每個階段總是伴隨着一些方法的調用，這些方法就是生命週期的鉤子函數 組件生命週期的三個階段 1.創建階段
2020-02-21 17:30:11
原创 vue中使用三元表達式實現類名的切換
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-02-21 17:30:11