前言 ktv 屏幕歌詞在唱歌過(guò)程中，字體顏色是逐漸高亮漸變的，怎么實(shí)現(xiàn)這個(gè)效果？不能用 CSS 鏤空字體 看到后，就想著寫個(gè)demo嘛！ 分析 每一句歌詞的時(shí)間 當(dāng)前一句歌詞...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
css 實(shí)現(xiàn)KTV 歌詞效果
-
flutter WebView通訊前言 今天，領(lǐng)導(dǎo)提了一個(gè)需求，就是flutter嵌入H5頁(yè)面，大概需求是這樣的！ APP 彈出活動(dòng)彈框 用戶點(diǎn)擊關(guān)閉按鈕 - 彈框關(guān)閉 - 啥也不做 用戶點(diǎn)擊查看詳情 - 跳...
-
生產(chǎn)唯一的字符串ID 之 nanoid前言 編程的世界里，在很多的時(shí)候，我們都需要一個(gè)唯一的ID來(lái)代表一些數(shù)據(jù)(事物)是唯一的！也許很多人都知道UUID，很多項(xiàng)目都會(huì)使用UUID來(lái)做唯一的標(biāo)識(shí)。今天這篇文章記錄的...
-
論前端會(huì)TS的重要性
本文只是個(gè)人隨筆感想，記錄一下自己此時(shí)的所感所想 也許是大家寫js寫習(xí)慣了，也有可能是大家沒有后端語(yǔ)言基礎(chǔ)覺得TS太難學(xué)了。但是大家有沒有感覺到JS的一些不妥，比如代碼明明寫...
-
flutter 代碼規(guī)范之a(chǎn)nalysis_options前言 沒有規(guī)矩，不成方圓。不管我們?cè)趯懯裁闯绦驎r(shí)，都需要對(duì)我們的代碼進(jìn)行規(guī)范處理。比如我們的css規(guī)范，html規(guī)范，js規(guī)范......我們的flutter也不例外，也有要...
-
聲明
聲明 實(shí)在抱歉，由于自己的個(gè)人原因，暫停了那么長(zhǎng)時(shí)間沒有持續(xù)發(fā)布作品，實(shí)在是抱歉，我近我會(huì)每周輸出5篇文章，把我近一年研究和學(xué)習(xí)的東西寫出來(lái)，分享和記錄自己的成長(zhǎng)。 分享內(nèi)容...
-
更改URL但不跳轉(zhuǎn)頁(yè)面
需求 今天提出了一個(gè)需求，就是在使用第三方支付的時(shí)候，如果用戶在支付頁(yè)面直接點(diǎn)擊瀏覽器的返回頁(yè)面，會(huì)直接返回到下單的頁(yè)面，但此時(shí)訂單已經(jīng)下過(guò)了，再次返回到下訂單的頁(yè)面，展示之...
-
Emmet 語(yǔ)法 速查表
1、前言 Emmet是一款文本編輯器/IDE的插件，用來(lái)快速生成復(fù)雜的HTML代碼，只要掌握一些常用的語(yǔ)法（類似于CSS選擇器），可以減少重復(fù)編碼的工作。再配合上亂數(shù)假文（l...
-
如何寫一個(gè)自己的npm包
1、前言 整天就是亂搞，這不，今天莫名的想寫下從無(wú)到有的發(fā)布一個(gè)自己的npm包。下面就是具體的步驟。 2、具體實(shí)現(xiàn) 2.1、創(chuàng)建自己的npm賬戶 想要發(fā)布npm包，擁有npm...
-
同步console.log();和異步console.log();今天遇到了一個(gè)奇怪的問(wèn)題 可以看到圖中，log同時(shí)打印這個(gè)對(duì)象和這個(gè)對(duì)象的一個(gè)屬性，打印出的值卻不相同！這是怎么哥回事呢？ 排查問(wèn)題原因 我當(dāng)時(shí)就特別奇怪，這是為什么呢？這不...
-
非常贊成
你給我月薪兩千，還要我拼死賺錢？
去年的一次飯局上，朋友講起了自己公司新招的實(shí)習(xí)生，說(shuō)：“當(dāng)初我們畢業(yè)實(shí)習(xí)的時(shí)候，是全公司來(lái)得最早走得最晚的人，生怕什么工作沒做好，給自己的職業(yè)生涯留下污點(diǎn)?，F(xiàn)在的孩子心真大，...
-
讀vantUI源碼發(fā)現(xiàn)的語(yǔ)法（坑了我一把）真心的吐槽 今天看vant源碼，可把我坑了一把，問(wèn)了好多人，查了好久的東西。先看問(wèn)題image.png看標(biāo)記的部分，發(fā)現(xiàn)vant源碼內(nèi)用了大量的這種語(yǔ)法。講真的，我是第一次看...
-
js-cookie
1、整理記錄一下js-cookie這個(gè)庫(kù)的使用 一個(gè)簡(jiǎn)單，輕巧的JavaScript API，用于處理Cookie適用于所有瀏覽器接受任何字符經(jīng)過(guò)嚴(yán)格測(cè)試無(wú)依賴性不引人注目的...
-
react使用antd-mobile的按需加載和自定義主題前言 練習(xí)使用react做移動(dòng)端h5的時(shí)候，選擇使用antd-mobileUI庫(kù)。但是在使用的時(shí)候，遇到了一些坑。查詢了很多別人遇到類似問(wèn)題的解決方法?，F(xiàn)在記錄一下自己的解決...
-
Css 取值于單位
1、Css 的長(zhǎng)度 <number>+長(zhǎng)度單位特殊值0可以省略單位。例如：margin:0px可以寫成margin:0一些屬性可能允許有負(fù)長(zhǎng)度值，或者有一定的范圍限制。如果不...
-
css常用特效前言 本文主要記錄的是一些css的特效，一些在日常開發(fā)中使用到的css效果，記錄在此，方便日后用到的時(shí)候直接拿來(lái)使用。當(dāng)然，很多都是在網(wǎng)上看到的效果，自己根據(jù)效果實(shí)現(xiàn)的。也會(huì)...
-
色調(diào)平衡
色彩三要素HSB：色相，飽和度，明度飽和度和明度決定色調(diào)七個(gè)色調(diào)：純色調(diào) 刺激直接活力 廉價(jià)明色調(diào) 明朗干凈陽(yáng)光 廉價(jià)淡色調(diào) 天真女性纖細(xì)高檔 單薄軟弱白色...
-
safair下input獲取焦點(diǎn)時(shí)fixed失效
1、fixed失效的原因 在safair下，當(dāng)input獲取焦點(diǎn)當(dāng)時(shí)候，頁(yè)面內(nèi)設(shè)置當(dāng)fixed固定定位會(huì)失效。為自己記錄一下產(chǎn)生問(wèn)題當(dāng)原因，以便以后查閱。 2、解決辦法 根據(jù)...