文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

又一个布局利器， CSS 伪类 :placeholder-shown

作者：Samantha Ming 译者：前端小智 来源：medium 一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是...CSS伪类表示任何显示占位符文本的form元素。...:placeholder-shown CSS 伪类 在 或 元素显示 placeholder text 时生效，简单的说就是 placeholder 有值才生效，如下所示...这里看似empty起作用了，因为我们看到的是粉红色边框，但这实际上不起作用? 之所以显示粉红色，是因为伪类增加了 css 的权重。...组合其它选择器 我们可以使用:not伪类对某些事物进行逆运算。 在这里，我们可以在输入不是空的情况下进行定位。

2.5K20

Android Oreo 常见问题 2.0 | Android 开发者 FAQ Vol.9

一旦系统更新适配于您的设备，我们会发送通知提醒您下载并安装更新。 * 但请注意，Nexus 6 及 Nexus 9 设备将不会提供 Android 8.0 更新。...Q: 为什么通知圆点功能在 Nexus 5X / 6P 和 Pixel C 设备上不起作用？ ?...A: 通知圆点没有提供在上述设备默认的启动器（Launcher）中的支持（即便您可以在 Setting 中看到开关通知圆点的选项）。...A: Android O 中加入的 “自动打开 Wi-Fi” 功能使得您的设备可以在追踪到已保存网络后自动打开并连接。但是需注意，“自动开启 Wi-Fi” 功能目前只在 Pixel 手机上可用。...A: 在 Android 8.0 中，应用图标现在已经规范成了圆形或者方形。如果该应用支持全新的 “自适应图标” 的功能，那么图标将会根据您的设备选择一个固定展现的形状。

2.5K70
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Angular 中的伪事件

    尽管在 Angular 模版绑定文档中提到了伪事件 pseudo-event，但是在其他地方没有进一步的文档说明。深入之前，我们看看 Angular 中的伪事件解决了什么问题。...下面的案例展示我们是怎么使用非伪事件实现的： // app.component.ts import { Component } from '@angular/core'; @Component({...event.target.checked; } } } 译者加：在 mac 平台上不起效 正如上面案例所示，我们监听 KeyboardEvent.key 来检查哪个按键被敲击。...比如，下面的案例将不会起作用，因为组合键只是由字母组成： 第二，非组合键必须放在组合键的最后定义。...译者加：某些伪事件在平台上绑定有一定差异，比如在 mac 上绑定 document:keydown.control.arrowright 不生效，在 window 上则生效

    1.7K40

    UWP 入门教程2——如何实现自适应用户界面

    缩放因子能够兼容多种操作系统如iOS，Android等，资源科跨多平台共享。 通用输入处理 可使用通用控件创建通用Windows App来管理控制不同的输入模式，如鼠标，键盘，触摸笔，控制器等。...+= TestView_BackRequested; 当然也可以调用API ，在App中不实现。...使用ApiInformation 类编写自适应代码 编写自适应代码只需要两步，一，确定需要调用的API，二，使用Windows.Foundation.Metadata.ApiInformation 类来测试...使用导航设计指南来设计工作流程，使得App可兼容移动设备，较小的屏幕或较大的屏幕设备。 考虑特殊情况，较小的移动设备屏幕失效，也可能有一些功能区在固定式台式机上不起作用，而需在移动设备上才能运行。...考虑如何兼容多种输入形式 通过Dashboard提交通用 Windows 应用 利用新的通用的 Windows 开发人员中心仪表板，可以在同一位置管理和提交所有面向 Windows 设备的应用。

    3.9K50

    macOS 0-day漏洞详情披露，可被利用完全接管系统

    该漏洞是一个本地提权漏洞，影响到所有 macOS 版本，主要涉及人机接口设备（如触摸屏、按键、加速度计等）的内核驱动程序 IOHIDFamily。...其中，eop->evGlobalsOffset的值可以更改，所以会导致evg指向其他非意向结果。 更多技术分析详情可以点击阅读原文相关链接查阅。 ?...由于某些原因，我这份时序攻击在 High Sierra 10.13.2 上不起作用，不过我也不会再深入研究了。也许是因为 10,13,2 版本打了补丁，也许只是随机变化的后果，我既不知道也不在乎。...Siguza 公开披露这个 macOS 0-day 漏洞的原因是该漏洞已经被一名本地攻击者利用，而且苹果的漏洞奖励计划并未涵盖这一类的漏洞。所以，目前漏洞还未修复。...由于这个漏洞需要在本地访问计算机或者攻击者已经入侵过计算机的前提下才可以被利用，所以可能会被苹果列为非严重问题，不会进行紧急修复。据推测，苹果可能会在下个月的安全更新中修复。

    1.9K70

    前端基础：100道CSS面试题总结

    解释一下这 2 个伪元素的作用。 伪类与伪元素的区别 CSS 中哪些属性可以继承？ CSS 优先级算法如何计算？ 关于伪类 LVHA 的解释? CSS3 新增伪类有那些？ 如何居中 div？...说明他们的作用。 position 的值 relative 和 absolute 定位原点是？ CSS3 有哪些新特性？...在不同浏览器下以后什么区别？ width:auto 和 width:100%的区别 绝对定位元素与非绝对定位元素的百分比计算的区别 简单介绍使用图片 base64 编码的优点和缺点。...设备像素、css 像素、设备独立像素、dpr、ppi 之间的区别？ layout viewport、visual viewport 和 ideal viewport 的区别？...position:fixed; 在 android 下无效怎么处理？ 如果需要手动写动画，你认为最小时间间隔是多久，为什么？ 如何让去除 inline-block 元素间间距？

    3.2K20

    rem适配布局

    rem 作用于非根元素字体大小时，相对于根元素字体大小；rem 作用于根元素字体大小时，相对于其初始字体的大小。...and：相当于”且”的意思，即当媒体类型和媒体特性都符合条件才起作用； not：相当于”非”的意思，排除某个媒体类型，可以省略 only：指定某个特定的媒体类型，可以省略 媒体特性 每个媒体类型都具有不同的特性...常见的 CSS 预处理器： Sass、Less、Stylus Less 作为 CSS 一种形式上的扩展，没有减少 CSS 的功能，而是在现有的 CSS 语法上，加入程序式语言的特性。...background-color: #fff; } Less: .x { .y { background-color: #fff; } } 生成的 CSS 样式和上面的是一样的 如果遇到交集|伪类...|伪元素选择器： 如果内层选择器前面没有&符号，则被解析为父选择器的后代；如果有，责备解析为父元素自身或父元素的伪类。

    1.8K30

    安卓应用安全指南 5.6.3 密码学 高级话题

    为了防止这种情况，有必要以第三方难以猜测它们的值的方式，产生密钥和 IV，而随机数在确保这一必要实现的方面，起着非常重要的作用。 产生随机数的设备称为随机数生成器。...在Android应用中，可以通过SecureRandom类生成用于加密的足够安全的随机数。 SecureRandom类的功能由一个称为Provider的实现提供。...随机数种子 种子在伪随机数发生器（PRNG）中起着非常重要的作用。 如上所述，PRNG 必须通过指定种子来初始化。...在许多 Android 设备上，/dev/urandom或/dev/random可用，Android 提供的SecureRandom默认实现使用这些设备文件，来确定随机数生成器的种子。...如果你需要实现，即使在已 root 的设备上仍然有效的安全措施，请咨询安全设计和实现方面的专家。 伪随机数生成器的内部状态 伪随机数发生器的内部状态由种子初始化，然后在每次生成随机数时更新。

    1.1K10

    AWVS14下载（Win、Linux、Mac）

    服务器异常中的漏洞 Apache Log4j RCE漏洞检查已更新，可在各种 HTTP 标头上执行 Apache Log4j RCE 的新检查( CVE-2021-44228 ) 通过 HTTP/2 伪标头...(SSRF)对反向代理错误路由的新检查 对HTTP/2 伪标头服务器端请求伪造的新检查 通过 HTTP/2 标头对Web 缓存中毒 DoS 的新检查 对 HTTP/2 Web 缓存中毒的新检查 Ghost...修复：安装 AcuSensor 时导致 SQLi 误报 修复：增量扫描未在通过 Jenkins 插件安排时启动 已修复：.NET 传感器注入器 CLI 中的 2 个问题 修复：Node.js 传感器在...https 站点上不起作用 修正：并非所有路径都从特定的 Burp 状态文件导入 修复：解析特定 GraphQL 和 Swagger 2 文件时扫描仪崩溃 修复：特定的排除路径可能导致扫描仪挂起 固定：...AcuSensor 且未安装在 Web 应用程序上时导致无法检测到某些漏洞的问题 修复了用于在 IIS 中列出网站的 .NET AcuSensor CLI 参数中的问题 修复了点击劫持的问题：CSP

    3.8K40

    Monkey基本参数介绍

    说到android移动端稳定性测试，大家通常会想到android系统自动Monkey小猴子，通过Monkey命令模拟用户触摸点击屏幕、滑动、系统按键等操作来对设备上的app进行压力测试，来测试应用的稳定性和健壮性...下面就说说monkey常用参数的用法~~ 1、-help 作用：列出简单的用法 2、--throttle 作用：在事件之间插入固定的时间（毫秒）延迟，你可以使用这个设置来减缓...（这包含所有其他事件，如按键、其他在设备上不常用的按钮等），这个参数不常用。...注意，正常（成功）的结束，并没有停止启动的进程，设备只是在结束事件之后简单的保持在最后的状态。...用法：adb shell “monkey -v -v -v” 17、-s 作用：伪随机数生成器的seed值。如果用相同的seed值再次运行monkey，将生成相同的事件序列。

    94420

    Monkey基本参数介绍

    说到android移动端稳定性测试，大家通常会想到android系统自动Monkey小猴子，通过Monkey命令模拟用户触摸点击屏幕、滑动、系统按键等操作来对设备上的app进行压力测试，来测试应用的稳定性和健壮性...（这包含所有其他事件，如按键、其他在设备上不常用的按钮等），这个参数不常用。...注意，正常（成功）的结束，并没有停止启动的进程，设备只是在结束事件之后简单的保持在最后的状态。...用法：adb shell “monkey -v -v -v” 17、-s 作用：伪随机数生成器的seed值。如果用相同的seed值再次运行monkey，将生成相同的事件序列。...用法：adb shell “monkey -s 300” 最近测试的项目属于短视频类的，这样结合这些monkey参数和被测应用的特点（滑动和点击操作比较多）。

    1.3K30

    Android开发笔记（三十八）列表类视图

    但实际开发中发现这个设置不起作用，即使该属性设置为true，开头也不会显示分隔线。查看ListView的源码，发现分隔线是画在子视图的下方，所以列表上方的分隔线就画不出来了。...该方法实际上不起作用。 setFooterDividersEnabled : 设置是否显示列表末尾的分隔线。 setStackFromBottom : 设置列表项是否从下往上显示。...总结ListView的属性设置有两个注意点（不知算不算Android的bug，呵呵）： 1、divider设置为@null时，就不能再设置dividerHeight为非0值，不然列表末尾元素显示有问题...首先xml布局中将ListView的id设置为系统id，即“@android:id/list”，然后页面的代码类继承ListActivity。...3、实际开发中经常自己写个Activity的基类，具体页面都从该Activity基类派生出来。如果有个页面采用ListActivity方式，就无法继承使用这个Activity基类了。

    3.7K20

    移动web开发之rem适配布局

    ，没有变量、函数SCOPE(作用域)等概念 css需要书写大量看似没有逻辑的代码，css冗余度是比较高的 不方便维护及扩展，不利于复用 css没有很好的计算能力 非前端开发工程师来讲...header .logo { width:300px; } Less嵌套写法 header { .logo { width:300px; } } 如果遇见（交集|伪类...|伪元素选择器） 内层选择器的前面没有&符号，则它被解析为父选择器的后代 如果有&符号，它就被解析为父元素自身或者父元素的伪类。...方案二更简单 4.3 rem实际开发适配方案一 rem+媒体查询+less技术 1.设计稿常见尺寸宽度 设备 常见宽度 iPhone4.5 640px iphone678 750px android...常见320px、360px、375px、384px、400px、414px、500px、720px 大部分4.7~5寸的Android设备为720px 一般情况下，我们以一套或两套效果适应大部分的屏幕

    2.3K20

    移动开发-媒体查询布局

    使用@media查询，可以针对不同的媒体类型定义不同的样式 @media 可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果、Android...)" href="mystylesheet.css"> 2️⃣维护CSS的弊端: CSS是非程序式语言，没有变量、函数、SCOPE（作用域）等概念 CSS需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的...CSS中的颜色和数值等 经常使用 @变量名:值; 2️⃣变量命名规范: 必须有@为前缀 不能包含特殊字符 不能以数字开头 大小写敏感 @color: pink; 3️⃣Less 嵌套: 如果要用 (交集、伪类...、伪元素选择器) 内层选择器的前面没有 & 符号，则会被解析为父选择器的后代 如果有 & 符号，它就被解析为父元素自身或父元素的伪类 Less 嵌套写法: .box { &.content {...10等份，在不同设备下，比例还是一致的 我们要做的，就是确定好当前设备的html文字大小就可以 比如当前设计稿是750px，那只需把html文字大小设置为 75px(750px / 10) 里面页面元素

    1.7K30

    案例复盘：苹果手机无法连接培训干校无线 AP 问题排查与解决

    一、故障现象 XXXX银行某培训干校因比赛外网使用需求，在培训教室部署无线AP设备。...（二）端口分类及核心工作规则 DHCP Snooping信任功能将交换机端口明确分为“信任端口”和“非信任端口”两类，两类端口对DHCP应答报文执行差异化处理规则： 信任端口：可正常转发接收到的DHCP...一般情况下，仅将与合法DHCP服务器直接或间接连接的端口设置为信任端口，其余所有接入终端或非授权设备的端口均设为非信任端口，从而强制DHCP客户端只能从合法的DHCP服务器获取IP地址，彻底杜绝私自架设的伪...通过将网络核心设备连接端口设为信任端口，终端接入端口设为非信任端口，可直接丢弃非信任端口接收的DHCP应答报文，从网络层面隔离伪DHCP服务器的攻击，保障终端地址分配的稳定性与安全性。...完善全网DHCP Snooping部署：在核心、汇聚、接入等各层级可网管交换机上全面部署DHCP Snooping功能，明确划分信任端口与非信任端口，形成全链路的地址分配防护体系，从根源阻断伪DHCP服务器的非法干扰

    10310

    这 5 个前端组件库，可以让你放弃 jQuery UI

    即使在移动设备上查看，组件也是快速，平稳并且稳定的。 说到移动设备，这也是Kendo UI擅长的领域之一。这些组件的建立考虑到了移动设备，根据组件被设置的位置，提供了响应式的和自适应的布局。...根据是否在移动设备上显示，大多数小部件都会进行相应的调整和更改，这是一个很好的功能。下面是一个滑块组件，它会根据屏幕尺寸自动调整。 从实施的角度来看，这些控件也是经过深思熟虑的。...开发人员既可以在JS中进行设置，也可以在服务器端设置（例如通过PHP输出）。除了Kendo UI的web应用方面，这个框架的一些分支还可以用于Android和iOS。...有趣的一点是，Wijmo 5构建在更现代化的标准之上，因此在IE8上不起作用，此时就需要Wijmo的旧版本。Wijmo 3是基于jQuery，所以它支持直到在IE6上使用。...如果用于非商业用途，jQuery EasyUI是免费的，但如果用于开发，则需要授权。 总的来说，EasyUI是一个坚实的框架，但是网站和文档比较旧。

    6.8K20

    Unity 调用 Java 静态方法：完整指南！

    使用案例分享案例1：获取 Android 设备信息在移动游戏开发中，开发者可能需要根据设备信息做一些特殊的优化，例如为某些设备启用特定功能或禁用耗资源的特效。...不适用场景非 Android 平台：由于这个机制依赖于 Android 平台的 Java 环境，无法在 iOS、PC 或其他非 Android 平台上使用。...核心类方法介绍AndroidJavaClass作用：用于访问 Java 类的静态方法或字段。常用方法：CallStatic()：调用 Java 类的静态方法，T 是返回值类型。...GetStatic()：获取 Java 类的静态字段值。AndroidJavaObject作用：用于访问 Java 类的非静态方法或字段，通常用于实例化 Java 对象。...总言之：我这个测试方法的目的是验证在Android设备上通过 VibrationManager 类的 vibrate 静态方法进行振动时，是否能够正常执行而不抛出异常。

    1.3K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券