原创 stylus裏使用mixin實現1像素邊框

1、新建mixin文件 mixin.styl border-1px($color) position relative &:after display block position absolute le

原创 自定義一些JS常用工具方法

1、去除字符串左右兩端的空格 trim: function(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 2、取時間戳 createTimestamp: function()

原创 如何在react項目中引入百度地圖

最近在用react做一個項目,需要使用到地圖展示地址,由於之前就有用過百度地圖,申請過ak,所以這次就直接用百度地圖了。但是之前是使用vue,react怎麼使用百度地圖還是第一次,特此記錄,以備有需要的人。 本文首發於本人的

原创 JavaScript 和 CSS 常用工具方法封裝

JavaScript 1. type 類型判斷 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'

原创 在vue中使用superagent封裝http請求

/** * create BY CHUCHUR * 2017年2月22日 14:09:31 */ // 配置API接口地址 // 引用superagent import request from 'superagent' //

原创 vue自定義全局loading組件

loading.vue  <template> <div class="sync-loding" v-show="getLoading"> <div class="ldbox"> <span class="loa

原创 在package.json中配置命令 eslint檢測代碼風格並自動修復

webpack中配置命令  "lint": "eslint --ext .js --ext .jsx --ext .vue client/", "lint-fix": "eslint --fix --ext .js --ext .jsx

原创 vue-router中有layout的佈局寫法

 路由數據demo export default [ '/', '/activity/application', '/activity/change', '/activity/applicationDetail',

原创 vue利用Bscroll開發一個城市列表組件,帶右側字母導航欄

先來一張效果圖: city.vue <template> <div> <city-header></city-header> <city-search :cities="cities"></city-search>

原创 vue如何使用總線機制解決非父子組件傳值的情況

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>非父子組件傳值(Bus/總線、發佈訂閱模式/觀察者模式)</title> <script

原创 移動端禁止用戶縮放頁面完整meta寫法

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scala

原创 EventUtil——跨瀏覽器的事件對象工具函數

var EventUtil = { addEvent: function(element, type, handler) { // 添加綁定 if (element.addEventListener) {

原创 javascript實現將數字轉成千分位的方法小結【5種方式】

一、利用正則的零寬度正預測先行斷言(?=exp),名字有點難記,意思是它斷言自身出現的位置的後面能匹配表達式exp,對此概念還不明白的可以戳這裏,這裏不做過多解釋。數字千分位的特點是,第一個逗號後面數字的個數是3的倍數,正則:/(\d{3

原创 js-驗證碼插件gVerify.js

源碼: !(function(window, document) { function GVerify(options) { //創建一個圖形驗證碼對象,接收options對象爲參數 this.options = { /

原创 解釋同步\異步、阻塞\非阻塞、並行\併發之間的區別

一、同步:執行一個操作之後,等待結果,然後才繼續執行後續的操作。異步:執行一個操作後,可以去執行其他的操作,然後等待通知再回來執行剛纔沒執行完的操作。 同步和異步關注的是消息通信機制,所謂同步,就是在發出一個調用時,在沒有得到結果之前,該