原创 vue-awesome-swiper 按住不鬆緩慢切換滑動,不觸發onSlideChangeStart、onSlideChangeEnd怎麼辦-----解決方法

問題:vue-awesome-swiper 按住不鬆緩慢切換滑動,不觸發onSlideChangeStart、onSlideChangeEnd怎麼辦 官網地址:https://3.swiper.com.cn/ 近期做一個移動端輪播圖,用到

原创 Mint UI 之loadmore組件的坑:內部元素頭部被遮擋了一部分(scroll了)

前端經常會遇到數據分頁加載的需求,mint-ui組件爲大家提供了loadmore組件 但是我在使用的時候,遇到了一個問題:寫好佈局和樣式以及邏輯之後,我的mt-loadmore標籤的頭部總是不頂在父元素content的頂部,給了paddi

原创 Vue父子組件通信,props和自定義監聽$emit

1.子組件通過props接收父組件中的值,插入子組件中會跟隨父組件而變化。(:x="num")--->頁面中插入{{x}} 2.如果只想變接收過來的值,而不改變父組件的,則吧接收過來的值存一下。(newx:this.x)--->頁面中插入

原创 ES6新特性彙總

1.let  :塊級作用域、沒有預解析、不能重複聲明同一個變量 const常量 NUM = 10 ;常量不可修改,如果是對象的話,可以修改值 2.解構賦值 eg1:obj = {data:123},可以直接將data從obj中解構出來:l

原创 mac電腦解除angular項目端口占用:ng serve --open Port 4200 is already in use.

mac電腦解決angular端口占用的問題 sudo lsof -i :4200 查看4200端口對應的pid: 4200端口對應的pid是 2485 所以輸入: sudo kill -9 2485 就可以解除4200端口的佔用了 再次

原创 Node模塊之http ,fs,express,path

1.http模塊 用來起一個後端服務(程序) ①前提:執行了npm init 創建了包含package.json文件的初始化文件夾、 ②導入模塊: let  http = require("http"); node中使用require導入

原创 新建html頁面中的標籤含義

關於html標籤的小知識:         我們打開編輯器(Webstorm / Dreamweaver /Hbuilder /Sublime等等)新建html頁面之後,總會出現好幾行的默認代碼,這些代碼是什麼意思呢。下面以Hbuilde

原创 前端需要了解的Node.js基礎

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境 1.基礎流程 ( 在nodejs中是不能使用es6的規範的(在react中可以使用import導入模塊,是webpack編譯做到的) nodejs使

原创 常用git指令分享

paopao日常工作中常用的一些git指令和流程,好記性不如爛筆頭,在此記錄一下便於查找,也分享給大家。O(∩_∩)O 1.git查看操作指令類: git init 本地文件夾新建git庫 git remote add origin 項目

原创 原生js實現【元素拖拽】so easy

 第一步:創建一個小盒子,絕對定位一下。 <style> .box{ position: absolute; left: 0; top: 0;

原创 碰撞檢測的封裝函數

function bump(el,el2) { let elRect = el.getBoundingClientRect(); let el2Rect = el.getBoundingClientRect();

原创 css:border的寫法(圓角)

一、在style中,元素的邊框有三個常用屬性,中間用空格隔開: border: width(邊框粗細)  style(邊框樣式)  color(邊框顏色); 舉例:border:20px  solid  red; 就是 20px的--實心

原创 RegExp 正則表達式及相關用法

一、正則表達式,又稱規則表達式 查找匹配某些符合規則的字符串,正則表達式就是寫這種規則的工具 1. 直接量定義         /正則表達式/[修飾符] 2. 實例化方式         new RegExp(字符串,[修飾符])    

原创 Mint UI 之Datetime picker組件mt-datetime-picker展示7行日期,太高,怎麼改樣式

問題:mint-ui中的時間選擇器組件,高度過高,想對其樣式進行調整 1.mint-ui中的時間選擇器組件,高度過高,有7行日期,見下圖: 有時會不符合ui要求。想把它改低一點,只顯示5行日期。 第一個思路是吧父元素高度變少,研究了一

原创 分享一套自己封裝的ajax請求--結合jquery&&vue

分享一套自己封裝的ajax請求--結合jquery&&vue axios和ajax各有利弊,相對而言,原生ajax較爲複雜,一般都會對其進行封裝,便於使用。 1.代碼自取 我基於jquery的ajax進一步封裝了一套自用的ajax,分享給