原创 基於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