原创 詳解HTTP摘要認證
典型的認證過程 客戶端請求一個需要認證的頁面，但是不提供[用戶名]和[密碼]。通常這是由於用戶簡單的輸入了一個地址或者在頁面中點擊了某個[超鏈接]。 服務器返回[401] “Unauthorized” 響應代碼，並提供認
2020-06-23 09:27:18
原创 基於DOM元素的自定義窗格思路以及實現
效果如下： 實現的思路 怎麼實現款選時選中的白線的效果，怎麼實現模擬對下面小的框格的選中效果。 怎樣進行合併之後窗格的佈局顯示，以及合併之後的再合併操作 怎樣進行還原操作，以及怎樣判斷框選主的是矩形（只允許框選矩
2020-06-23 09:27:06
原创 Vue實現類似於word插入表格時選中行列的效果
首先看一下效果： 實現的思路： 先設置一個容器的，容器中放上10×10的小格子，同時監聽容器的進入和離開方法。 每個小格子上設置鼠標進入的方法，同時傳入當前的序號，計算出當前的行和列，改變背景顏色。 監聽容器的是從那個位置進入
2020-06-23 09:27:06
6
原创 模擬window系統的ip輸入框(支持粘貼複製)
需求： 支持點、回車、長度三位之後自動跳轉到下個輸入框 支持刪除自動回退到前一個 支持任意位置粘貼ip 效果： 進行vue代碼的封裝： /** * IP輸入組件 */ <template> <ul cla
2020-06-23 09:27:06
1
原创 localStorage、sessionStorage、Cookie的區別詳解
localStorage、sessionStorage、Cookie共同點: 都保存在瀏覽器端，且是同源的（順便解釋一下同源：域名、協議、端口號相同） localStorage、sessionStorage、Cookie不共同
2020-06-08 01:56:07
原创 前端需要掌握的Nginx知識點
什麼是Nginx? Nginx是一款免費開源的高性能HTTP服務器以及反向代理服務器（Reverse Proxy）,同時可以提供IMAP/POP3/SMATP代理服務等功能。能夠快速的響應靜態頁面請求和支持第三方功能模塊擴展。
2020-06-08 01:56:07
原创 vue學習筆記（一）------腳手架vue cli
腳手架vue-cli(3.x) vue-cli是一個基於vue.js進行快速開發的完整系統，提供下面幾個功能： 通過 @vue/cli 搭建交互式的項目腳手架。 通過 @vue/cli + @vue/cli-service-gl
2020-06-08 01:56:07
原创 Vue項目中使用iconfont
首先創建自己的iconfont項目 設置步驟如下： 其中Font Family的值默認就可以，之後添加一些圖標到自己的項目中。 下載iconfont到本地 下載到本地之後解壓選中下面幾個文件 在項目中建立引用 現在項目中建立
2020-03-10 21:29:21
原创 Vue項目中使用過濾器
爲什麼要使用過濾器？ 能夠對數據進行各種過濾處理，返回需要的結果，非常的方便和快捷。 怎麼使用過濾器？ 首先過濾器分爲兩類： >- 全局過濾器 >- 局部過濾器 例如： Vue.filter('filterDome',
2020-03-10 21:29:21
原创 CSS模擬電池充電效果的實現
模擬簡單的電池充電效果 先畫出電池的輪廓 <html> <head> <style> html,body { width: 100%; height: 1
2020-02-21 12:49:28
原创 vue項目代碼註釋規範
文件註釋規範 單個文件註釋規範，每個獨立的VUE文件開頭都要進行註釋，表明該文件的描述信息、作者、創建時間等。 <!-- * @FileDescription: 該文件的描述信息 * @Author: 作者信息 * @D
2020-02-21 12:49:28
原创 vue項目開發規範總結
強制執行的： 文件名要爲多個單詞，且語義明確，同時要爲大寫駝峯 組件名應該始終是多個單詞的，根組件 App 以及 、 之類的 Vue 內置組件除外。 反例： Vue.component('todo', { // ... }
2019-08-28 19:38:29
原创 Vue學習筆記（三）------配置項
包管理工具和配置項 npm和package.json npm 是 Node Package Manager 的簡稱，顧名思義，它是 node 的包管理工具，也是目前世界上最大的開源庫生態系統。 使用 vue-cli 來構建自己
2019-07-30 07:58:23
原创 OpenLayers實現小車的軌跡查詢的功能
支持實現的功能 限制3天的時間跨度 小車在運動中改變速度 小車重新運動 小車運動的點位支持打開詳情信息 這是自己當時剛從後端切到前端時，實現的第一個功能，當時都沒有接觸過前後端分離的開發模式，更不知道react,抱着現學現做的
2019-06-10 21:44:06
1
原创 Vue學習筆記（二）------axios學習
axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。 axios的功能和特徵： 從瀏覽器中創建XMLHttpRequests 從node.js中創建http請求 支持PromiseAP
2019-04-21 02:50:03