原创 React.js實現一個todo-list案例

一、創建項目 首先通過create-react-app  todo-list命令創建一個名爲todo-list的項目,前提是react基本環境已安裝好。結構目錄如下所示: 二、新建父組件 如上圖所示,在src下新建views文件夾,在該

原创 vue中的全屏事件,按esc退出全屏

1、vue頁面中根據是否全屏判斷當前顯示icon圖標,isFull爲true時表示全屏,默認值爲false,並綁定click事件 <div class="screen-icon-box"> <i :cla

原创 微信小程序開發步驟(一)項目創建

一、申請賬號 進入小程序註冊頁 註冊自己的小程序帳號,如下圖所示: 登錄 小程序後臺 ,可在菜單 “設置”-“開發設置” 看到小程序的 AppID 了 。 二、安裝開發工具 前往 開發者工具下載頁面 ,根據自己的操作系統下載對應的安裝包

原创 Vue通過遞歸實現多級菜單展示

1、模擬後臺返回的菜單JSON數據如下data.json文件 { "data": { "router": [ { "path": "",

原创 微信小程序wxParse插件解析html

1、在app.json中添加插件 "plugins": { "wxparse": { "version": "1.0.10", "provider": "wx5d60c080635009b1"

原创 使用js實現將有父子關係的數據轉換成樹形結構數據

1、具有父子關係的一組數據如下,通過id綁定關係 let arr = [ { id: 1, name: "1" }, {

原创 微信小程序開發步驟(二)頁面搭建

在上一章中講述瞭如何創建項目,這一章主要講述小程序中代碼目錄架構,以及創建新頁面。 一、目錄架構 1、app.js是小程序的腳本代碼。我們可以在這個文件中監聽並處理小程序的生命週期函數、聲明全局變量。調用框架提供的豐富的 API,如本例的

原创 跨域請求攜帶cookie的實現

跨域時,前端向服務器發起請求時,需要將 XMLHttpRequest 對象的 withCredentials 屬性設置爲 true,如下所示: $.ajax({ type: "POST"

原创 leetcode算法題7:整數反轉

題目: 給出一個 32 位的有符號整數,你需要將這個整數中每位上的數字進行反轉。 示例 1: 輸入: 123 輸出: 321  示例 2: 輸入: -123 輸出: -321 示例 3: 輸入: 120 輸出: 21 注意: 假設我們的環

原创 leetcode算法題8:字符串轉換整數 (atoi)

題目: 請你來實現一個 atoi 函數,使其能將字符串轉換成整數。 首先,該函數會根據需要丟棄無用的開頭空格字符,直到尋找到第一個非空格的字符爲止。接下來的轉化規則如下: 如果第一個非空字符爲正或者負號時,則將該符號與之後面儘可能多的連續

原创 git本地倉代碼推送到遠程倉報錯:refusing to merge unrelated histories

當從遠程倉庫拉取代碼到本地時,報錯拒絕合併不相關的歷史 ,如下圖所示: 發生上圖原因是由於本地倉庫和遠程倉庫實際上是獨立的兩個倉庫 ,可以通過使用命令: $git pull origin master --allow-unrelate

原创 vue項目打包後字體文件路徑出錯的解決辦法

打包後,css里加載的font文件路徑變成了:rootpath/static/css/static/fonts, 而期望的應該是rootpath/static/fonts。 修改方式:在build/utils的ExtractTextPlu

原创 vue-cli webpack打包開啓Gzip報錯

在根目錄config/index.js中build內找到productionGzip: false,把 false改爲true。與productionSourceMap 剛好相反。      然後npm run build。此時會提示找不

原创 vue視圖刷新的幾種方法

更新數組時,如果直接通過下標修改數組屬性的話,vue頁面不會更新。通過以下幾個方法更新數組push()、pop()、shift()、unshift()、splice()、sort()時,vue才能檢測到數組更新。如果想直接通過下標修改數組

原创 百度地圖的常用事件和方法

1、滾輪縮放     map.enableScrollWheelZoom();   //啓用滾輪放大縮小,默認禁用     map.enableContinuousZoom();    //啓用地圖慣性拖拽,默認禁用 2、拖拽     m