原创 Cookie的domain以及path詳解

之前寫過一篇關於cookie 的增刪改查,但是寫的比較粗糙,這裏提兩個比較重點的,分別是domain和path 一、domain 1.介紹 可以訪問該Cookie的域名。如果設置爲“.google.com”,則所有以“google.com

原创 git的常用指令(列舉一些經常用到的命令)

前一段時間一直忙着做項目,很少時間來更新了,最近突然從svn換成git,感覺自己宛若一個智障。遂記錄一些git常用的指令。 1、git clone  url  把項目從遠程倉庫拷貝到本地,這個URL地址的遠程版本庫。 2、 git bra

原创 css解決邊框重疊問題

在某些情景下,多個元素的邊框是重疊在一起的,這樣內部邊框就會因爲重疊而顯得比較粗。如下圖所示。 而解決這個問題的方法有很多,這裏推薦一種,給帶有邊框的元素設置如下樣式margin:0 0 -borderwidth -borderwidth

原创 vscode必備插件

一、通用插件 1. HTML Snippets 超級實用且初級的 H5代碼片段以及提示 2. HTML CSS Support 讓 html 標籤上寫class 智能提示當前項目所支持的樣式 新版已經支持scss文件檢索 3. Deb

原创 vue中父子組件之間的通信(父組件向子組件傳值)

一、vuex作爲狀態管理,用起來還是蠻方便的,但是最近某個項目遇到個情況,有東西和vuex衝突了,很多傳值的地方只能通過組件之間的通信來解決。下面簡單記錄下,父與子,子與父之間的一些傳值方法。 二、父組件向子組件傳值 <template

原创 前端常用正則表達式集錦

正則算是FE經常用到的一個功能了,記錄一些常用的正則表達式。 1、18位身份證號碼正則 //身份證號(18位)正則 var idnumber = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10

原创 通過setTimeout理解js異步原理

在上一篇的文章中介紹了js異步原理,有的小夥伴可能還有些雲裏霧裏,在本篇文章中將以新手很容易用錯的setTimeout爲例來解釋js的異步原理。 首先我們看一個例子 <script> console.log(1); setTime

原创 自定義右鍵菜單(阻止右鍵彈出菜單)

一、概述 某些時候我們並不需要右鍵彈出菜單的功能,或者我們需要模擬一個右鍵菜單用以實現我們的需求; 二、解決辦法 這裏我通過了oncontextmenu來實現,以下是全局阻止右鍵的辦法 document.oncontextmenu = f

原创 層疊上下文(z-index)

一、概述 在日常code中,是否遇到過關於層級的問題,下面梳理下各種情況 二、首先來一張著名的7階層疊水平圖 換言之,除了z-index,display:inline-block,float,block也是可以控制元素層級顯示的,ps:

原创 純css實現漸變,條紋背景

1、body { background:linear-gradient(#51B0E7 50%, #006084 50%); background-size:100% 20px; }2、body {

原创 ifram子頁面調用父頁面函數的若干方法

因爲ifram子頁面與父頁面並非在一個頁面內,即所在域是不同的,無法做到直接互相調用方法,下面以ifram子頁面調用父頁面方法做了若干解決方案; 一、通過parent來調用父頁面的方法 在子頁面與父頁面同域的情況下,子頁面通過parent

原创 將圖片轉化爲base64格式通過ajax傳給後端

最近在做註冊登錄系統時,需要傳圖片給後端,因爲native直接用的base64格式的。所以我們需要做的就是將 用戶上傳的圖片預覽出來,同時轉化爲base64格式通過ajax傳給後端。 廢話不多說直接上代碼 第一步,我們需要將input f

原创 vue下實現複製功能--插件版

之前介紹了不使用插件的複製方法,現在在介紹一下使用插件的複製方法。一、安裝$ npm install vue-clipboard二、引入var VueClipboard = require('vue-clipboard') Vue.u

原创 通過label標籤重置input[radio]樣式

一、基於默認的input[radio]標籤很醜,很多時候都需要重寫樣式,下面就介紹下通過label標籤重置input[radio]標籤的方法; 二、準備首先我們需要給lable標籤綁定input,然後再通過一個標籤包含說明文字(這裏選用s

原创 Cookie, LocalStorage 與 SessionStorage的區別

一、概念1. Cookie 的大小限制爲4KB左右,是網景公司的前僱員 Lou Montulli 在1993年3月的發明。它的主要用途有保存登錄信息,比如你登錄某個網站市場可以看到“記住密碼”,這通常就是通過在 Cookie 中存入一段辨