原创 vue-router簡寫

前端路由和後端路由的區別 後端路由: 輸入url>>請求發送到服務器>>服務器解析請求的路徑>>拿到對應的頁面>>返回回去 前端路由: 輸入url>>js解析地址>>找到對應地址的頁面>>執行頁面生成的js>>看到頁面 vue-r

原创 頁面自適應lib-flexible使用

https://www.jianshu.com/p/8e5d2ef6ccea 1.安裝flexible npm install lib-flexible --save 2.引入flexible 在項目入口文件main.js中添加

原创 前端單元測試怎麼寫(以Vue爲例)

單元測試是什麼 對軟件中的最小可測試單元(一個方法)進行測試 單元測試的意義 1、分模塊開發,方便定位到哪個模塊出現問題 2、保證了代碼質量 3、驅動開發(先寫單元測試,通過再寫代碼) 單元測試兩種類型 TDD(測試驅動開發,從需

原创 Vue基於ssr渲染

vue ssr指南 傳統的瀏覽器端渲染 通常,我們的Vue項目實在npm run build打包之後,直接放到服務器端。瀏覽器去請求相應的html,加載對應的js文件,生成DOM。 路由改變,局部刷新,瀏覽器不會刷新 缺點 需要j

原创 axios攔截器設置及其實現原理剖析

axios使用說明文檔 axios攔截器設置 應用場景 請求攔截器用於在接口請求之前做的處理,比如爲每個請求帶上相應的參數(token,時間戳等)。 返回攔截器用於在接口返回之後做的處理,比如對返回的狀態進行判斷(token是否過

原创 Vue中API封裝

實現功能 接口api化 請求自動綁定 防止重複提交 API封裝 1、src目錄下新建api文件夾 index.js ---- 接口總路由 // 接口總路由 import myserver from '../request/getR

原创 新一代Node中間層開發模式

Node中間層—淘寶 PHP中間層—Facebook 開發模式的演變 MVC模式 弊端:前後端不分離,後端壓力過大 MVVM模式 優點:前後端分離 弊端: 1、瀏覽器(客戶端)壓力過大,瀏覽器CPU佔用過大 2、不利於SEO,

原创 剖析vue內部運行機制

掘金小冊-剖析Vue.js內部運行機制 Vue.js技術揭祕 Vue源碼分析 Vue面試題 尤雨溪講解vue Vue的實質 Vue實際上是一個方法類,在原型上擴展了很多方法 源碼目錄:src/core/instance/index

原创 JS面試題-那些你不知道的事

Q1: let s = “1+2+3 * (4 + 5 * (6 + 7))”,寫一個程序,解析這個表達式得到結果(一般化)。 A: 將這個表達式轉換爲“波蘭式”表達式,然後使用棧結構來運算。 Q2: 監測一個對象是否具有某個屬性

原创 導出Echarts圖表

導出原理: 得到Echarts畫出的canvas圖片的base64,將其導出 代碼: <el-button type="primary" @click="downLoad">導出</el-button> <div id="vo

原创 Vue之scrollTop滾動到頂部

<template> <div class="footer"> <p>我是一隻小可愛</p> <p>我是一隻小可愛</p> <p>我是一隻小可愛</p> <p>我是一隻小可愛</p> <p

原创 部分手機localStorage失效,兼容localStorage處理

封裝方法 /** * setLocalStorage */ common.setLocalStorage = function(key, value, isJson) { common.debugPrint("設置

原创 非webpack、cli環境下,babel解析es6代碼轉爲es5,以及grunt中配置babel

非webpack、cli環境下,babel解析es6代碼轉爲es5 在非webpack、cli環境下,引入es6代碼,如果不注意直接發佈生產,在部分低版本瀏覽器(IE)或手機(如iphone6P系統版本ios10以下的)會報錯。這

原创 圖片上傳(調用微信接口)

圖片上傳之原生方法 圖片上傳、壓縮、回顯、縮略圖放大、刪除、下載,可以參考這兒(h5方法) https://github.com/zhangstar1331/pictureUpload 效果展示 背景 圖片上傳,我們一般用下面的

原创 Django2創建項目及連接數據庫

官方文檔:https://docs.djangoproject.com/zh-hans/2.1/ 創建項目 創建路由分發 主路由urls.py配置: from django.contrib import admin from d