原创 個人筆記012--id選擇器和class選擇器

這幾天上網查了一下關於id選擇器和class選擇器的一些問題: 1.id唯一性?如果只是單純的css樣式作用,id也可以像class一樣(最好不要這樣子用),但是進行dom操作就存在問題了,獲取的只能是第一個ID使用者。而且你經常查看一下

原创 個人筆記011--關於行內樣式,id,clas的一些驗證

       昨天看別人代碼時發現同一標籤內有兩個style,覺得怪怪的,因爲這種權重啊,樣式和標籤覆蓋只要基礎好一點還是懂的,但這種同時寫兩個style,id,class的一直以來就沒試過,畢竟剛學時候就明白id是唯一的,不會寫兩個,c

原创 個人筆記010--body高度100%時出現縱向滾動條的原因

       這兩天做一個APP,首頁要鋪滿屏幕所以設置body{ margin: 0; padding: 0;height: 100%; },後面的時候發現最上面一個div如果寫有margin-top就會出現縱向滾動條,後面上網百度查閱

原创 個人筆記009--vue點擊複製到粘貼板兼容safari

最近比較忙也比較懶,我就直接上代碼了: 導入外部JS:import { formatXml } from '../others/clipboard' 外部的clipboard.js:function formatXml() {   !fu

原创 個人筆記008--vue實現刷新時不改變當前選項卡樣式

做項目時有一個需求是這樣子的,左邊是側邊欄,右邊是對應的內容,我就想用vue的子路由來實現,效果是下面這樣子的: 做完後發現一個問題——刷新後右邊內容沒變,可左邊側邊欄的樣式又變成第一個(如下左圖),跟實際效果不一樣(如下右圖): 後

原创 個人筆記007--前端配合後臺確保圖文驗證碼等的唯一性

之前項目有個未登錄時驗證圖文驗證碼的需求,後臺說不好做區分,特別是多個用戶處於同一局域網的時候。後面商量一下,就想了個辦法——每次打開網站都在前端生成一個長度隨機的隨機數(26個字母的大小寫和10個數字),然後存到本地,等需要時候一起傳給

原创 個人筆記003--css改變滾動條樣式

下午有時間就整理一下以前寫過的一些東西,覺得這個css改變滾動條樣式比較常用就順手記錄了下來 <style type="text/css"> ::-webkit-scrollbar {/*滾動條整體樣式*/ wi

原创 個人筆記005--原生JS實現簡單的拖動滑塊驗證

早上起來後瀏覽網站時看到別人的拖動滑塊驗證,就想着做一個demo,等到有時間把這個優化到到現在的項目(用的是圖片驗證碼)。以下代碼就是百度之後再修改一下的: <!DOCTYPE html> <html> <head> <meta

原创 個人筆記006--vue利用定時器實現系統時間

今天在改東西,寫了一個實現系統時間的功能,效果是下面這樣子的: 由於代碼都有詳細的註釋,所以請直接看代碼 <template> <div id="index"> <div class=""> 尊敬的管理員,下午好!當前時間

原创 個人筆記004--正則去蘋果手機字符串空格

今天有用戶反應蘋果手機複製過來的手機號碼(中間兩頭帶空格那種),後面經過測試才發現是蘋果手機複製過來的空格是不一樣的(有興趣的小夥伴可以自己去試試),用replace(/\s/ig,'')是去不掉的。查了資料再請教大神才發現要這樣子處理:

原创 個人筆記001

做到過前後端交互的程序員都會涉及到跨域問題,上個月一前端同事跟後臺對接口,一看到返回來的報錯有No 'Access-Control-Allow-Origin' header is present on the requested reso