开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在CSS中有什么好处:div.something或者只是.something

在CSS中，使用div.something和.something都是有效的选择器，它们分别表示不同的选择器类型和匹配规则。

div.something：这是一个元素选择器，它表示选择所有类名为something的<div>元素。这种选择器只会匹配到那些同时具有div元素和something类名的元素。
.something：这也是一个元素选择器，但它表示选择所有类名为something的元素，而不限于特定的元素类型。这种选择器会匹配到所有具有something类名的元素，无论它们是<div>、<p>、<span>还是其他任何元素。

在实际使用中，选择哪种选择器取决于你的需求和场景。如果你只需要选择具有特定类名的<div>元素，那么使用div.something更加精确。如果你需要选择任何具有特定类名的元素，无论它们是什么类型，那么使用.something更加通用。

推荐的腾讯云相关产品和产品介绍链接地址：

相关搜索:zerofill在MySQL中有什么好处？开发模式在“webpack”中有什么好处？"缩放"在CSS中有什么作用？label_keys参数在分类器- Tensorflow中有什么好处？在我的剪辑代码中有什么不好的地方-或者/和变化或者其他-如果是语法的话？在快递、路由器、寄售上有什么变化吗?或者我只是不知道我做错了什么？为什么在quasar框架中有奇怪的行为选择css？在Blazor5.0中有什么方法可以禁用CSS隔离吗？在Mule4中，让VM发布和侦听在同一个应用程序中有什么好处？在Postgres或其他关系数据库服务器中，将插入封装到事务中有什么好处？在R中有比readLines更快的东西吗?或者我如何找出为什么我的连接读起来这么慢？在node js中有没有什么方法或者库可以在不渲染任何HTML的情况下将折线google地图保存为png图像？我正在尝试对几个JSP页面使用相同的css文件，但它只在一个页面中有效。为什么？在HTML中使用LINK标签和在JS文件中使用IMPORT语句将CSS添加到react应用程序中有什么不同？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

BI是什么意思？在企业应用中有哪些好处？

老实说，解释很专业，但是什么是商业智能？我想很少有人能说清楚。如果要了解BI，则必须从其来源和目的开始。 BI的来源 BI的概念最早由Gartner Group于1996年提出。...BI的目的是什么？当谈到目的时，有必要解释其存在的价值。 BI的价值可以用十个字来概括，即“全局智能控制，智能管理”。...BI在企业应用中的好处是什么？...好处一：方便客户关系管理尽管每个公司对国产bi软件的定义都不同，但业界一致认为，国产bi软件可以帮助公司识别，吸引和保留有价值的客户，并且企业在了解客户信息后可以获得更多收益，因此不会影响与客户的沟通...在使用专业软件之前，可能无法掌握这些问题，而在使用专业软件之后，我们可以很快知道最终答案，而在现代企业的发展中，也必须仔细考虑这些问题，然后才能生效。达到解决的效果。

2.7K3 0

谷歌的安卓系统在中国免费使用，那他在这过程中有什么利益或者收入？

，如果还是沿着老路子在走很容易被淘汰，于是谷歌在创新方面下了很大的功夫，而且在应用开发难度上降低了很多，为了赢得厂家和开发者直接将全部的源码开源，就是谷歌辛辛苦苦研发的安卓系统在全球范围内是公开的，这种模式在当时还是给人眼前一亮的感觉...，而且如果不是美国的全力打压现在华为手机全球的销量已经超过韩国的三星了，很多人觉得谷歌做了这么多的事情战略目的是什么，其实站在今天的角度上看安卓系统，已经能够看出端倪谷歌通过安卓系统在推广自己的GMS全家桶...这也是华为海外市场受到巨大影响的关键因素，华为公司为了能够在海外市场继续销售自己的手机，于是在短时间内部署了HMS软件生态圈，虽然是功能上已经能够完成了GMS相似的功能，但是在消费者的认可度上需要很长时间的积累...，小米公司就是利用华为公司在海外市场的颓势，开始全面在全球推广自己的手机产品，并且在短时间内取得良好的成绩，华为在海外市场上影响还是非常巨大的，谷歌利用自家的软件全家桶已经取得了非常高的市场覆盖率，而且每个应用拥有巨量的用户对于完善谷歌的全球搜索系统是非常有好处的...谷歌在安卓上的战略已经非常成功了，而且在市值上已经得到证实，谷歌对于安卓免费使用的策略在未来也不会改变，因为生态已经被大众接受谷歌不太可能会有所改变，希望能帮到你。

1.5K2 0

自己写的面试题，自己想的答案

let person={ name:'守候', eat:function(someThing){ console.log(`${this.name}吃${someThing...在这里我想说，虽然开发上这样写代码肯定会被批斗，但是面试题，考的不只是开发上遇到的问题，也有考一些基础知识。这道题就是其中之一。...标签语义化，class和id命名有意义并且命名统一规范，css避免深嵌套（3级就得注意），避免@import，!important，和*通配符，避免行内样式，在head引入css等。...参考： 21条CSS高级技巧 css写作建议和性能优化小结 5.说下自己对模块化开发的理解，以及模块化开发的好处。...最后，如果大家对面试题有什么解法建议或者建议出什么题型，欢迎指点。

6852 0

前端: 开发一款有点意思的仿微信朋友圈应用

适配问题移动端适配问题可以通过js动态设置视口宽度/比率或者采用css媒介查询来处理，这块市面上已经有非常成熟的方案页面流畅度我们可以在body上设置-webkit-overflow-scrolling...提供用户反馈提供友好的用户反馈我们可以通过合理设置toast，modal等来控制以上介绍的只是移动端优化的凤毛麟角，有关前端页面性能优化的方案还有很多，笔者在之前的文章中也详细介绍过，下面我们进入正文...笔者在设计时研究了很多懒加载实现方式，目前采用react-lazy-load来实现，好处是支持加载事件通知，比如我们需要做埋点或者广告上报等功能时非常方便。...当然大家也可以自己通过observer API去实现，具体实现方案笔者在几个非常有意思的javascript知识点总结文章中有所介绍。...css3高级技巧的文章中有详细介绍，我们这里用到了子节点选择器，具体实现如下： .imgItem { margin-right: 6px; margin-bottom: 10px;

2K1 0

基于reactvue开发一个专属于程序员的朋友圈应用

适配问题移动端适配问题可以通过js动态设置视口宽度/比率或者采用css媒介查询来处理，这块市面上已经有非常成熟的方案页面流畅度我们可以在body上设置-webkit-overflow-scrolling...提供用户反馈提供友好的用户反馈我们可以通过合理设置toast，modal等来控制以上介绍的只是移动端优化的凤毛麟角，有关前端页面性能优化的方案还有很多，笔者在之前的文章中也详细介绍过，下面我们进入正文...笔者在设计时研究了很多懒加载实现方式，目前采用react-lazy-load来实现，好处是支持加载事件通知，比如我们需要做埋点或者广告上报等功能时非常方便。...当然大家也可以自己通过observer API去实现，具体实现方案笔者在几个非常有意思的javascript知识点总结文章中有所介绍。...css3高级技巧的文章中有详细介绍，我们这里用到了子节点选择器，具体实现如下： .imgItem { margin-right: 6px; margin-bottom: 10px;

9801 0

面向对象三大特性

继承特性详解在整个面向对象的过程中有以上的三个特性，一下子不可能都了解完，今天先来了解一下其中的继承特性什么是继承首先我们要了解一下什么是继承？...继承：继承是一种创建新类的方式，在python中，新建的类可以继承一个或多个父类，父类又可称为基类或超类，新建的类称为派生类或子类继承表示的是一种什么是什么的关系继承有哪些优点（为什么要用继承或者说是使用继承的好处...__bases__ (,) 继承与抽象什么是抽象抽象即抽取类似或者说比较像的部分。...抽象只是分析和设计的过程中，一个动作或者说一种技巧，通过抽象可以得到类继承和重用性(使用继承的好处) 使用继承的好处：解决了代码的重用(通过俩个示例对比来说明) =================...派生子类可以添加自己新的属性或者在自己这里重新定义这些属性（不会影响到父类），一旦重新定义了自己的属性且与父类重名，那么调用新增的属性时，就以自己为准。

6201 0

从零搭建一个 webpack 脚手架工具（二）

plugins: [ new MiniCssExtractPlugin({ // 抽离的样式叫什么名字（会生成在 css 文件夹下） filename...需要注意的是，loader 的执行顺序是从右到左（对于一个规则，多个 loader 的情况，配置 .css laoder 时，use 项中有多个 loader）因此，less-loader 或者 sass-loader...html-withimg-loader 当我们在 HTML 模板中有 img 标签时，img 标签的 src 的路径并不会被 webpack 转化，因此需要使用 html-withimg-loader，...module.hot.accept 方法可以接收两个参数，一个是路径字符串或者数组，另一个是回调函数。...使用 react-hot-loader 的好处就是，可以避免 React 组件的不必要渲染。

1.4K4 0

Java8中的Lambda表达式

在本文中, 我们将了解到 lambda 表达式具体是什么东西，还有就是它们是如何将自己融入整个 Java 生态系统的。...调用者只是简单地向方法传入一个变量，然后方法拿这个变量会执行一些操作，并返回另外一个变量值，或者如我们的示例所示，会产生一些副作用效果。..., printer); } 读者中比较有观察能力的可能已经注意到，我并没有在这里做什么新的事情。...我们只是简单地创建了一个 Printer 接口的具体实现，并将它传入了 printSomething 方法。...这个在性能和多核处理方法还有其它的一些好处，不过它们得在你了解了 Streams API 以后才有用，而这个超出了本文的范围。

3562 0

最流行的4种前端构建项目工具介绍

在 Web 开发历程上，我们构建了很多小型的技术解决方案，比如用 HTML 去描述页面结构，CSS 去描述页面样式，JavaScript 去描述页面逻辑，或者你也可以用一些比如 Jade 去取代 HTML...，用 Sass 或 Less 去取代CSS，用 CoffeeScript 或者 TypeScript 之类的去取代 JavaScript，不过项目中的依赖可能是一件比较烦恼的事情。...这里有很多为什么我们需要尝试那些新技术的理由。不管我们用什么，总之，我们还是希望使用那些能够处理在浏览器端的方案，所以出来了编译方案。...the official Webpack tutorial: Webpack 扩展了 CommonJs 的 require 的想法，比如你想在 CoffeeScript、Sass、Markdown 或者其他什么代码中...它不会解决所有事情，只是解决一个打包的难题，无论如何，这是在开发过程中需要解决的问题。

1.6K3 0

【Web技术】264- Web Component可以取代你的前端框架吗？

在它的构造函数中有一个叫connectedCallback额外添加的方法，当这个元素被插入DOM树的时候将会触发这个方法。你可以把这个方法与React的componentDidMount方法。...例如你再一个网页中有一个元素，它将会作为一个单独的标签展示，但它也将显示播放和暂停视频的控件，当你在浏览器开发工具中查看video标签，是看不到这些控件。...注意，在扩展现有元素时，不能使用Shadow DOM。这只是一种扩展原生HTML元素的方法，它继承了所有现有的属性、方法和事件，并提供了额外的功能。...当然可以在组件中修改元素的DOM和CSS，但是尝试创建一个Shadow root将会抛出一个错误。扩展内置元素的另一个好处就是，这些元素也可以应用于子元素被限制的情况。...webpack loader做了三件事，他在web components的Shadow DOM中为所有的CSS加上前缀，这些css不能以::host或者::slotted开头，而是与元素的标记名开头，以提供适当的局部作用于

2.6K3 0

用不了多久 Web Component，就能取代你的前端框架吗？

在它的构造函数中有一个叫connectedCallback额外添加的方法，当这个元素被插入DOM树的时候将会触发这个方法。你可以把这个方法与React的componentDidMount方法。...例如你再一个网页中有一个元素，它将会作为一个单独的标签展示，但它也将显示播放和暂停视频的控件，当你在浏览器开发工具中查看video标签，是看不到这些控件。...注意，在扩展现有元素时，不能使用Shadow DOM。这只是一种扩展原生HTML元素的方法，它继承了所有现有的属性、方法和事件，并提供了额外的功能。...当然可以在组件中修改元素的DOM和CSS，但是尝试创建一个Shadow root将会抛出一个错误。扩展内置元素的另一个好处就是，这些元素也可以应用于子元素被限制的情况。...webpack loader做了三件事，他在web components的Shadow DOM中为所有的CSS加上前缀，这些css不能以::host或者::slotted开头，而是与元素的标记名开头，以提供适当的局部作用于

2.2K4 0

gulp 详解与使用

什么是 gulp gulp 是一个前端构建工具，它能通过自动执行常见任务，比如编译预处理 CSS ，压缩 JavaScript 和刷新浏览器，来改进网站开发的过程，从而使开发更加快速高效。.../*.css','*.html']) 使用数组的方式还有一个好处就是可以很方便的使用排除模式，在数组中的单个匹配模式前加上 !...当我们没有在 gulp.src() 方法配置参数中的 base 属性，base 的默认值为通配符开始出现之前那部分路径，例如： gulp.src("app/src/**/*.css") //此时base...插件页面或者在 npm 搜索 gulpplugin 。...tip 1、gulp 写进项目 package.json 文件的依赖有什么作用方便别人查看你项目中有些什么依赖，而且在项目目录下执行 npm install 命令会安装项目 package.json

1.2K1 0

不要再滥用可选链运算符(?.)啦！

可读性、维护性可读性和维护性其实是一回事，都是指不是源代码作者的开发维护人员，在捋这块代码逻辑、修改bug等情况时，处理问题的效率，代码写的好处理就快，写的烂就处理慢，很简单道理。...如果api返回值有问题，这里会立即抛错，后面的流程也就不能进行下去了，无论开发还是生产环境都能在console里快速定位问题，即使是压缩混淆的也能从error看出一二，或者在一些前端监控程序里也能监听到...当然不是不能用，这个特性对于开发肯定好处很多的，但是得合理用，不能滥用。避免盲目用，滥用，有个点儿就加问号，特别是在一个比较长的链式代码里每个属性后面都加。...只有可能是空值，而且业务逻辑中有空值的情况，就用；其它情况尽量不要用。其实说白了就是：什么时候需要判断一个变量或属性非空，什么时候不需要。...“正确用法”：避免盲目用，滥用，有个点儿就加问号，特别是在一个比较长的链式代码里每个属性后面都加。只有可能是空值，而且业务逻辑中有空值的情况，就用；其它情况尽量不要用。

3202 0

不要再滥用可选链运算符(?.)啦！

可读性、维护性可读性和维护性其实是一回事，都是指不是源代码作者的开发维护人员，在捋这块代码逻辑、修改bug等情况时，处理问题的效率，代码写的好处理就快，写的烂就处理慢，很简单道理。...如果api返回值有问题，这里会立即抛错，后面的流程也就不能进行下去了，无论开发还是生产环境都能在console里快速定位问题，即使是压缩混淆的也能从error看出一二，或者在一些前端监控程序里也能监听到...当然不是不能用，这个特性对于开发肯定好处很多的，但是得合理用，不能滥用。避免盲目用，滥用，有个点儿就加问号，特别是在一个比较长的链式代码里每个属性后面都加。...只有可能是空值，而且业务逻辑中有空值的情况，就用；其它情况尽量不要用。其实说白了就是：什么时候需要判断一个变量或属性非空，什么时候不需要。...“正确用法”：避免盲目用，滥用，有个点儿就加问号，特别是在一个比较长的链式代码里每个属性后面都加。只有可能是空值，而且业务逻辑中有空值的情况，就用；其它情况尽量不要用。

3904 0

微信小程序云开发基础知识扫盲篇（一）文档结构

, onHide: function () { //当小程序从前台进入后台，会触发onHide }, onError: function (msg) { //当小程序发生脚本错误，或者...Tip：通过页面跳转（wx.navigateTo）或者页面重定向（wx.redirectTo）所到达的页面，即使它是定义在 tabBar配置中的页面，也不会显示底部的 tab栏。...模式，在开发者工具的控制台面板，调试信息以 info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。...css样式，只能使用在当前页 xxx.json 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。...页面的配置比app.json全局配置简单得多，只是设置 app.json中的 window配置项的内容，页面中配置项会覆盖 app.json的 window中相同的配置项。

6533 0

前端-在 css 中什么是好的注释？

我能想到为什么会写下这种注释：有时候我们的CSS会写得非常长，当在超过千行的文件内查找时，就需要这种带特殊标志的注释来帮助快速搜索。但事实上，很长很长的CSS文件已经不再流行了。...这里有一篇文章讲到这种注释为什么不需要的原因，注释应该解释“为什么”，而不是“是什么”，即说明原因而不是说明作用（Why, not what）。...我第一反应就是也许在文件中还有一个> li > a的选择器，而这行代码就是指那个选择器。也许文件中有一段注释会专门解释为何这样写，但我将文件重头到尾都看了一边，发现并没有这个选择器。...或者也许这段注释是指某行已经被删除的代码或引入其他文件中的代码？若想要彻底弄清楚这个注释的作用，唯一的方法就是翻遍整个git记录了吧。...- Something important.

1.6K2 0

微信小程序开发笔记

目录、文件解析概览一个 index文件夹一个页面 index.wxml 相当于 html 页面 index.wxss 相当于 css 文件 index.json 全局配置 app.json {...}, "style": "v2", "sitemapLocation": "sitemap.json" } 注意： tabBar.list[0].pagePath 不应该以 '/' 开头只有在...-- 可以应用于轮播图，或者页面切换 --> <!...() { // Do something when page hide. }, onUnload: function() { // Do something when page..."{{array}}" wx:for-index="idx" wx:for-item="itemName"> {{idx}}: {{itemName.message}} 微信小程序中有

4922 0

layui 如何去dom_layui 弹出层

如果您是采用seajs或者requirejs加载layer，你需要执行该方法来完成初始化的配置。...由于我们的layer内置了轻量级加载器，所以你根本不需要单独引入css等文件。但是加载总是需要过程的。当你在页面一打开就要执行弹层时，layer.ready()会是一个不错的帮手。..., function(index){ //do something layer.close(index); }); 我在源码中有了相对较大的篇幅来定制了这个msg，目的是想将其打造成露脸率最高的提示框...//eg1 layer.msg(‘只想弱弱提示’); //eg2 layer.msg(‘有表情地提示’, {icon: 6}); //eg3 layer.msg(‘关闭后想做些什么’, function...(){ //do something }); type:3的深度定制。

7871 0

jQuery插件编写步骤详解

至于使用jquery好处这里就不再赘述了，用过的都知道。...jQuery.extend(object) ,一个参数的用于扩展jQuery类本身，也就是用来在jQuery类/命名空间上增加新函数，或者叫静态方法，例如jQuery内置的 ajax方法都是用jQuery.ajax...function($){ //do something; }(jQuery); 和 (function($){ //do something; })(jQuery); 是一回事。...我们知道jQuey是可以链式调用的，就是可以在一个jQuery对象上调用多个方法，如： $('#id').css({marginTop:'100px'}).addAttr("title","测试");...比如： $("p").highLight().css({marginTop:'100px'}); 将会报找不到css方法，原因在与我的自定义插件在完成功能后，没有将 jQuery对象给返回出来。

1.5K11 0

IScroll的那些事——内容不足时下拉刷新

this又是一个什么鬼，然后我去查了一下文档，发现了这么一个东西。...listener 必须是一个实现了 EventListener 接口的对象，或者是一个函数木有看错，listener是一个对象或者是一个函数。前提是这个对象实现了EventListener接口。...var Something = function(element) { // |this| is a newly created object this.name = 'Something...在default文件夹中有一个handleEvent.js。好了，这个梗先告一段落。还是继续看源码。在handleEvent.js中，有这么一段东西。...当probe的版本为2以下的时候，是根据css3的transform属性来移动位移的，为3版本的时候是根据决定对位来移动的。所以这里只要不把我们的deltaY置为0就说明木有什么问题。

1.6K11 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭