原创 Vant 的 rem 引用

引入: npm i lib-flexible -S npm i postcss-pxtorem -D main.js import "lib-flexible/flexible"; 項目根目錄下創建: postcss.con

原创 移動端點擊300ms 延時 FastClick

在vue中使用 // 安裝 npm install fastclick -S // 引入 main.js 中 import FastClick from 'fastclick'

原创 canvas 詳解

canvas 什麼是canvas? <canvas></canvas> 英 ['kænvəs] 美 ['kænvəs] 帆布 畫布 Canvas 是一個矩形區域的畫布,可以用 JavaScript 在上面繪畫。控制其每一個像素

原创 vue項目中使用swiper插件

先說說在vue中如何引用swiper 1.npm命令安裝swiper npm install swiper --save-dev 2.在需要用到swiper插件的組件中引入swiper <script> import Swiper

原创 vue 一級路由二級路由 父子路由高亮

一級路由 <template> <div id="app"> <div> <router-link to="/Home">Home</router-link>| <router-link to=

原创 配置淘寶鏡像

1.使用我們定製的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.把npm的

原创 元素 居中 彈出框

實現元素垂直居中的方法很多,相信大家都能說出幾種。相對於PC端,移動端的方法會更多點,平時在網上收集了一些,在此貼出來分享給大家,僅供參考。 方法1:table-cell html結構 <div class="box box1">

原创 module.exports 與 exports,export 與 export default 關係和區別

首先我們要明白一個前提,CommonJS模塊規範和ES6模塊規範完全是兩種不同的概念。 CommonJS模塊規範 Node應用由模塊組成,採用CommonJS模塊規範。 根據這個規範,每個文件就是一個模塊,有自己的作用域。在一個文

原创 vue 全局組件和局部組件

組件分類:全局組件 局部組件 ​ 全局組件在任何地方都可以使用 ​ 局部組件只能在當前實例裏用 全局組件 Vue.component("組件名稱",{ ​ data(){ ​

原创 node + express + axios 增刪改查

// 引入express 包 const express = require("express"); // fs 文件操作內置模塊 const fs = require("fs"); // path 文件目錄路徑內置模塊 con

原创 Vue 詳解

認識vue.js https://blog.csdn.net/feifanzhuli/article/details/76059736 點贊 1 收藏 分享 文章舉報 非凡

原创 vue 生命週期

生命週期 1.vue的生命週期是什麼 ? 2.vue生命週期的在項目中的執行順序 3.vue中內置的方法 屬性和vue生命週期的運行順序(data、methods、computed、watch) 4.自己構造的方法與vue生命週期

原创 vue v-model 單選 複選 下拉 表單

v-model 與 表單 表單控件在實際業務較爲常見,比如單選、多選、下拉、輸入框等,用它們可以完成數據的錄入,校驗,提交等。例如在輸入框上使用時,輸入的內容會實時映射到綁定的數據上。 使用v-model 後,表單控件顯示的值只依

原创 移動端 效果案例

以下效果基於better-scroll插件實現 效果演示:橫向滾動 源代碼: <div class="wrapper"> <div class="content"> <ul class=

原创 canvas 刮刮樂效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>audio</title> <style type="text/css">