首页 > 其他分享 >web前端dy - 2

web前端dy - 2

时间:2024-01-21 22:32:53浏览次数:20  
标签:web 红框 ++ 前端 元素 操作符 dy margin 属性

101、++运算符

web前端dy - 2_操作符

++运算符优先级最高,所以不会先算乘法、

a++ 与  ++a:++a, ++在前先自增再运算,a++,++在后先运算在自增

102、JS label语法

退出多层循环

方法一:把循环封装成函数,用return来终止函数(循环)

web前端dy - 2_进制_02

输出:

web前端dy - 2_操作符_03

方法二:抛出错误

web前端dy - 2_块元素_04

输出:

web前端dy - 2_操作符_05

方法三:直接让i大于10

方法四:label语句

web前端dy - 2_进制_06

这里的outer只是一个标签,可以是任意单词

web前端dy - 2_操作符_07

103、双等号==运算规则

web前端dy - 2_进制_08

web前端dy - 2_操作符_09

104、Reflect.has、in操作符、Object.keys、for in等,获取对象属性的区别

https://blog.csdn.net/weixin_43459866/article/details/115390763

第一组:Reflect.has() 和 in操作符

(使用.操作符和['']的方式访问属性, 类同于in操作符,同样可以访问到普通、不可枚举 、私有以及原型属性)

web前端dy - 2_进制_10

第二组:Object.keys() 和 for in 循环

web前端dy - 2_进制_11

第三组:带own的api

web前端dy - 2_进制_12

  • getOwnPropertyNames() 返回可枚举属性和不可枚举属性
  • getOwnPropertySymbols() 返回symbol类型的key属性

105、幽灵字符或零宽字符

web前端dy - 2_块元素_13

web前端dy - 2_进制_14

web前端dy - 2_操作符_15

106、包含块

web前端dy - 2_块元素_16

上面的选项都对,但不完全对

web前端dy - 2_操作符_17

浮动元素和普通元素的包含块是父元素的内容区域content,而不是父元素,他们的百分比也是相对父元素的内容区域content;

绝对定位元素的包含块是第一个定位父元素的padding区域;

固定定位元素的包含块是第一个变形元素(transform)的padding区域,如果没有变形元素那么就是浏览器的可视窗口

107、文字方向与margin等国际化站点中的技巧

web前端dy - 2_进制_18

①writing-mode: vertical-rl; 可以让文字垂直排列,但是想让红框中部分距离标题近一些(margin-right:-30px),不能用margin-right,因为如果文字排列方向是横向的,难道把margin-right改成margin-top吗?

解决:用块元素的布局开始方向margin-block-start,即为块元素的布局逻辑方向,当横向排列时,让红框部分距块元素的布局开始方向margin-block-start = -30px;

②想让红框中的年份正常展示而不是倒着的

web前端dy - 2_进制_19

设置text-combine-upright,告诉浏览器这里面的文字是一个整体

web前端dy - 2_操作符_20

110、map 与 parseInt 八股文

web前端dy - 2_进制_21

parseInt转换规则,进制传0,和没传一样,按十进制来,输出1;有效进制范围2-36,传1就是无效的进制,输出NaN;传2,是有效进制,但是二进制里没有3,输出NaN

web前端dy - 2_块元素_22













标签:web,红框,++,前端,元素,操作符,dy,margin,属性
From: https://blog.51cto.com/u_12207234/9355895

相关文章

  • 【Tomcat】Web服务器Tomcat简介及配置
    Tomcat简介Tomcat配置及虚拟路径配置<build><plugins><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven-plugin</artifactId><version>2.1</version>......
  • 后端返回的msg操作成功,只能说明是后端没问题了,只有前端所有操作逻辑执行完成,前端才能
    后端返回的消息表示后端处理成功:当后端接收到前端请求并成功处理后,通常会返回一个消息(例如,JSON数据或其他形式的响应)。这个消息可能包含了成功的状态码、操作成功的提示信息等。这仅表示后端在处理请求时没有出现问题,并且已按照预期执行相应的操作。前端逻辑完成后显示操作成功......
  • 前端js方法的书写顺序,比如有内部方法,外部方法,用户触发的动作方法,监听事件方法,等等,
    在前端JS开发中,通常的方法书写顺序如下:变量声明和初始化内部方法定义外部方法定义初始化函数事件监听方法定义用户触发的动作方法定义这个顺序的主要目的是提高代码的可读性和可维护性。按照这个顺序,可以使代码更加清晰、易于理解和修改。变量声明和初始化应该在前面,因为......
  • WebSocket|概念、原理、用法及实践
    WebSocket|概念、原理、用法及实践 转载自:https://juejin.cn/post/7086021621542027271一、WHY:为什么需要WebSocket?在WebSocket出现之前,如果我们想实现实时通信,比较常采用的方式是Ajax轮询,即在特定时间间隔(比如每秒)由浏览器发出请求,服务器返回最新的数据。这样子......
  • 万字长文,一篇吃透WebSocket:概念、原理、易错常识、动手实践
     万字长文,一篇吃透WebSocket:概念、原理、易错常识、动手实践转载自:https://cloud.tencent.com/developer/article/1887095原作者原文:http://www.52im.net/thread-3713-1-1.html 文章被收录于专栏:即时通讯技术即时通讯技术本文由作者“阿宝哥”......
  • 无涯教程-Node.js - Web模块
    Web服务器是一个软件应用程序,它处理HTTP客户端(例如Web浏览器)发送的HTTP请求,并返回网页以响应客户端,Web服务器通常提供html文档以及图像,样式表和脚本。Web应用架构Web应用程序通常分为四层-Client         -该层由Web浏览器,移动浏览器或可以向Web服务器......
  • 【Dynamics365-Finance&Operations学习】Chain of Command Feature使用方法与使用场景
    前提微软在PlatformUpdate9之后引入了ChainofCommand(CoC),通过支持像Public和Protected类型的拓展,来为技术顾问和编程人员减少过度分层(overlayering)。在PU15(Dynamic365的某一版本)中,在Form、Table和Class的CoC已经被实现,但在表单数据源(FormDataSource)和表单数据字段(Formdat......
  • 前端学习-HTML/CSS刷题笔记03
    1布局单列布局单列布局是将头部、内容区、底部在页面上垂直排列,是非常实用的一种布局方式。主要对三个区域的宽度进行统一,然后通过设置自动外边距进行居中。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X......
  • 前端学习-简单项目练习01-小兔鲜
    一些笔记使用flex-wrap换行(一行一个元素)ul{display:flex;flex-wrap:wrap;}ulli{flex:100%;}html中让img撑满整个divdiv要设置宽高,img也要有宽高且均为100%,最重要的是img要给display:block。<divid="mainDiv"style="width:100%;height:100%">......
  • 软件测试/测试开发/全日制|Page Object模式:为什么它是Web自动化测试的必备工具
    为UI页面写测试用例时(比如web页面,移动端页面),测试用例会存在大量元素和操作细节。当UI变化时,测试用例也要跟着变化,PageObject很好的解决了这个问题。使用UI自动化测试工具时(包括selenium,appium等),如果无统一模式进行规范,随着用例的增多会变得难以维护,而PageObject让自......