css3選擇器解釋,css選擇器命名能是百分號嗎?
不能
??具體如下:左邊是選擇器首字符,右邊是選擇器后面的字符
首字符支持的字符類型是a~z、A~Z、下劃線(_)以及非ASCII字符(中文、全角字符等)
后面的字符支持的字符類型是a~z、A~Z、0~9、下劃線(_)、短橫線(-)以及非ASCII字符
可以直接以短橫線開頭,如果是一根短橫線(-),那么短橫線后面必須有其他字符、字母或下劃線或者其他編碼字符;如果是連續兩根短橫線(–),則它的后面不跟任何字符也是合法的。
微軟為Chromium的輔助功能都有哪些改進?
微軟正積極地貢獻和推動Chromium瀏覽器的發展,尤其是更好的契合Windows 10的生態。在最新提交的貢獻中改善了Chromium渲染引擎的輔助功能,同時還引入了其他功能改進,將EdgeHTML渲染引擎中的優點轉移到Chromium中。
全新的PDF功能
目前在Chromium上,PDF文件的輔助功能僅限于閱讀文本內容,因此用戶無法讀取和調用PDF上的鏈接。在微軟提交的一項Commit中,允許PDF的輔助功能發送鏈接和圖像中的數據。這些數據將被填充到鏈接和數據的結構中。
這項調整將會更改現有PDF的接口,以發送鏈接和圖像的數據。這擴展了現有的管道以適應鏈接和圖像,從而在PDF文件中讓鏈接和圖像更具輔助性。
微軟在Commit中描述了如何在Chromium中實現這項功能
● 和文本一樣,將鏈接和圖像設置內聯閱讀順序
● 在瀏覽器進程中識別鏈接并將鏈接信息傳遞給AxTree
● 將鏈接上的調用操作傳遞給插件進程
● 識別圖像并在瀏覽器進程中將圖像信息傳遞給AxTree。
● 為圖像提供替代文本。
● 實現文本和控件的滾動以處理滾動對齊
全新的顏色選擇器
在上月發布的Edge和Chrome Canary通道版本中都升級了新的顏色選擇器。以前,顏色選擇器僅支持HEX和RGB顏色格式;但在新功能中,用戶現在可以查看并手動更改HSL顏色格式中的選定顏色。用戶可以通過格式開關處在HEX,RGB和HSL之間切換。
HSL顏色格式目前僅適用于Edge和Chrome的Canary通道版本,其他常規版本依然僅限于HEX和RGB色彩格式。
針對網絡發布商的高對比度模式優化
Microsoft正在添加對LinkText和VisitedText系統顏色關鍵字的支持,在Windows中啟用高對比度模式時允許Web發布者使用相關鏈接顏色自定義其站點。
Windows平臺上的Chromium即將支持OpenXR Gamepad。微軟表示,開發人員可以通過Microsoft Store安裝Mixed Reality OpenXR Developer Preview應用程序進行測試,并且創建Chromium的定制版本。
為什么看到有的前端工程師將css每個選擇器里的內容寫成一行?
應該是個老程序猿,之前css壓縮沒有實現的時候,通過縮短選擇器嵌套,人工進行壓縮就出現了這個。而且沒有less,scss開發的時候這種情況更甚,不過有了這些便捷的開發方式也希望去注意一點嵌套層數。
推薦項目工程呢還是用less,scss開發比較好,css文件開發期就是被編譯的壓不壓縮無所謂了。
推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node,這個玩意兒繞不開1
對于小程序編輯開發的平臺工具?
小程序開發工具有新版本更新啦!開發體驗更好了,詳情可以查看微信公眾平臺-小程序https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html
好了我們開始小程序實戰吧!
第一步:開發工具下載
下載開發工具:微信開發者工具
第二步:創建小程序項目
1、選擇“小程序”開發模式
安裝完成后,選擇“小程序項目”
2、添加項目
點擊“添加”
3、項目配置
如果沒有AppID 點擊“可點此體驗”也可以哦
申請AppID:https://mp.weixin.qq.com/wxopen/waregister?action=step1
4、完成
開發區域
備注:因為申請測試會占用測試機器資源,所以一個 APPID 一天只能申請一次測試報告。
第三步:代碼結構
項目里邊生成了不同類型的文件:
.json 后綴的 JSON 配置文件
app.json 是對當前小程序的全局配置,包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等。
.wxml 后綴的 WXML 模板文件
從事過網頁編程的人知道,網頁編程采用的是 HTML + CSS + JS 這樣的組合,其中 HTML 是用來描述當前這個頁面的結構,CSS 用來描述頁面的樣子,JS 通常是用來處理這個頁面和用戶的交互。
.wxss 后綴的 WXSS 樣式文件
WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些擴充和修改。
新增了尺寸單位。在寫 CSS 樣式時,開發者需要考慮到手機設備的屏幕會有不同的寬度和設備像素比,采用一些技巧來換算一些像素單位。WXSS 在底層支持新的尺寸單位 rpx ,開發者可以免去換算的煩惱,只要交給小程序底層來換算即可,由于換算采用的浮點數運算,所以運算結果會和預期結果有一點點偏差。
提供了全局的樣式和局部樣式。和前邊 app.json, page.json 的概念相同,你可以寫一個 app.wxss 作為全局樣式,會作用于當前小程序的所有頁面,局部頁面樣式 page.wxss 僅對當前頁面生效。
此外 WXSS 僅支持部分 CSS 選擇器
.js 后綴的 JS 腳本邏輯文件
一個服務僅僅只有界面展示是不夠的,還需要和用戶做交互:響應用戶的點擊、獲取用戶的位置等等。在小程序里邊,我們就通過編寫 JS 腳本文件來處理用戶的操作。
詳情可以查看微信官方文檔:微信小程序代碼構成
總結
以上內容大家都看了都非常簡單,更詳細的可以參考微信官方文檔,根據以上步驟可以搭建自己的第一個微信小程序,大家可以對生成的初始代碼可以做一些細微的調整,比如看一下如何獲取微信用戶信息(userInfo),log日志如何打印,頁面怎么跳轉等。