原创 vue-table-with-tree-grid 表格單元格下拉展示子項

下拉表格類似於展開是3,合起是2,這樣子: 安裝 npm install --save vue-table-with-tree-grid 安裝完成後,需要進行導入及註冊(我放置的位置爲main.js): import TreeTab

原创 瞭解 JS事件循環機制

JavaScript 是一門單線程語言,雖然在 html5 中提出了 Web-Worker ,但這並未改變 JavaScript 是單線程這一核心。 爲了協調事件、用戶交互、腳本、UI 渲染和網絡處理等行爲,用戶引擎必須使用 event

原创 HBuilderX創建uni-app項目如何運行到手機上

很多人在使用HBuilderX創建uni-app項目的時候想要在手機上運行看看效果,但是你會發現,當你點擊運行下面的“運行到手機或模擬器(N)”時,發現顯示的是“未檢測到手機或模擬器,請稍後重試”,然後在百度上搜索,會出現各種各樣的方法,

原创 知道url的情況下獲取其後的參數,並將其轉換爲json對象

這裏有一個 url=https://www/.baidu.com/s?id=111&name=xiaoming,需要將它變成 {id: "123", name: "xiaoming"} var url="http://www.baidu

原创 webpack打包工具 入門學習 1

一、webpack是什麼? 官網地址:https://webpack.js.org/ webpack is a module bundler(模塊打包⼯具) Webpack是⼀個打包模塊化JavaScript的⼯具,它會從⼊⼝模塊出發

原创 js內this的指向

面嚮對象語言中 this 表示當前對象的一個引用。this 就是一個指針,指向我們調用函數的對象。 但在 JavaScript 中 this 不是固定不變的,它會隨着執行環境的改變而改變。 在方法中,this 表示該方法所屬的對象。 如果

原创 Hot Module Replacement (HMR:熱模塊替換)

HMR配置 啓動hmr,這裏有添加熱更新屬性:   devServer: { contentBase: "./dist", port: 8081, open: true, // 熱替換 ho

原创 一些JS小點 雜

1.alert()是Javascript中BOM對象window的方法。在全局bai作用域內,window是默認的this,因此可以省略掉。  alert()會將內部的東西轉換爲字符串。 而且js運行機制會自動添加分號。   2.在Jav

原创 js實現圖片懶加載【附代碼】

圖片懶加載 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:

原创 Vue項目使用富文本編輯器vue-quill-editor

安裝 npm install vue-quill-editor --save 配置 import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import

原创 Echarts圖形庫的使用、動態數據獲取及交互組件的使用

ECharts,縮寫來自Enterprise Charts,商業級數據圖表,一個純Javascript的圖表庫,可以流暢的運行在PC和移動設備上。 使用(五步) 第一步:導入echarts 1.瀏覽器 <script type="tex

原创 使用小程序雲開發獲取用戶openId

雲開發操作 使用小程序雲開發,可從此處進入: 打開微信開發者工具,看下圖位置: 然後會出現雲開發界面,可以看到這樣的界面(截了一半): 點擊雲函數,可以看到小程序內新增的雲函數:     獲取openId 先看看wxml部分代碼:

原创 小程序雲開發實現數據操作功能

本文將講述小程序雲開發對數據的增刪改查等操作。   新增數據 查看官方文檔 例子: <button bindtap="add">添加數據</button> add(){ // 獲取雲開發數據庫調用 const db =

原创 webpack多頁面打包通用方案

webpack.config.js配置文件: entry:{ index:"./src/index", list:"./src/list", detail:"./src/detail" } new htmlWebpackPlugi

原创 Webpack-dev-server配置開發及跨域解決

  提升開發效率的利器 每次改完代碼都需要重新打包⼀次,打開瀏覽器,刷新⼀次,很麻煩,我們可以安裝使⽤webpackdevserver來改善這塊的體驗   安裝 npm install webpack-dev-server -D