原创 JS中的常見的兼容性處理
1、獲取 event 和 target 對象 var e = event || window.event; var target = e.target || e.srcElement; 2、綁定和移除事件 function ad
2020-06-04 03:24:49
原创 JS中使用appendChild()插入節點需要注意的事項
首先看下面一段代碼： <div id="box"> <p>參考的P標籤元素</p> </div> <hr> <div id="target"> <p>p text 1
2020-05-20 06:30:10
原创 CSS筆記之盒模型
CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，盒子模型可以用來對元素進行佈局，包括內邊距，邊框，外邊距，和實際內容這幾個部分。 盒子模型分爲兩種 第一種是W3c標準的盒子模型 標準盒模型，第
2020-05-18 10:18:22
原创 JS筆記之自定義事件
1、new Event(type, options) JS中，最簡單的創建事件方法，是使用Event構造器： var event = new Event(type, options); Event構造函數接受兩個參數： 第一個參
2020-05-18 10:18:22
原创 JS筆記之DOM事件級別
事件是javascript和HTML交互的基礎, 任何文檔或者瀏覽器窗口發生的交互, 都要通過綁定事件進行交互；比如鼠標點擊事件、敲擊鍵盤事件等。這樣的事件行爲都是前端DOM事件的組成部分，不同的DOM事件會有不同的觸發條件和觸
2020-05-18 10:18:22
原创 JS筆記之DOM事件模型
1、DOM事件模型 包括 捕獲 和 冒泡（IE用的是事件冒泡），捕獲是從上（window）往下到達目標元素，冒泡則是相反，從當前元素往上到 window。 2、DOM事件流 瀏覽器在當前窗口頁面與用戶做交互的過程中，比如點擊了鼠
2020-05-18 10:18:22
原创 比較全的 “文本溢出截斷省略” 方案集合
在我們的日常開發工作中，文本溢出截斷省略是很常見的一種需考慮的業務場景細節。看上去 “稀鬆平常” ，但在實現上卻有不同的區分，是單行截斷還是多行截斷？多行的截斷判斷是基於行數還是基於高度？這些問題之下，都有哪些實現方案？他們之間
2020-05-16 12:11:36
原创 js求數組和數組對象中的最大最小值
本文介紹數組和數組對象中的最大最小值的幾種方法。 1、通過循環遍歷，臨時變量 // 求最大值，最小值類似 Array.prototype.max = function() { var max = this[0]; for
2020-05-01 20:12:08
原创 Vue之路由的使用 - Vue-router
用 Vue.js + Vue Router創建單頁應用，是非常簡單的。使用 Vue.js ，我們已經可以通過組合組件來組成應用程序，當你要把Vue Router 添加進來，我們需要做的是，將組件 components 映射到路由
2020-04-24 05:34:15
原创 Vue之render方法
Vue 推薦在絕大多數情況下使用模板來創建你的 HTML。然而在一些場景中，你真的需要 JavaScript 的完全編程的能力。這時你可以用渲染函數，它比模板更接近編譯器。 瞭解render函數的用法，可以先查看官方文檔 渲染函
2020-04-22 17:50:42
原创 Vue中引入Echarts封裝組件的兩種方式（全局引入和按需引入）
平時在項目中實現數據可視化，可以使用百度的開源圖表庫echarts，根據項目需求來繪製生成各種類型的圖表，那麼在Vue中如何引入echarts並封裝成組件調用呢？ 目錄： 1. 安裝echarts 2. 全局引入 3. 按需引
2020-04-14 04:12:38
原创 webpack4.x中使用postcss-loader、autoprefixer給不同瀏覽器CSS屬性自動添加前綴的三種配置方法
爲了兼容各大主瀏覽器，當我們在編寫CSS相關屬性的時候，需要添加兼容各瀏覽器的前綴，但是自己動手非常耗時、影響工作效率，所以就需要通過webpack幫我們自動處理。 比如使用display的flex屬性： div { dis
2020-03-15 21:39:30
原创 MySQL創建數據表的三種方式
目錄 1. 常規 create table 方式 2. create table2 like table1 方式 3. 根據查詢 table1 的結果集來創建表 table2 方式 1. 常規 create table 方
2020-02-24 04:47:41
原创 自定義Iconfont 圖標庫並應用於自己的項目中
一般做項目時，或多或少都會用到一些小icon圖標，使用icon圖標的優點很多，比如體積小、易調節大小、顏色等，更重要的是使用圖標可以讓頁面顯示增加的簡潔和美觀，但有時使用的框架提供的圖標滿足不了我們項目需求，那就需要去尋求更加適合
2020-02-24 04:47:41
原创 PHP：客戶端禁用cookie之後如何使用session
在服務器端，要使用session，最本質的問題是要能夠在服務器端拿到session的ID。 通常情況下，在開啓了session的頁面中，即使用了session_start()的頁面，首次訪問的時候，會產生一個新的session
2020-02-24 04:47:41