抱著電腦操作了半個月,只能說做設(shè)計太難了,要是沒有同類產(chǎn)品借鑒的話,更顯得迷茫,找不到參照物無法判斷交互的可行性。
最后憑著感覺和大腿(同花順),鼓搗出了它 http://chrome.google.com/webstore/detail/phgacokhpfpiifcakocjpiklefhjkjne 。
現(xiàn)在基本功能是有的,數(shù)據(jù)更新和收益估算,后續(xù)會不斷的調(diào)整添加更實用的功能。
路過的大佬,商店求好評啊 QWQ 。
ps:一開始是想著做點東西,更深入的學(xué)習(xí)下 hooks 和 styled-components,做著做著就來感覺了。過段時間就開源~??
之前在翻譯一個網(wǎng)頁時,用過這個插件,感覺翻得很好; 現(xiàn)在再翻譯了一下,感覺都不通順了。
RT aric2 很厲害,可是他不能很好的劫持 chrome 。 第三方工具,試了 folx 也是一樣。 面對直連的文件沒什么好說的。有的是二次跳轉(zhuǎn)地址失靈,有的是服務(wù)器發(fā)送地址失靈。。。
關(guān)鍵是 chrome edge 內(nèi)置下載某些情況還是太慢了。。。很煩的。。。
(function () { debugger; })(1, 2); 是因為箭頭函數(shù)所以沒了嗎? https://es6.ruanyifeng.com/#docs/function#%E4%BD%BF%E7%94%A8%E6%B3%A8%E6%84%8F%E7%82%B9 還是說我記錯了?以前也沒有
具體表現(xiàn)為,Chrome 上整理書簽沒問題,在 EDGE 中整理書簽,刪除的同時會自己恢復(fù)刪除掉的書簽,同時 Chrome 會增加 EDGE 恢復(fù)的書簽,然后就造成了一個很尷尬的問題,書簽自動增長,大家有遇到這個問題嗎?
Microsoft Edge 是最新版本。
版本 84.0.522.52 (官方內(nèi)部版本) (64 位)
Google Chrome 已是最新版本
版本 84.0.4147.105 (正式版本) ( 64 位)
chrome 瀏覽器,mac 系統(tǒng), 現(xiàn)在我看到頁面上某個東西,然后點擊 [檢查] ,看看源碼什么的,但是每次這個頁面都會被重新加載一次 想問問看,你們是不是也這樣?有沒有辦法不加載,我記得好多以前不需要這樣的呀...
如圖:
OS: Windows 10 2004
Chrome: 84.0.4147.89
取消最大化顯示后才能正常顯示,大家有這樣的問題嗎?
iPhone XR 上如此
iPad 上沒有驗證過
我現(xiàn)在很喜歡開無痕模式,尤其是摸魚的時候
但是無痕模式的 dark mode 給人一種不太舒服的感覺,黑布隆冬的。
有沒有辦法變得像正常模式一樣明亮?
想自動化這套操作: 在一個網(wǎng)頁的 js 中加入 breakpoint 刷新網(wǎng)頁,js 在 breakpoint 暫停 查看某個 local variable 的值
首先想問一下 V 站是有谷歌廣告的嗎?就是嵌在主題列表中間的那種因為我在自己的 Chrome 上看不到廣告,在 Safari 上就看得到廣告,搞得我自己也不敢確定了 如果是有廣告的,為何 Chrome 上卻看不到廣告呢?
最新的 84 版連滑動切換標(biāo)簽的功能都沒了。
一般未登錄用戶在登錄后,通過 redirect 302 跳回原始 url 。這個請求在其他瀏覽器里測試( firefox,edge,ie,sogou 等都正常)都正常跳轉(zhuǎn)。唯獨在 chrome 里就卡死了(如圖示):i.loli.net/2020/07/17/6WIe7fnlYPCystD.png 非得要手動再點一下頁面才恢復(fù)正常(這個時候已經(jīng)是登入狀態(tài)了)。說明 chrome 接收到了登錄返回,只是跳轉(zhuǎn)卡死了。 到處搜了一下,也沒找到合理的解釋。不知道有沒有知道的大佬指點一下?
Chrome 的特殊符號無法正常顯示,是字體的問題還是編碼的問題?
比如這樣的:
https://www.ghacks.net/2020/02/28/firefox-75-address-bar-results/
macOS 10.15.3 Firefox 73.0.1 目前不管你是什么外觀,它的滾動條都是源生的,不會根據(jù)主題變化。這個功能什么時候加上去?。?
或最好是對特定網(wǎng)站的檢查? 我經(jīng)常需要直接打開網(wǎng)站上的文件,安全檢查耗費許多時間。
發(fā)送通知權(quán)限已設(shè)置為允許,但還是無法彈出通知,控制臺提示“通知權(quán)限只能從安全的上下文請求”,這種情況該怎么解決?另外,傳統(tǒng)版 Edge 可以彈出,Chrome 沒測試。
我的預(yù)期是,在網(wǎng)頁中點開的新標(biāo)簽頁就在當(dāng)前頁面的右邊打開,這個可以通過設(shè)置中的 browser.tabs.insertAfterCurrent 改為 true 來實現(xiàn),but,這樣設(shè)置之后, 點+號新建的標(biāo)簽頁也是出現(xiàn)在當(dāng)前標(biāo)簽頁的右側(cè),而不是最右側(cè)。 另外還有個問題更蛋疼,我現(xiàn)在網(wǎng)頁中點開一個新標(biāo)簽頁,如果當(dāng)前打開的標(biāo)簽頁中有相同網(wǎng)址的標(biāo)簽頁(猜測的),這個新標(biāo)簽頁會跳過去。。。
蛋疼的一逼呀,我是真的想支持一下 Firefox,但它就不能讓我像用 Chrome 那樣省點心嗎。。
Firefox 起一個 Youtube 開全屏,然后在另一個屏幕上將 Firefox 窗口變?yōu)榧せ?這個時候上方的系統(tǒng)菜單欄消失不見.很難受,有人知道如何解決嗎?
樓主以前完全沒做過前端
發(fā)現(xiàn)前端有很大一塊,都是和界面及 CSs 相關(guān)的。而且與傳統(tǒng)的桌面界面開發(fā)完全不一樣。
記得以前開發(fā) winform,把組件拖上去,對齊,縮放,調(diào)整一下屬性,設(shè)置一下就可以了。事件綁定也不麻煩。 都比較直觀,也容易理解。
可是前端的開發(fā)需要掌握 CSs 。看文檔看介紹都看得明白。 但是一看需求的界面,就沒辦法把它轉(zhuǎn)換或者腦補成 css 的屬性或者設(shè)置。
所以特來請教大家,有沒有看到過比較好的文檔或者資源介紹 CSs 。比如,結(jié)合實際界面的例子來學(xué)習(xí),等等
或者大家有什么比較好的學(xué)習(xí) css 方法能夠分享。
萬分感謝。
大家可以用瀏覽器自帶的顏色選擇器試一下,先不設(shè)置,那么字體的邊緣像素顏色是彩色的,設(shè)置了后,邊緣像素就是灰色的了,字一多就跟設(shè)置了很小的那種字體陰影似的,看起來就模糊了,有沒有知道的呀,求解!
頁面結(jié)構(gòu)
// 77vh
高度 44px
// height:100%+overflow-y: scroll; xxxxx 這里是多個 item 總共高度大于 77vh,可滾動 //
這個 div 如果設(shè)置高度為 80px,則正常,但是用下面的::after 設(shè)置 80px 則有一部分超出了 content 的高度,導(dǎo)致樣式異常,滾動了也有一部分會被遮擋 ::after
代碼如上所述:如果我把 class="tab"這個 div 刪除了是正常的.我想知道為什么會有這種情況
http://ww1.sinaimg.cn/large/005NYs9bgy1ggessdl8u5j308u01x0sy.jpg
經(jīng)常會出現(xiàn)一些手機型號出現(xiàn)圖片中的狀況,除了對此微調(diào)
有什么可以從根本上杜絕這個問題的好辦法嗎?多謝賜教
盡管 CSS 每年都會發(fā)布全新的特性,但實際上這些新功能很少會被 web 開發(fā)人員實際在生產(chǎn)項目中使用到,甚至去了解它們的動力也不會比去多完成幾個需求更多。那究竟是什么原因?qū)е碌哪兀?
**1.** 使用最新特性不是優(yōu)先事項
在一個新項目的初期階段,它用到的可能只是幾條 CSS 規(guī)則,但隨著項目的持續(xù)更新和迭代,項目中使用到的規(guī)則就會變得越來越復(fù)雜,CSS 也會越來越復(fù)雜尺寸也會隨之不斷膨脹。因此,作為項目優(yōu)化的第一要務(wù),作為資源的 CSS 需要盡可能的精簡和減少復(fù)雜度,第一是為了便于更好地理解和維護(hù),第二也是為了加載更為高效。那么,更實用且可投入生產(chǎn)環(huán)境的一些 CSS 特性會被高頻使用,其他的特性則會被暫時擱置一旁。
并且,在一般情況下,樣式和品牌在一段時間內(nèi)都會相對固定,完成任務(wù)的需求要比使用最新 CSS 的特性要更緊迫。
**2.** 預(yù)算限制
預(yù)算成本是影響了所有項目的主要因素。它在開發(fā)階段會高度影響事項的優(yōu)先級。集成新的 CSS 功能需要時間,而開發(fā)團(tuán)隊來說,增加的這部分時間成本會影響到項目的整體進(jìn)度。因此,開發(fā)進(jìn)度會重視在優(yōu)化其他功能(而不是 CSS 功能)時花費的時間成本。
另外,引入了最新的 CSS 特性,還可能會使開發(fā)團(tuán)隊把一部分精力放在解決瀏覽器兼容性問題上。這點和 JavaScript 不同,JavaScript 有 Babel 來完成編譯,而 CSS 沒有提供類似功能。
**3.** 社區(qū)發(fā)展還未跟上
JavaScript 每隔一段時間舉行一次會議。同樣,Vue 和 React 也會為了幫助開發(fā)人員跟上社區(qū)的步伐而定期舉行會議。但是,對于 CSS 而言,它們根本沒有這樣的活動!因此,開發(fā)人員很難掌握其功能和路線圖。他們應(yīng)該如何保持對新功能發(fā)展趨勢的了解??沒有版本發(fā)布說明,也沒有定期的發(fā)布會,這根本不能點燃社區(qū)用戶的學(xué)習(xí)激情。
對普通用戶而言,既然舊的技術(shù)已經(jīng)滿足了需求,那么又何必那么麻煩閱讀文檔學(xué)習(xí)新的功能呢?
和框架和其他編程語言不同,CSS 沒有針對安全問題的補丁程序。他只是一套標(biāo)準(zhǔn),反正大多數(shù)客戶只需要關(guān)心網(wǎng)站看起來 UI 差不多就行了。
**4.** 很難提升簡歷的含金量
即使你在掌握 CSS 方面付出了很多的努力,對 CSS 的新特性也了如指掌,但你也很難向你的客戶或老板證明這一點,因為類似像這樣“熟練掌握 CSS3 以外的 CSS 特性”對他人而講是沒有意義的,因為它不是 CSS3 。在 CSS 開發(fā)領(lǐng)域,CSS3 的出現(xiàn)是很有意義的,因為它完成了前端領(lǐng)域的統(tǒng)一: Web 開發(fā)人員提升了技能 加速瀏覽器廠商統(tǒng)一支持了全新的 CSS 標(biāo)準(zhǔn) 企業(yè)的技術(shù)棧更新
巨大的需求帶來了巨大的機會。除了大量的書籍、課程和視頻來幫助人們了解 CSS3 外,還催生了全新的布局模型,如 Flexbox 和 Grid,盡管它們不是 CSS3 的一部分。
但這里我們指的是 CSS3 外的特性,它們本身除了認(rèn)可程度很低外,對開發(fā)團(tuán)隊來講也是個相對不熟悉的東西,因此,開發(fā)團(tuán)隊很難會把時間花在對市場沒有意義的事情上,客戶也不會關(guān)心你到底用不用新的技術(shù)。
**5.** 缺乏時間
編寫 CSS 的主要目的是使你的網(wǎng)站的表現(xiàn)內(nèi)容的形式更美觀及易于理解。CSS 通過控制兩類事物來幫助開發(fā)人員去實現(xiàn)這個目標(biāo):布局和設(shè)計。布局( Layout )負(fù)責(zé)元素列和行排布,而設(shè)計( design )指顏色、字體、間距、動畫和邊框等基礎(chǔ)外觀。
但目前,舊的特性已經(jīng)能處理的很好了,為什么要花更多時間去使用新特性去替代已經(jīng)很好的形式呢? 總結(jié)
CSS 發(fā)布周期沒有固定的周期和計劃,導(dǎo)致一切都來的很突然?,另外舊的 CSS 特性已經(jīng)能很好的完成日常工作了,這讓很多 Web 開發(fā)人員沒有特別的動力去升級它們。
另外,新的特性知名度也不高,對最終用戶的吸引力也不足,很難從需求層面驅(qū)動使用。所以這就是為什么都 2020 年了,CSS 的新特性仍然使用的人較少的原因。
公司管理系統(tǒng)的 UI 采用了 bootstrap,使用了很多按鈕,類似這樣的: 想請教的是:可不可以在 css 中定義一個 btn-del,將上述描述全部包含進(jìn)去,以達(dá)到簡化的目的? 例如: 謝謝。
給自己的頁面想加入一個點擊的特效: http://www.jq22.com/jquery-info22031
然后發(fā)現(xiàn)頁面上的按鈕、輸入框都無法點擊了,應(yīng)該怎么處理: https://wr0926.ml/tx/test/
成功案例(編輯框): https://www.jq22.com/webide/
在 chrome 打印出來 width 為 595.484375 。 按照 flex 的規(guī)范 width 應(yīng)該為 100+(500*0.991)=595.5 chrome devtools 顯示的 width 為 595.48.為什么會出現(xiàn)這種情況?。?
最近看到挺多這種風(fēng)格的網(wǎng)站,
這種 UI 風(fēng)格有沒有個統(tǒng)一的名字呢,
教練,我想學(xué)這個
網(wǎng)址就不發(fā)了,有那啥嫌疑,看圖吧,無關(guān)的字詞已打碼
div { box-sizing: border-box; width: 400px; height: 100px; border-style: solid; border-width: 1px 1px 1px 10px; border-color: red red red skyblue; }
有三個 form, 想把他們放在一行,用了 inline-block, 結(jié)果還是有的跑到下一行去了效果看起來這樣 https://imgur.com/a/97Zp00w code 在這里,
https://gist.github.com/hxuanyu/045e7d81cc7c8aa4115991c711c7d18d ?顯示 Gist 代碼? 謝謝
antd-mobile 官網(wǎng)的更新日志最近的一次已經(jīng)是去年 9 月了,半年多沒更新了,有點慌
https://github.com/P233/lambda-sass 嘗試在 Sass 里實現(xiàn) clojure 的語法,沒什么意義,覺得挺好玩的
如題,新網(wǎng)站想使用 Fluent UI,奈何微軟夾帶私貨,只給 TS 案例,JS 版本完全沒有。
遂拷貝一份文檔的示例代碼進(jìn)去,打算調(diào)試,由于官網(wǎng)包已改名,把 fabric-ui 改成 @ fluentui /react 。
(我非常想吐槽,Fluent UI 的官網(wǎng)文檔跟一坨米田共一樣,示例代碼不但沒有更新過,包管理、文檔庫還特別亂。寫個導(dǎo)航欄要 import 各種奇奇怪怪的庫。文檔還只有 TS 版本,要知道其它的 React 組件庫都是提供了 JS 和 TS 兩種版本樣例可供選擇的,為了推廣自家的 TS 真的是不擇手段。)
新建 TSX,粘貼代碼,一個字都沒動,僅僅只是換了包名。
然后,parcel,渲染,沒有報錯。但是調(diào)試網(wǎng)頁什么都沒有。
我 X 你 X !微軟!
附:TSX 代碼前面和后面部分。
為什么沒有中間部分?因為中間我全部照搬的微軟官網(wǎng)的 Example ,一個字都沒有改過。
父組件 state 更新觸發(fā)渲染導(dǎo)致子組件中 iframe 也跟著刷新,莫名通過“原本子組件部署在父組件 render 中得 return 處,現(xiàn)將該處替換為 this.props.children,然后子組件對應(yīng)部署在父組件得部署區(qū)得雙標(biāo)簽內(nèi)”來規(guī)避了
前半句 [父組件 state 更新觸發(fā)渲染導(dǎo)致子組件中 iframe 也跟著刷新] 不知各位是否有遇見,
后半句是筆者誤打誤撞試錯出來得“解決?”辦法,至少規(guī)避了父組件重新渲染時子組件 iframe 一直在刷新.
這會兒想探究一下其中得原因,不知從何入手。
當(dāng)然如果筆者對現(xiàn)象分析錯誤——“實際上壓根沒有上述這回事,導(dǎo)致該效果得實際原因是別的什么”
還請 v 佬們告知。
業(yè)務(wù)邏輯以及項目結(jié)構(gòu)得話大概描述一下
}/> //LayoutContainer 里是一堆布局,挑個合適得地方塞上{this.props.children}
然后 ChildRoute 里就是二級路由以及 iframe 的配置 />}/>
流程就是,點擊布局頁面切換了登陸用戶得身份會更新 state 導(dǎo)致 LayoutContainer 重新渲染,若不采用 this.props.children 得法子將導(dǎo)致其“子組件”得 iframe 也跟著刷新了
嗯,目前已知有一些三方的庫,react-native-fast-image
我看了下,沒有看到我想象中的那個特性,就是 進(jìn)入某個頁面后, 顯示列表頁中的圖片(這時候進(jìn)行下載),但是下載有并發(fā)數(shù)量的控制,然后如果,離開了這個頁面,正在進(jìn)行中的下載,會自動降級(或者取消)
還是說,這個是個偽需求,不需要控制并發(fā)數(shù)量之類的(事實上,我好像也沒有搜索到其他文章有介紹這類的方案)
最近弄一個后臺系統(tǒng)頁面,后端發(fā)一個大型的權(quán)限樹過來。其實就是比對 url 判斷權(quán)限就可以了,如果有多級 switch 組件就要截斷或者拼接 url 來比對。這個 url 其實是和組件的嵌套關(guān)系耦合的,改起來真麻煩。 在路由攔截層面,react-router 都是在一個一個“關(guān)卡”手動搞權(quán)限判斷,這個精度和操作空間是細(xì)了,但是管理起來好麻煩。 是 vue-router 給寵的?