具体如下:
左边是选择器首字符,右边是选择器后面的字符
首字符支持的字符类型是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./debug/wxadoc/dev/devtools/devtools.html
好了大家开始小程序实战吧!
第一步:开发工具下载
下载开发工具:微信开发者工具
第二步:创建小程序项目
1、选择“小程序”开发模式
安装完成后,选择“小程序项目”
2、添加项目
点击“添加”
3、项目配置
如果没有AppID 点击“可点此体验”也可以哦
申请AppID:https://mp./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日志如何打印,页面怎么跳转等。