原创 基於vue-cli+vue2+vuex+vue-router的仿簡書官網項目

由於guthub庫搜索vue2項目大部分都是移動端,因此本人仿照簡書官網做了pc端的實操項目。 本項目爲純前端實現,所有數據均爲前端自造。且僅實現了部分功能。 github源碼地址 https://github.com/Tempta

原创 設置checkbox與文字對齊

checkbox { vertival-align:text-bottom; margin-bottom:0; }

原创 axios攻略

Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。 Features 從瀏覽器中創建 XMLHttpRequests 從 node.js 創建 http 請求 支持 Promise AP

原创 vue-cli配置反向代理解決跨域及過程理解

vue-cli提供了配置反向代理的接口,即設置config/index.js中的proxyTable。配置如下: dev: { ...... proxyTable: { '/api':{ //將www.ex

原创 設置div高度爲瀏覽器可視窗口的高度

div { position:absolute; top:0; left:0; height:100%; }

原创 Vue2進階知識點

數據與方法 當一個Vue 實例被創建時,它向Vue的響應式系統中加入了其 data對象中能找到的所有的屬性。當這些屬性的值發生改變時,視圖將會產生“響應”,即匹配更新爲新的值。 // 我們的數據對象 var data = { a: 1

原创 單點登陸

原文地址 登陸: 相比於單系統登錄,sso(單點登錄Single Sign On)需要一個獨立的認證中心,只有認證中心能接受用戶的用戶名密碼等安全信息,其他系統不提供登錄入口,只接受認證中心的間接授權。間接授權通過令牌實現,sso認證中心

原创 gulp插件

js文件壓縮 gulp-uglify var gulp = require('gulp'), uglify = require("gulp-uglify"); gulp.task('minify-js', function

原创 vue的雙向綁定原理及實現

https://www.cnblogs.com/libin-1/p/6893712.html

原创 vue2學習小計

雙向數據綁定 原理:通過數據劫持結合發佈者-訂閱者模式的方式實現 具體:首先對數據進行劫持監聽(使用Object.defineProperty),設置一個監聽器Observer,用來監聽所有屬性。當屬性發生變化,訂閱者Watcher收到

原创 css實現超出文本...顯示

.ell {        text-overflow:ellipsis;        white-space:nowrap;        overflow:hidden; }

原创 js實現上傳圖片並顯示的兩種實現方式(無需上傳到服務器再顯示)

方法一: <input type='file' id='chooseFile'> <img src='' id='picToCheck'/> document .querySelector('#chooseFile')

原创 數組的forEach()和jquery的each()

//數組的forEach() //內部的this指向window var arr=[]; arr.forEach(function(val,index){ }); //jquery的each() //內部的this指向遍歷的每一個值 $

原创 angular數據雙向綁定原理

數據雙向綁定就是頁面操作實時反應到數據,數據變化實時顯示在頁面通過編寫代碼,將從服務器獲取的數據進行處理,然後展現到視圖上。每當數據有變更時,我們會再次進行渲染,從而更新視圖,使得視圖與數據保持一致。頁面則通過用戶的交互,產生狀態、數據的

原创 清除浮動造成的父元素高度坍塌的影響

父元素float:left <div style="float:left"> <img style="float:left"> </div> 父元素position:absolute <div style="position:a