原创 前端vue知識點總結大全

1.框架和庫的區別 框架(framework):有着自己的語法特點、都有對應的各個模塊。 庫(library):專注於一點。 框架的好處: 提到代碼的質量,開發速度 提高代碼的複用率 降低模塊之間的耦合度(高內聚低耦合) UI

原创 微信小程序3D炫彩輪播圖

先看下一下效果圖: 不多BB,直接上代碼: js部分: function getRandomColor() { const rgb = [] for (let i = 0; i < 3; ++i) { let colo

原创 element中el-autocomplete實現中英文搜索功能

<template> <div class="input-item"> <!-- 輸入下拉搜索模板 --> <span>客戶名稱:</span> <el-autocomplete size="mini" v-model="myDataOb

原创 微信小程序返回上一頁的方法並傳參

  這個有點像子-->父傳值 第一步,在子頁面點擊上一步或者保存數據請求成功以後添加如下代碼、   var pages = getCurrentPages(); var prevPage = pages[pages.length -

原创 最簡單有效的數字金額大寫轉換

/** 數字金額大寫轉換(可以處理整數,小數,負數) */ function smalltoBIG(n) { var fraction = ["角", "分"]; var digit = ["零", "壹", "貳", "叄", "肆",

原创 vue請求接口獲取數據的實現及跨域問題

前言 本文基於vue-cli3。 一、通過api接口獲取數據 在vuejs中請求接口,大體分爲兩種方式:vue-source和axios。它們都是經過良好封裝的http請求插件。 下文將簡單介紹一下使用方法。 1. vue-source

原创 根據時間返回一週日期

var searchTime = '20190104'; var mon = "週一 - " + (dealTime(1, searchTime); var tue = "週二 - " + (dealTime(2, searchTime)

原创 vue中使用axios詳解

  前提條件:vue-cli 項目 在main.js導入: // 引入axios,並加到原型鏈中 import axios from 'axios'; Vue.prototype.$axios = axios; import QS fr

原创 數組中根據對象id做去重

const data = [             { id: 1, name: '張三', age: 15, },             { id: 2, name: 'John', age: 18, },             

原创 一些操作數據的簡便方法

// 給對象新增屬性 mydata[i]=Object.assign({},mydata[i],{label:mydata[i].name,value:mydata[i].id,children:[]})   // 更換對象屬性名 //

原创 時間戳與時間的轉換大全

  1,如上圖,想要實現時間實時變化。   //vue methods函數中函數,取nowTime值放在頁面中即可看見效果,如果是web頁面自己轉成函數即可 nowTimes(){ this.timeF

原创 修改瀏覽器滾動條的最簡做法

我們首先看一下效果圖 如果你是需要上圖的效果,請果斷使用ctrl+c將下面的css代碼複製到你的頁面中 <style> ::-webkit-scrollbar { width: 14px; heigh

原创 Vue2.0的三種常用傳值方式、父傳子、子傳父、非父子組件傳值

Vue2.0 傳值方式: 在Vue的框架開發的項目過程中,經常會用到組件來管理不同的功能,有一些公共的組件會被提取出來。這時必然會產生一些疑問和需求?比如一個組件調用另一個組件作爲自己的子組件,那麼我們如何進行給子組件進行傳值呢?如果是電

原创 中高級前端面試祕籍!金三銀四如何直通大廠?!

引言   當下,正面臨着近幾年來的最嚴重的互聯網寒冬,聽得最多的一句話便是:相見於江湖。縮減 HC、裁員不絕於耳,大家都是人心惶惶,年前如此,年後想必肯定又是一場更爲慘烈的江湖廝殺。但筆者始終相信,寒冬之中,人才更是尤爲珍貴。只要有過硬

原创 神奇的css之 -webkit-background-clip: text; 屬性

  <!DOCTYPE html> <html lang="en">   <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,