原创 wx scroll-view的使用(與頁面滾動衝突)

<view class="tui-fixed-y"> <scroll-view class="tui-city-scroll-y" bindscroll="scroll" :scroll-into-view="toView" :scro

原创 css 使用css讓文字超出部分變成...

overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  

原创 佈局 flex 讓圖片和字體垂直對齊

flex圖片文字對齊方式 justify-content: center; 可以控制元素靠左還是居中還是靠右  .alignment { display: flex; flex-direction: row; a

原创 gj TeamView驗證手機號 一直加載

我第一次用谷歌一直加載中 然後換了個ie瀏覽器就好了  如果碰到這樣的問題換個瀏覽器試試

原创 wx 使用canvas畫海報

直接放代碼   各個地方基本都有註釋  <template> <view class="poster"> <canvas v-if="getImg==''" style="width: 315px;height: 502px

原创 佈局 flex讓元素一個靠左一個靠右

flex讓一個元素靠左一個靠右 .about { display: flex; justify-content: flex-end; } 需要靠右的元素加上margin-right: auto;

原创 js 驗證手機號正則

一、驗證手機號正則 /* * * 移動號碼包括的號段:134/135/136/137,138,139; * 147/148(物聯卡號); *

原创 使用SqlSessionTemplate實現數據庫操作

public class UserMapperImpl implements SmbmsUserMapper { private SqlSessionTemplate sqlSession; @Override

原创 VueCli Eslint關閉報錯提示方法

    Eslint用於代碼規範,但是對於空格和縮進也很嚴格,所以說有時候就會因爲縮進和空格報錯。昨天晚上在網上找了很多資料解決列如:改webpack.base.conf.js文件、在eslintrc.js中寫關於Eslint的配置等等。

原创 Vue 使用v-for報錯:Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key

   錯誤原因: 因爲沒有綁定key導致報錯 雖然運行結果不會有錯 但是對於看不得有紅線的我來說還是要解決下的    解決方法如下: <ul v-for="stu in student" :key="stu.id">          

原创 js 原生js監聽物理返回鍵

原生JS 監聽物理返回鍵 1.在此使用的Vue寫的, mounted() { //監聽物理返回鍵   if (window.history && window.history.pushState)

原创 Vue 報錯:This dependency was not found大坑

  報錯提示: This dependency was not found: * /components/Lianxi.vue in ./node_modules/babel-loader/lib!./node_modules/vue-

原创 js 整理 js 點擊事件

onclick:  鼠標點擊事件 ondbclick:鼠標雙擊事件 onmousedown:鼠標按鈕按下 onmouseup:鼠標按下以後再鬆開 onkeypress:鍵盤上的某個鍵按下並鬆開時觸發的事件 onkeydown:鍵盤上的某個

原创 Vue 使用axios無法使用data屬性接收數據

錯誤例子: data() { return { title: '生命週期', cera: '', money: 1 * 5 * 6 * 4, //listuser用於接收axios返回的數據 lis

原创 Vue 配置打包不打包.map文件

在config下的index.js 將productionSourceMap改爲false productionSourceMap: false,