原创 Vue項目搭建

一:安裝node.js 安裝教程:http://www.runoob.com/nodejs/nodejs-install-setup.html 安裝完成之後,在cmd命令行工具輸入node - v ,如果能顯示版本號就說明成功安裝了。  

原创 mpvue目錄結構

mpvue目錄結構如圖: srcDom是自己寫的請忽略 dist目錄是在執行npm run dev後由src編譯生成的微信小程序文件。 counter目錄是mpvue官方快速模板中存放vuex的目錄,也就類似於vuex中的store目錄

原创 時間限制

    //時間限制     if (!this.data.isTogether) {       this.setData({         isTogether: true       }, () => {           

原创 mpvue請求封裝

postGet.js //請求接口的域名 const host = 'http://localhost/mpvue/php/' function request (url, method, data, header = {}) {

原创 http與https的區別

HTTP與HTTPS的區別   超文本傳輸協議HTTP協議被用於在Web瀏覽器和網站服務器之間傳遞信息,HTTP協議以明文方式發送內容,不提供任何方式的數據加密,如果攻擊者截取了Web瀏覽器和網站服務器之間的傳輸報文,就可以直接讀懂其中的

原创 點贊改變圖片數量加減一

<!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title>點贊圖片改變數字+1</title>         <style typ

原创 mpvue for循環數組

<template> <div > <div> //循環數組 <div v-for="(item,index) in listData" :key="index">{{item.name}}</

原创 mpvue 引入內部json數組

josn數組datas list-data文件 let list_data=[{ hd:'https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640',

原创 mpvue 組件引用

在list.vue中引用list-tenplatv.vue模板   list-tenplatv.vue模板 頁 <template> <div class="tmp"> 模板應用。。。 </div> </template>

原创 mpvue 組件循環 並動態賦值

引用頁  <template> <div id> <div> <!-- 模板運用 --> <!--把item,跟index傳入組件 :item="item" :index="index"-->

原创 微信小程序框架mpvue引用教程

1. 安裝Node.js 2.  打開Node.js 安裝vue腳手架 輸入:                                npm install --global vue-cli 或者 cnpm install --g

原创 小程序動態設置頂部標題

wx.setNavigationBarTitle({ title:'標題', })  

原创 h5 表格

下面是對應截圖,實現代碼在最下面   上面截圖所對應的代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格</title> </head

原创 flex佈局 帶案例展示源代碼

源代碼在文章最下面 效果截圖     此處爲上面截圖的源代碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>flex佈局</title>

原创 js 自增 自減 累加 累減 ;兩種點擊事件的方法

<!DOCTYPE > <html> <head> <meta charset="UTF-8"> <title>標題</title> <script src="https://cdn.bootcss.com/jquery