原创 Java多線程-實例解析

Java多線程實例 3種實現方法Java中的多線程有三種實現方式: 1.繼承Thread類,重寫run方法。Thread本質上也是一個實現了Runnable的實例,他代表一個線程的實例,並且啓動線程的唯一方法就是通過Thread類的st

原创 css毛玻璃效果

毛玻璃效果即是背景虛化效果,在css中用blur實現。 <body> <style> .blur { -webkit-filter: blur(5px); -moz-filter: blur(5px);

原创 emoji正則表達式

直接上代碼: var emojiReg = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f])|(\ud83d[\ude80-\udeff])/; 點贊 1 收藏 分享

原创 手機上rem大小單位的設置

html5中rem表示以根元素爲基礎的倍數值,比如html的font-size爲14px,那麼1rem代表14px,2rem代表28px。通常設計師

原创 nginx代理服務器

使用nginx搭建代理服務器非常方便,代碼如下: server { listen 8080; resolver 8.8.8.8; location /{ #auth_basic 'restrict

原创 iphoneX h5安全區域的問題

因爲iphoneX有劉海和虛擬home鍵,所以便有了安全區的概念。劉海和虛擬home鍵所在的地方是不安全的,如果上面有內容,可能被遮擋或是不能操作。 我們可以使用viewport-fit來解決這個問題。 例: <meta name="v

原创 sublimelinter的排錯以及npm peerDependency的處理辦法

sublimelinter是sublimeText中用於代碼規範提示的重工具,如果代碼不符合規範,它會提示出來。但是在一個項目目,經常不能正常工作,這裏探討一下怎麼解決這些問題。 打開sublimelinter的debug模式 在subl

原创 mac上顯示.開頭的文件

第一種方法是在finder中按下command+shift+.鍵。 第二種方法是在命令行輸入如下命令 defaults write com.apple.Finder AppleShowAllFiles YES

原创 css高度從0到auto的transition動畫

如題,想實現css高度從0到auto的transition動畫,發現直接寫沒有效果。查了一下,發現可以用max-height解決,代碼如下。 <!DOCTYPE html> <html> <head> <title></title>

原创 js中兩個等號和三個等號的區別

js中兩個等號會進行類型轉換,先轉化爲同類型的基礎數據類型,再比較。而三個等號不會進行類型轉換,如果類型不同就會直接返回false,複合類型必須是兩個引用的內存是一個,纔會返回true。這裏我們主要想探討一下兩個等號時這個類型轉換是怎麼運

原创 高德地圖AMap.Map is not a constructor問題解決

這個問題說的是AMap.Map不是一個構造函數。原因就有於有一部分代碼沒有執行完畢。這是因爲amap js裏面有一部分是異步加載的,或者是我們在js中手動加載amap js導致的。amap js提供了一個callback回調,把創建地圖的

原创 cl問題lnk1104 uuid.lib

今天想要將cl命令配置到命令行中使用,在網上找了一下資料,按照http://www.oschina.net/question/234345_42135的方法配置完以後,使用cl命令編譯c++代碼的時候,總是提示 fatal error

原创 html使用position:relative製作引導層

我們經常會遇到這樣一種需求,就是在頁面上加一個引導層,來告訴用戶如何在頁面上進行操作。這主需要在一個fixed的蒙層上實現精準定位。如何實現呢?我們就要利用position:relative了。position:relative是相對於自

原创 canvas中的save和restore方法的作用

save方法可以理解爲暫存當前畫筆的狀態,接下來對畫筆的操作都不會被保存下來,直到restore方法被調用。講得通俗一點,就是說,調用save方法,就是把當前的筆放筆架上,換一支筆,調用restore方法時,再把剛纔放到筆架上的筆再拿下來

原创 利用history.pushState實現前端路由

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div className="nav"> <a onclick="linkTo(1)">link1