原创 點擊頁面出現小愛心特效

無意間看到的一個小特效：點擊頁面任意處，出現一個逐漸消失的小愛心 ! function (e, t, a) { function n() { c(".heart{width:

2019-07-30 08:22:34

原创 Js——異步方法宏任務（task）與微任務（microtask）

參考宏任務和微任務 異步方法中的宏任務與微任務 JS的任務事件執行機制：當執行引擎在主線程方法執行完畢，到達空閒狀態時，會從任務隊列中按順序獲取任務來執行（task-> task-> task…)；瀏覽器爲了能夠使得 JS 內部

2019-07-30 08:22:34 1

原创 CSS——瞭解BFC

Formatting context 是 W3C CSS2.1 規範中的一個概念。它是頁面中的一塊渲染區域，並且有一套渲染規則，它決定了其子元素將如何定位，以及和其他元素的關係和相互作用。最常見的 Formatting context

2019-04-11 09:16:23

原创 移動端適配——pt,px

pt： 邏輯像素或邏輯分辨率 相當於我們用瀏覽器模擬調試移動端時看到的各手機的像素，如下圖iPhone6看到的寬高375*667， 這個就是邏輯像素，也可以看做是一個長度單位: 　　　 px： 物理像素或物理分辨率，又被稱爲設備

2019-04-11 09:16:03

原创 vue——評論的展開全文和收起

描述： 對於評論的內容，初始規定行數（或者規定字數舉例100字）顯示，尾部有個“全文、收起”按鈕，可以有收起展開效果； HTML部分: <ul class="expert-coach-explain-wrap"> <li

2019-03-30 09:11:15 1

原创 Vue——注意點

mode: ‘history’,//去除url中默認的# active-class:‘active’;設置路由激活後，對應的樣式； <router-link :to="/home" active-class="active">首頁<

2018-12-29 16:04:04

原创 vue——回到頂部監聽滾動事件

<template> <div class="tools"> <ul @mouseleave="mouseLeave()"> <li @click="toTop(step)">回到頂部</li> <li @mouseover="mou

2018-12-25 15:47:51

原创 For..in 和 For..of

在循環對象屬性的時候，使用for…in； 在遍歷數組的時候的時候使用for…of； for…in循環出的是key，for…of循環出的是value； 注意，for…of是ES6新引入的特性。修復了ES5引入的for…in的不足 For

2018-12-12 15:37:25

原创 WebPack——初探入門

爲什麼用WebPack 模塊化，讓我們可以把複雜的程序細化爲小的文件; 類似於TypeScript這種在JavaScript基礎上拓展的開發語言：使我們能夠實現目前版本的JavaScript不能直接使用的特性，並且之後還能轉換爲Ja

2018-12-07 15:42:05

原创 JDK與Tomcat安裝配置，Tomcat部署本地靜態文件

下載安裝JDK和Tomcat ！！！！！！ JDK與Tomcat版本要匹配，儘量不要過高，高版本兼容性不好；一般是和jdk版本保持一致的，也就是說tomcat6用<=jdk6版本就可以了。 通常情況下，可以依次類推的。 tomcat

2018-10-26 23:36:04

原创 常用JS—查找相鄰兄弟元素的兩種兼容寫法

nextSibling && nextElementSibling，previousSibling&&previousElementSibling 1、使用nextSibling屬性返回指定節點之後的下一個兄弟節點，（即：相同節點樹層

2018-10-26 23:36:04

原创 常用JS—Array數組方法

splice方法 splice() 方法用於插入、刪除或替換數組的元素。 array.splice(index,num,arr); 返回被刪除的元素 /** *index：修改的位置即下標數字 *num：刪除的長度，默認是至結尾 *a

2018-10-10 00:52:35

原创 Vue中的$set的使用

Vue —$set 在我們使用vue進行開發的過程中，可能會遇到一種情況：當生成vue實例後，當再次給數據賦值時，有時候並不會自動更新到視圖上去； 當我們去看vue文檔的時候，會發現有這麼一句話：如果在實例創建之後添加新的屬性到實例上

2018-10-10 00:52:35

原创 angularJs1.x學習——指令（directive）之scope

scope 指令的作用域 可選 ，默認是false false: 使用父作用域，指令中對屬性的修改，會直接 作用到父級作用域中 true: 從父作用域繼承 ，並創建一個新的作用域對象 ，指令 中可以訪問 父級的作用域，修改不會影響 到

2018-08-26 11:25:54

原创 人需要思考

到了機場，我給他留了一張名片，說：“你有沒有興趣這個星期五到我辦公室，給我的員工講一講你怎麼開出租車的？你就當打着表，60公里一小時，你講多久，我就付你多少錢。給我電話。” 沒等司機回話，我便走了。在飛機上，我迫不及待地寫下了這堂生動的M

2018-08-26 11:25:52