記錄下最近寫前端的一些小技巧

2022-07-17 09:48:10 字數 1370 閱讀 1713

純css實現滑鼠指向文字上下滑動

html**

<

span

data-title

="首頁"

>首頁

span

>

css**

span

span:after

透明背景png8格式消除鋸齒神器

pngout:使用方法,photoshop儲存png24格式,然後使用pngout匯入轉換png8格式

常用到的css片段

li:nth-child(3n)

margin-left:calc(100% - 60% - 20px);  根據瀏覽器寬度計算偏移量

rgba(0,0,0,.5)  透明度顏色

設定input、textarea下placeholder預覽文字顏色

input::-webkit-input-placeholder, textarea::-webkit-input-placeholderinput:-moz-placeholder, textarea:-moz-placeholderinput::-moz-placeholder, textarea::-moz-placeholderinput:-ms-input-placeholder, textarea:-ms-input-placeholder

消除input、textarea點選後出現藍色邊框

input, textarea

瀏覽器滾動條設定

::-webkit-scrollbar-track-piece::-webkit-scrollbar::-webkit-scrollbar-thumb::-webkit-scrollbar-thumb:hover

常用的js/jquery外掛程式

jquery.bxslider    輪播

wow 頁面動畫

placeholder 生成佔位圖

jquery.countup  數字滾動

jquery.countdown  倒計時

jquery.laydate  時間選擇

jquery.customselect  下拉列表

jquery.easing  動畫擴充套件

jquery.prettyphoto  外掛程式

jquery.raty  評分外掛程式

jquery.validate  表單驗證

html5shiv 解決ie9以下瀏覽器對html5新增標籤的不識別,並導致css不起作用的問題。

respond.min 讓不支援css3 media query的瀏覽器包括ie6-ie8等其他瀏覽器支援查詢。

前端的一些小技巧

前端入門筆記,記錄下,萬一有用呢。1.文字框取值 var billname billname val 2.下拉框 var supplier select option selected text 獲取選中的text文字值 var suppliername select option selected...

前端的一些小技巧

1.在 chrome 瀏覽器的 elements 裡面選中某個元素,按 h 可以隱藏該元素。2.谷歌的給列印內容設定樣式 console.log c你 c是 c誰 font size 20px color pink color green color blue 3.在 chrome 的 source...

最近做專案的一些小技巧

1.當傳輸過來的資料中有中文時,request.setcharacterencoding gbk 會保證,傳輸過來的字段會是中文 要注意的是 在執行setcharacterencoding 之前,不能執行任何getparameter 在執行第乙個getparameter 時,j a將會按照編碼分析所...