原创 flex佈局 實現進度條

效果圖 vue template模板 mounted 掛載 methods 後臺接口 // An highlighted block [點擊並拖拽以移動] <template> <div class="pro">

原创 vue 打包背景圖片不顯示問題,出現Failed to load resource: net::ERR_FILE_NOT_FOUND,解決

1.Failed to load resource: net::ERR_FILE_NOT_FOUND **~~` 這是代表目標文件未引入 引入目標文件就行 `~~ ** 2.背景圖片不顯示問題 在build/utils.j

原创 vue + webpack + px2rem 把px自動轉爲rem

1.下載lib-flexible npm i lib-flexible --save 2.在index.html中 <html data-dpr = '1'> 在common.css中寫   html { font-size: 10vw

原创 在碼雲上 創建項目以及搭建vue腳手架

1.新建項目 2.填寫基本信息 3.點擊克隆,複製項目地址 4.生成公鑰 1》首先要生成公鑰和私鑰。打開git命令行,輸入ssh-keygen -t rsa -C "自己的郵箱地址 2》一路回車,即可 3》找到.ssh文件夾(C:\U

原创 股票走勢圖-源碼

<template> <div class='kbox'> <div class="top" v-show="seen"> <div class="top-left"><span>{{topdata.ti

原创 封裝 vue axios 方法。通過引入 api/模塊.js 調用方法與後臺對接口,實現頁面的渲染

import axios from 'axios' import store from '@/store/index' import Vue from 'vue' import { Toast } from 'vant'; Vue.use

原创 vue+croppr.js 裁剪圓形圖片

<template> <div id="demo"> <!-- 遮罩層 --> <div class="container" v-show="panel"> <div> <img id="image" :src="url" alt="Pi

原创 RegExp 正則匹配一句話,其中一個單詞顯示高亮

效果圖: ’ <script type="text/javascript"> var str1 = 'For months, city has been engulfed in widespread violence and mobs a

原创 微信小程序保存相冊,拒絕授權之後再次彈出授權附帶生成海報全部代碼

  wxml:<button class='baocun' bindtap='baocun' >保存到本地相冊</button> wxss: /* 生成海報樣式 */   .imagePathBox { width: 100%; h

原创 html訪問圖片資源403問題(http referrer)

之前碰到一個問題,就是html中通過img標籤引入一個圖片地址,報403。但是這個圖片地址直接複製出來在地址欄打開,卻是看得到的。 在HTML代碼的head中添加一句即可 或者 a標籤的referrer <a href="ht

原创 小程序中引入vant-weapp

小程序提示沒有可以構建的npm包: 操作如下 1.進入小程序根目錄,打開cmd,輸入:npm init 輸入命令後一直點回車 2.輸入命令:npm i miniprogram-sm-crypto --production 第一步: 在小程

原创 Vue2.0 $set() v-model.trim

受 ES5 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。因爲 Vue.js 在初始化實例時將屬性轉爲 getter/setter,所以屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。 要處理這種情況,

原创 webstorm2018 激活碼

http://idea.songaw.com:7766 http://idea.youbbs.org http://idea.congm.in http://im.js.cn:8888 http://intellij.mandroid.c

原创 小程序 請求方法封裝,類似於vue

請求封裝request.js var baseUrl = 'https://****'; var sendRrquest = function ({...params}) { var promise = new Promise(funct

原创 微信小程序之生成海報 保存相冊,轉發好友

wxml: <!-- footer --> <view class="s_foot"> <view class="s_simg"> <button open-type="share"> <image class="s_image"