原创 Vue + express + mysql 實現登陸頁

這是接觸express 嘗試的第一個項目。 利用 express 和 mysql 來編寫數據存儲的後端api，來讀取和存儲數據庫裏存的用戶信息。 要注意的問題： ·  解決跨域  · axios 的配置 · Vue 頁面刷新，狀態數據丟失

2018-11-08 09:45:54

原创 小程序獲取頭像暱稱

從年初開始，打開小程序，工具欄都會彈出這個提醒： 也就是，默認不彈出授權詢問框，默認獲取不到用戶信息（頭像、暱稱等）！   如果你需要用到這個接口，可以嘗試以下方法： 1、用 button 組件，將屬性名 open-type 設置爲 g

2018-11-04 10:40:37

原创 Vue.js 換膚

思路： Less / Sass / Stylus ，定義多種皮膚對應的方法，點擊皮膚顏色，切換最外層 div#app 的 class，來實現換膚。 App.vue  <template> <div id="app" :class="

2018-09-26 09:20:04 3

原创 JS this - 這個

this，這個！ This is mine.  這個是我的！ This is yours. 這個是你的！ 世間萬物，皆有所屬！你的，我的，她的！哪怕失物，無人領取，也會歸於公共名下！   今天來聊聊 this，如果要用到JS，this 是

2018-09-18 08:55:12 2

原创 JS 面試題 -奇葩說

1、console.log 怎麼打印有顏色的字體 2、“15”+5 的結果是？“15”-5 的結果是？ 3、1 + - + + + - + 1 結果是？ 4、(function() {  var x = y = 1;})(); conso

2018-09-14 23:29:44 2

原创 z-index 元素順序 - 後宮甄嬛

先提三個問題： 1、position 和 z-index 的默認屬性是什麼？ 希望你答對了！答案：position：static，z-index ：auto 剩下的兩個問題： 2、position 所有屬性值，是否支持 z-index ？

2018-09-04 03:17:14

原创 當 vue 遇上 小程序 （3）

接 上一篇 [當 vue 遇上 小程序 （1）] 1.5、嵌套循環  · Vue.js <!-- App.vue --> <template> <div id="app"> <div v-for="item in

2018-09-04 03:17:14

原创 Sass、Less 、Stylus 的三國演義（1）

        古往今來，生產力的發展，推動着人類社會的進步。人類社會的進步，又主導了勞動工具的革新。         Css亦然，發展至今，Css3 已經普及，甚至Css 4 的規範，都已經在制定中。功能越來越強大，視覺越來越酷炫，但就

2018-08-22 07:32:14

原创 js & jQuery 綁定未來的元素

最近，一個同事跟我求助，說在頁面點擊按鈕，向一個 div 添加 select 標籤，根據 select 選中項取值，但取不到！如下： <button id="btn">btn</button> <div id="box"></div>

2018-08-22 07:32:13

原创 純 Css 實現 ui-layout 佈局

       年初，公司 UI 框架升級，幾番比較以後，layui 和 adminLte 同時入選。當然，很明顯，這倆框架都是師出 bootstrap，提供基礎的樣式、組件、插件。但要‘本土化’到項目中來，多少要再翻炒一遍。公司的系統頁，

2018-08-22 07:32:13

原创 Flex 子元素高度塌陷

先看看頁面整體佈局： · wrap 彈性佈局，分 head、main； · head 彈性佈局，分 h2、i ； 問題：head 高度塌陷。 高 32px，變成：24.03px（PS裏：chrome是23px，IE是24px）。 <!D

2018-08-22 07:32:13 2

原创 十種方法解決--- 1-100累加和

這是我去面試碰到的一道題，求 var num = [1,2,3,...,100] 的和，當初沒細想，回過頭來總結一下，綜合網上的案例，有由如下10種方法: 1、for var sum1 = 0; for (var i = 0; i <

2018-08-22 07:32:13

原创 js、jQuery 表單 - 那些事兒

1、select <select> <option value="1" selected="selected">北京</option> <option value="2">上海</option> <option value="3"

2018-08-22 07:32:13 1

原创 JS 綁定 - 刻舟求劍

來，玩個抽積木的遊戲！  有如下：積木A、B、C，假設 A、B、C由下到上排列，隨意分 3 次，抽出這3塊積木（點擊按鈕，刪除這個按鈕本身 ） <div id="test"> <button>積木A</button> <button

2018-08-22 07:32:13 1

原创 小程序 - 頁面跳轉 扒一扒

       剛接觸小程序時，看到這 4 個單詞:reLaunch、switchTab、redirectTo、navigateTo，都有類似跳轉的感覺，但隨便拿一個出來用，都有種看韓國選美比賽，指着其中一個，問你叫什麼名字的感覺。個人的習

2018-08-22 07:32:13 1