首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

可能学到了“假”CSS:伪类伪元素

CSS选择器除了根据id、class、属性等DOM中获取元素以外,还有很重要一类,用来获取元素特别内容或特别状态,这就是 伪元素(Pseudo-elements) 和 伪类(Pseudo-classes...,并且可以当作元素子对象对待(正常样式继承等) 深度顺序:元素 < ::before < 内容 < ::after ?...(display 设置为 block, inline-block, table-caption, table-cell) 只支持有限样式,常见包括 font-*, background-*, line-height..., text-decoration 等样式有效 [1.5] Javascript与伪元素有限交互 因其不在dom中,无法直接对伪元素绑定事件等 可以获取伪元素样式,如下: window.getComputedStyle...”;n0开始计算,计算结果小于1元素忽略 ?

1.4K10

米老鼠版权到期,可以用在游戏里

[i] 如今著作权到期,是否意味着米老鼠从此成为所有人共享财富,可以任意发掘和使用呢?...法律赋予著作权人在一定期限内对自己创造智慧成果(即“作品”)控制权,使得著作权人可以获得相应报酬与奖励;同时又规定在一定期限届满后,相应作品将进入公有领域,成为社会共有的财富,人们可以在这些作品基础上自由地进行进一步创作...1976年,美国国会修订1909年著作权法,将法人作品原有的最长56年著作权保护期(28年+可续展28年)延长至最长75年(28年+可续展47年)[iii],初版米老鼠著作权保护期届满时间也1984...(我国著作权法有关作品保护期规定总结) 二、著作权到期作品是否可以被任意使用?...例如,在著作权法范围内,游戏公司可以在不经迪士尼公司许可情况下,自由制作以公域米老鼠为外观游戏角色皮肤并发布在游戏中;电影公司可以在不经迪士尼公司许可情况下,使用公域米老鼠制作动画电影。

15010
您找到你想要的搜索结果了吗?
是的
没有找到

🎉点了页面上元素,VSCode 乖乖打开了对应组件?原理揭秘。

前言 在大型项目开发中,经常会遇到这样一个场景,QA 丢给你一个出问题链接,但是你完全不知道这个页面 & 组件对应文件位置。...这时候如果可以点击页面上组件,在 VSCode 中自动跳转到对应文件,并定位到对应行号岂不美哉? react-dev-inspector 就是应此需求而生。...原理简化 构建时 首先如果在浏览器端想知道这个组件属于哪个文件,那么不可避免要在构建时就去遍历代码文件,根据代码结构解析生成 AST,然后在每个组件 DOM 元素上挂上当前组件对应文件位置和行号...开启了 debug 模式之后,鼠标 hover 到你想要调试组件,就会展现出遮罩框,再点击一下,就会自动在 VSCode 中打开对应组件文件,并且跳转到对应行和列。...hover 在 DOM 节点上,这个时候拿到只是 DOM 元素,如何获取组件名称?

1.9K10

怀疑前端组件excel文件搞坏了,怎么证明

怀疑前端组件excel文件搞坏了,怎么证明 背景 在做个需求,用户通过excel上传文件文件中,每一行就是一条数据,后台批量处理;但是呢,用户填数据可能有问题,所以我后台想先做个检查,然后在每一行中加一列...本来想是,返回一个list(json返回),每个item就是一行数据,在界面上展示即可。 但是后边又想到,如果直接返回excel,行不行? 好像是可以。...最终就是这样:接收一个文件,检查后,返回原文件,只是,自己加了一列,这一列存是检查结果。 但是,前端vue用组件,渲染出来总是有问题,下载下来检查结果文件,打开是乱码什么。...下面这个是返回报文,从上到下,依次就是计算机网络那几层,物理层/链路层/ip/tcp/http http后边是什么呢?可以看到,wireshark很贴心地帮我们做了初步解析,是一个xls文件格式。...其实哈,正常下载文件接口,如果你浏览器直接调用这个接口下载也可以,但我这边前端组件很奇葩,它帮我拿到二进制后,好像又做了一层转换,然后拿到文件就有问题了。

53510

VFP控制键鼠组件,电脑自动填报,刚好可以喝杯咖啡

最近同事有填报价格,一万多条记录,EXEL填到软件里面。想着做一个工具,简单操作,又不容易出错。 拉出猫框,随意做一个表单。...File(lcfile) Wait "文件不存在" Windows Return .F....xx.improt(lcfile,"tmpxxx") xx.Alias="tmpxxx" *--导出模板文件 xx.templatetoxls() 运行后,先选择价格导入,再启动自动填价,计算机就刷刷地干活...同时这个组件也提供了录制功能,可以录制相应操作,根据录制结果,我们转为VFP代码即可。 录制结果为VBS代码,我们可以转换为VFP代码即可。...其实这个界面,可以用VFP来设计一下捕捉窗口元素和坐标,方便集成在VFP里面也OK

15420

【玩转 EdgeOne】个人酷炫3D博客可以用EO加速

你在网上买了一本书,卖家主仓库发货,正常快递周期三到四天能收到。...配置缓存策略操作方法,请参见缓存配置。 4.什么样网站适合用 CDN? 有一个微信小程序,可以用 CDN 加速有一个分享图片个人摄影作品网站,可以用 CDN 加速??...有一个...... 可以用 CDN 加速??? 想要知道一个网站或者 APP 或者小程序能不能用 CDN 加速? 首先,要明白我们网站内容是什么类型。...我们平时访问网站,有的内容是静态,有的是动态... 静态内容:每次访问得到都是相同文件,例如:图片、视频、网站中文件(html、css、js)、软件安装包、apk 文件、压缩包文件等。...你说没有上限阈值设置也就罢了,告警功能个人用户也无法使用,被打了你也不知道,只有等24小时后后准备接听腾讯催费电话。宏哥说有点夸张或者是杞人忧天,但是需要后续更新可以加上这个关键点。

16.8K1604

kotlin和java语言_希望Java可以Kotlin语言中窃取10个功能

那么,为什么不同时允许使用相同语法访问地图元素呢?    ...很好,是? 因此,此语法不仅可以与JDK映射一起使用,而且可以与公开基本get()和set()方法任何库一起使用。    ...随之而来是lombok生成平面映射调用,而Spring将添加一些@AliasFor样式标注以进行平面映射。 只有开明的人才能解密您代码。    ...但是Ceylon具有Java 42之前无法提供大量功能,也不希望有独角兽。 希望有安全调用运算符(还有Elvis运算符,两者稍有不同),也可以用Java实现。...本质上说,一个函数与其参数类型是互变,而其结果类型是协变,那么对Function或Stream更好定义是:    interface Function {} interface

1.1K00

讲道理,仅3行核心css代码rate评分组件被自己秀到了

rate评分组件一般都用javascript写,所以这次将是一个全新尝试,用css实现一个rate评分 ❗ 核心代码也就三行 01 效果图 ?...02 原理 主要是借助radio单选框,梳理如下: 去找个好看iconfont; 借用5个radio单选框,把默认样式都去掉,显示默认星星; 用checked伪类监听用户选中✅,由默认星星变成高亮星星...; 然后配合~兄弟操作符把当前选中所有兄弟元素都一起高亮; 把5个radio单选框反向排列❗; 03 代码 这是事先生成好iconfont: 一个很简洁布局: 先把默认星星显示出来: // 去掉默认样式...如果不用flex反向排列,还可以用rotateZ: .rate-content{display: flex; // flex-flow:row-reverse;transform: rotateZ(180deg...内边距作用是保持元素连贯性以及扩大点击范围

62220

将20M文件30秒压缩到1秒,是如何做到

作者:不学无数程序员 链接:https://www.jianshu.com/p/25b328753017 压缩20M文件30秒到1秒优化过程 有一个需求需要将前端传过来10张照片,然后后端进行处理以后压缩成一个压缩包通过网络流传输出去...可以看到相比较于第一次使用FileInputStream效率已经提升了许多了 第二次优化过程-2秒到1秒 使用缓冲区buffer的话已经是满足了需求了,但是秉着学以致用想法,就想着用NIO中知识进行优化一下...操作系统能够直接传输字节文件系统缓存到目标的Channel中,而不需要实际copy阶段。 copy阶段就是内核空间转到用户空间一个过程 可以看到速度相比较使用缓冲区已经有了一些提高。 ?...可以看到源码中介绍,大概意思就是写入线程会阻塞至有读线程通道中读取数据。如果没有数据可读,读线程也会阻塞至写线程写入数据。直至通道关闭。...Whether or not a thread writing bytes to a pipe will block until another thread reads those bytes 想要效果是这样

50510

将20M文件30秒压缩到1秒,是如何做到

作者:不学无数程序员 原文链接:https://www.jianshu.com/p/25b328753017 压缩20M文件30秒到1秒优化过程 有一个需求需要将前端传过来10张照片,然后后端进行处理以后压缩成一个压缩包通过网络流传输出去...可以看到相比较于第一次使用FileInputStream效率已经提升了许多了 第二次优化过程-2秒到1秒 使用缓冲区buffer的话已经是满足了需求了,但是秉着学以致用想法,就想着用NIO中知识进行优化一下...操作系统能够直接传输字节文件系统缓存到目标的Channel中,而不需要实际copy阶段。 copy阶段就是内核空间转到用户空间一个过程 可以看到速度相比较使用缓冲区已经有了一些提高。 ?...可以看到源码中介绍,大概意思就是写入线程会阻塞至有读线程通道中读取数据。如果没有数据可读,读线程也会阻塞至写线程写入数据。直至通道关闭。...关注,回复如下代码,即可获得百度盘地址,无套路领取!

70410

WGS测序得到VCF文件里面提取位于外显子区域【直播】基因组84

首先要下载并且得到人类基因组外显子坐标记录文件 这里参考基因组版本仍然是hg19,所以去CCDS数据库里面下载对应版本,并且格式化成BED文件。...文件里面根据BED文件进行抽提 这里就不自己造轮子了,用现成工具,而且是我们用过很多次SnpEff套件,代码如下 cat snp.vcf | java -jar ~/biosoft/SnpEff/...indel.vcf | java -jar ~/biosoft/SnpEff/snpEff/SnpSift.jar intervals hg19exon.bed >hg19exon.indel.vcf 可以经由...25067 hg19_exon.snp.vcf 754755 indel.vcf 3784343 snp.vcf 很明显可以看到,位于外显子区域mutation毕竟是少数,这时候还可以继续看看那些在外显子上面却没有被...|wc 仍然有2315个SNV在外显子区域,却没有被dbSNP数据库记录,可能是家族特异性位点,属于正常基因型多样性,也有极小可能性这些位点是后发突变,也就是通常癌症研究领域somatic

2.7K90

讲道理,仅3行核心css代码rate评分组件被自己秀到头皮发麻🙆‍♂️

像rate评分组件一般都用javascript写,大概一年前,在简书写过一篇文章原生Javascript实现星星评分组件,感兴趣可以去看一下,很久之前写不知道之前代码有多啰嗦,所以这次将是一个全新尝试...w=470&h=87&f=gif&s=158074] 原理 梳理如下: 去找个好看iconfont,Iconfont-阿里巴巴矢量图标库; 借用5个radio单选框,把默认样式都去掉,显示默认星星;...用checked伪类监听用户选中✅,由默认星星变成高亮星星; 然后配合~兄弟操作符把当前选中所有兄弟元素都一起高亮; 把5个radio单选框反向排列 ❗; 代码 这是事先生成好iconfont... 一个很简洁布局: <div class="...w=470&h=87&f=gif&s=53066] 内边距<em>的</em>作用是保持<em>元素</em>连贯性以及扩大点击范围,最后附上本文代码<em>的</em>codepen地址:<em>css</em>实现rate评分 最后 本文到此结束,希望以上内容对你有些许帮助

59450

讲道理,仅3行核心css代码rate评分组件被自己秀到头皮发麻

像rate评分组件一般都用javascript写,所以这次将是一个全新尝试,用css实现一个rate评分 ❗ 核心代码也就三行?...01 效果图 02 原理 主要是借助radio单选框,梳理如下: 去找个好看iconfont; 借用5个radio单选框,把默认样式都去掉,显示默认星星; 用checked伪类监听用户选中✅,由默认星星变成高亮星星...; 把5个radio单选框反向排列❗; 03 代码 这是事先生成好iconfont: <link rel="stylesheet" href="//at.alicdn.com/t/font_1356455...<em>元素</em>反向排列: display: flex; flex-flow: row-reverse; 兄弟<em>元素</em>操作: input:checked ~ input 如果不用flex反向排列,还<em>可以</em>用rotateZ...内边距<em>的</em>作用是保持<em>元素</em>连贯性以及扩大点击范围?

48420

vue-cli 源码中,发现了27行读取 json 文件有趣 npm 包

环境准备 3.1 克隆 # 推荐克隆项目,保证与文章同步 git clone https://github.com/lxchuan12/read-pkg-analysis.git # npm i -...如果模块里面还有一个数据文件 data.txt,那么就可以用下面的代码,获取这个数据文件路径。...path 中文文档[19] path 模块提供了用于处理文件和目录路径实用工具。 5.3 fs 文件模块 很常用模块。...等等 read-pkg 源码[23] 整体而言相对比较简单,但是也有很多可以学习深挖学习知识点。 作为一个 npm 包,拥有完善测试用例。...学 Node.js 可以多找找简单 npm 包学习。比直接看官方文档有趣多了。不懂就去查官方文档。查多了,自然常用就熟练了。

3.9K10

讲道理,仅3行核心css代码rate评分组件被自己秀到头皮发麻

像rate评分组件一般都用javascript写,所以这次将是一个全新尝试,用css实现一个rate评分 ❗ 核心代码也就三行?...01 效果图 02 原理 主要是借助radio单选框,梳理如下: 去找个好看iconfont; 借用5个radio单选框,把默认样式都去掉,显示默认星星; 用checked伪类监听用户选中✅,由默认星星变成高亮星星...; 然后配合~兄弟操作符把当前选中所有兄弟元素都一起高亮?...; 把5个radio单选框反向排列❗; 03 代码 这是事先生成好iconfont: <link rel="stylesheet" href="//at.alicdn.com/t/font_1356455...<em>元素</em>反向排列: display: flex; flex-flow: row-reverse; 兄弟<em>元素</em>操作: input:checked ~ input 如果不用flex反向排列,还<em>可以</em>用rotateZ

37810

讲道理,仅3行核心css代码rate评分组件被自己秀到头皮发麻

像rate评分组件一般都用javascript写,所以这次将是一个全新尝试,用css实现一个rate评分 ❗ 核心代码也就三行?...01 效果图 02 原理 主要是借助radio单选框,梳理如下: 去找个好看iconfont; 借用5个radio单选框,把默认样式都去掉,显示默认星星; 用checked伪类监听用户选中✅,由默认星星变成高亮星星...; 然后配合~兄弟操作符把当前选中所有兄弟元素都一起高亮?...; 把5个radio单选框反向排列❗; 03 代码 这是事先生成好iconfont: <link rel="stylesheet" href="//at.alicdn.com/t/font_1356455...<em>元素</em>反向排列: display: flex; flex-flow: row-reverse; 兄弟<em>元素</em>操作: input:checked ~ input 如果不用flex反向排列,还<em>可以</em>用rotateZ

45930

Windows7系统下设置打开文件夹资源管理器默认为电脑

相信很多人和我一样,打开资源管理器时候习惯默认打开“电脑”,但是Win7默认打开是“库”选项,如图: ? 想要把这个改为默认d打开“电脑”,如图: ?...步骤: 1、在桌面上右键点击任务栏上【资源管理器】图标,在弹出菜单中找到【Windows资源管理器】菜单项。 ?...4、在打开【目标】文本框中命令行后面再加一个空格与逗号(注意要用英文字符),最后点击按【确定】钮。 也可以直接复制这句话: %windir%\explorer.exe , ?...这个时候我们再次打开资源管理器,就默认打开“电脑啦”,美滋滋。 拓展知识 win7系统是由微软公司(Microsoft)开发操作系统,核心版本号为Windows NT 6.1。...Windows 7延续了Windows VistaAero 1.0风格,并且更胜一筹。 知识来源:百度百科。

4.6K20

配置文件数据库连接串加密了,你以为就挖不出来

DAL/Repository层去反编译代码 要想得到明文数据库连接串,可以代码中反推,比如从 DAL 或者 Repository 中找连接串字段 ConnectionString,这边终端程序是用...从上图中可以看出,连接串明文是存放在: OleDbHelper.ConnectionString 中,然后可以看到,程序中定义了一个 Decrypt 方法专门用来解密连接串,哈哈,有了这个算法,是不是就可以脱库啦...这些FCL类你是没法混淆从这些类上反推可以很轻松就能找到明文 ConnectionString ,所以这条路觉得是走不通。...接下来问题就是有没有办法把进程中这个静态变量给挖出来?你说对,就是抓程序 dump文件 用 windbg 去挖。 三:使用 windbg 去脱库 1....从上图中可以看到,静态字段是在 Manager 类型对象 中,实例字段都是在 Manager 对象 中,对照这张图,只需要通过 windbg 找到 OleDbHelper 类型对象,也就是所谓 EEClass

61820

浅谈 Angular 项目实战

除此之外,Angular 文档让着迷,除了基本教程之外,其核心知识是最让津津乐道地方,不仅可以了解技术内幕,甚至可以学习很多基础知识,都非常实用,对于前端新手以及业余爱好者都有很大帮助作用。...以下是 proxy.config.json 文件基本设置: { "/api": { "target": "http://localhost:3000", "secure": false...UI 库选择需要根据样式决定,比如我项目使用是 Bootstrap,所以 UI 库选择了和 Bootstrap 相关 ngx-bootstrap。...组件库主要使用了弹窗及分页,其中 ngx-bootstrap 弹窗是一个比价优秀组件,信息输入及提示都会用到。以下是一个自定义 Alert 弹窗,通过 Service 共享组件即可。...官方文档中关于表单内容非常详细,用户输入到绑定再到校验,比着葫芦画瓢就可以轻松实现双向数据绑定。

4.5K00
领券