当前位置：首页 > news >正文

第一次和两个老头做网站做网站还用注册商标吗

news 2025/10/31 22:11:24

第一次和两个老头做网站,做网站还用注册商标吗,wordpress的网站,国际知名设计公司的新方案【前言】随着市场的逐渐恶劣#xff0c;通过总结面试题的方式来帮助更多的coder#xff0c;也是记录自己的学习过程#xff0c;温故而知新。欢迎各位同胞大大点评补充~ 前端面试题之 HTML/CSS 篇 1、HTML 语义化#xff1f;2、块级元素内联样式3、盒子模型的理解… 【前言】随着市场的逐渐恶劣通过总结面试题的方式来帮助更多的coder也是记录自己的学习过程温故而知新。欢迎各位同胞大大点评补充~ 前端面试题之 HTML/CSS 篇 1、HTML 语义化2、块级元素内联样式3、盒子模型的理解怪异和标准怎么切换4、重排回流和重绘的区别5、伪类和伪元素的区别6、css 样式隔离方案7、vue scoped 能做样式隔离的原理8、css 优先级是怎样计算的9、BFC 是什么10、position 有哪些值分别是干嘛的11、flex1 代表什么12、css 画三角形13、手写代码单行文本多行文本字数过多显示...14、css 怎么画 0.5px 的线15、css3 怎么开启 GPU 加速css3 怎么开启硬件加速16、css 性能优化17、垂直水平居中布局方案行内元素垂直居中18、怎么使元素隐藏分别说出对 dom 树的影响和是否响应绑定事件19、css 动画有哪些怎么实现20、transition 属性是什么transition 和 animation 的区别21、rem 和 em 的区别移动端适配怎么做三种22、浏览器会累计很多次再重新渲染机制队列机制怎么打破这个机制浏览器刷新渲染是一种队列排队机制怎样才能立即重新渲染更新告诉浏览器要立即拿到计算结果23、如何清除浮动如何解决父元素高度塌陷24、margin-left、margin-top、margin-right、margin-bottom 负值区别25、圣杯布局和双飞翼布局的技术总结考察 float 属性26、如何使用 flex 布局实现三点筛子 1、HTML 语义化增强代码可读性方便维护人增强爬虫 SEO机器 2、块级元素内联样式 display: block/tablediv、h1-h6、table、p 等display: inline/inline-blockspan、input、button、img 等 3、盒子模型的理解怪异和标准怎么切换盒模型有两种分别是标准盒模型和怪异盒模型。盒模型都是由四个部分组成分别是 margin、border、padding、content。两种盒模型的区别在于设置宽高不同标准盒模型content怪异盒模型border、padding 和 content。通过修改 box-sizing 属性切换content-box 标准盒模型默认值border-box 怪异盒模型。 4、重排回流和重绘的区别页面渲染流程解析 html 绘制 DOM 树解析 css 绘制 CSSOM 树把 DOM 和 CSSOM 组合生成 render 树基于 render 树布局绘制到屏幕上布局这一过程就是重排回流绘制到屏幕上就是重绘。页面元素发生形状大小变化就是重排外观发生变化就是重绘。重排一定会重绘,但是重绘不一定重排。 5、伪类和伪元素的区别伪元素在内容元素前后插入额外的元素或样式但是这些元素实际上并不在文档中生成。仅在外部可见文档源代码找不到。例如 p::before { content: 第一章 } p::after { content: hot }伪类将特殊的效果添加到特定的选择器上。它是已有元素添加类别不会产生新的元素。例如 a:hover { color: #FF00FF }6、css 样式隔离方案 BEM是一种 css 命名方法论意思是块Block、元素Element、修饰符Modifier的简写 CSS Modules顾名思义css-modules 将 css 代码模块化可以避免本模块样式被污染并且可以很方便的复用 css 代码 CSS in JSCSS in JS 是 2014 年推出的一种设计模式它的核心思想是把 CSS 直接写到各自组件中也就是说用 JS 去写 CSS而不是单独的样式文件里预处理器css 预处理器会增加一些原生 css 不具备的特性使之更加具有可读性且易于维护。例如代码混合嵌套选择器继承选择器常见的预处理器有sassless预处理器外面嵌套不同同一文件同一名称可以分别生效 Shadow DOM由于子应用的样式作用域仅在 shadow 元素下那么一旦子应用中出现运行时越界跑到外面构建 DOM 的场景必定会导致构建出来的 DOM 无法应用子应用的样式的情况。比如 sub-app 里调用了 antd modal 组件由于 modal 是动态挂载到 document.body 的而由于 Shadow DOM 的特性 antd 的样式只会在 shadow 这个作用域下生效结果就是弹出框无法应用到 antd 的样式。解决的办法是把 antd 样式上浮一层丢到主文档里但这么做意味着子应用的样式直接泄露到主文档了比较适用于微前端特殊场景。 vue scoped当 style 标签有 scoped 属性时它的 CSS 只作用于当前组件中的元素。 7、vue scoped 能做样式隔离的原理通过使用 postcss 后处理器给类别增加一个用 hash 值组成的属性选择器data-v-hash 值保证全局唯一。 8、css 优先级是怎样计算的 !important 优先级最高内联样式权重 1000 id 选择器权重 100 类选择器、属性选择器、伪类选择器权重 10 标签选择器、伪元素选择器权重 1 子选择器、后代选择器、兄弟选择器、通配符选择器权重 0 继承的样式没有权重 9、BFC 是什么 BFCBlock Formatting Context块级格式化上下文是 Web 页面中盒模型布局的 CSS 渲染模式指一个独立的渲染区域或者说是一个隔离的独立容器。 BFC 形成条件 1、浮动元素float 除 none 以外的值2、定位元素positionabsolutefixed3、display 为以下其中之一的值 inline-blocktable-celltable-caption4、overflow 除了 visible 以外的值hiddenautoscroll BFC 特性 1.内部的 Box 会在垂直方向上一个接一个的放置2.垂直方向上的距离由 margin 决定解决垂直外边距重叠问题3.bfc 的区域不会与 float 的元素区域重叠防止浮动文字环绕4.计算 bfc 的高度时浮动元素也参与计算清除浮动5.bfc 就是页面上的一个独立容器容器里面的子元素不会影响外面元素 10、position 有哪些值分别是干嘛的 staticposition 默认值忽略 left、top、right、bottom 和 z-index 属性relative相对定位使用场景子元素相对于父元素进行定位。absolute绝对定位指给元素设置绝对定位。有两种情况 a、祖先元素设置了 relative、absolute就相对祖先元素绝对定位。b、没有设置 position 属性的祖先元素相对 body 进行定位。 fixed固定在某一个地方fixed 元素总是相对于 body 定位的。使用场景回到顶部、侧边栏或广告图inherit继承父元素的 position 属性sticky当元素在容器中被滚动超过指定的偏移值时元素会固定在容器的指定位置相当于 fixed。 11、flex1 代表什么实际上是 flex-grow、flex-shrink 和 flex-basis 三个属性的缩写 flex-grow定义项目的的放大比例默认为 0即即使存在剩余空间也不会放大flex-shrink定义项目的缩小比例默认为 1即如果空间不足该项目将缩小flex-basis 定义在分配多余空间之前项目占据的主轴空间main size浏览器根据此属性计算主轴是否有多余空间默认值为 auto即项目原本大小。 12、css 画三角形 CSS 绘制三角形主要用到的是 border 属性也就是边框。箭头向下的三角形 div {width: 0;height: 0;border-top: 50px solid red;border-right: 50px solid transparent;border-left: 50px solid transparent; }13、手写代码单行文本多行文本字数过多显示… 单行文本溢出 overflow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 溢出用省略号显示 white-space: nowrap; // 规定段落中的文本不进行换行多行文本溢出 overflow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 溢出用省略号显示 display: -webkit-box; // 作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式从上到下垂直排列 -webkit-line-clamp: 3; // 显示的行数14、css 怎么画 0.5px 的线采用 transform: scale()的方式该方法用来定义元素的 2D 缩放转换 transform: scale(0.5, 0.5);采用 meta viewport 的方式 metanameviewportcontentwidthdevice-width, initial-scale0.5, minimum-scale0.5, maximum-scale0.5 /15、css3 怎么开启 GPU 加速css3 怎么开启硬件加速浏览器在处理下面的 css 的时候会使用 GPU 渲染 transform当 3D 变换的样式出现时会使用 GPU 加速opacityfilterwill-change 16、css 性能优化加载性能 1css 压缩将写好的 css 进行打包压缩可以减小文件体积。2css 单一样式当需要下边距和左边距的时候很多时候会选择使用 margin:top 0 bottom 0但 margin-bottom:bottom;margin-left:left;执行效率会更高。3减少使用import建议使用 link因为后者在页面加载时一起加载前者是等待页面加载完成之后再进行加载。选择器性能 1避免使用通配规则如*{}计算次数惊人只对需要用到的元素进行选择。2尽量少的去对标签进行选择而是用 class。3尽量少的去使用后代选择器降低选择器的权重值。渲染性能 1尽量减少页面重排、重绘2属性值为 0 时不加单位3不使用import 前缀它会影响 css 的加载速度可维护性、健壮性 1将具有相同属性的样式抽离出来整合并通过 class 在页面中进行使用提高 css 的可维护性。2样式与内容分离将 css 代码定义到外部 css 中。 17、垂直水平居中布局方案行内元素垂直居中垂直居中布局 18、怎么使元素隐藏分别说出对 dom 树的影响和是否响应绑定事件 display: none渲染树不会包含该渲染对象因此该元素不会在页面中占据位置也不会响应绑定的监听事件。visibility: hidden元素在页面中仍占据空间但是不会响应绑定的监听事件。opacity: 0将元素的透明度设置为 0以此来实现元素的隐藏。元素在页面中仍然占据空间并且能够响应元素绑定的监听事件。position: absolute通过使用绝对定位将元素移除可视区域内以此来实现元素的隐藏。z-index: 负值来使其他元素遮盖住该元素以此来实现隐藏。clip/clip-path使用元素裁剪的方法来实现元素的隐藏这种方法下元素仍在页面中占据位置但是不会响应绑定的监听事件。transform: scale(0,0)将元素缩放为 0来实现元素的隐藏。这种方法下元素仍在页面中占据位置但是不会响应绑定的监听事件。 19、css 动画有哪些怎么实现 transition 过渡将变化按照设置的时间长度缓慢执行完毕而不是立即执行。animation 动画animation-name: 指定一个 keyframes 的名称动画将要使用这个keyframes 定义 20、transition 属性是什么transition 和 animation 的区别 transition 是过度属性强调过度它的实现需要触发一个事件比如鼠标移动上去焦点点击等才执行动画。它类似于 flash 的补间动画设置一个开始关键帧一个结束关键帧。animation 是动画属性它的实现不需要触发事件设定好时间之后可以自己执行且可以循环一个动画。它也类似于 flash 的补间动画但是它可以设置多个关键帧用keyframe 定义完成动画。 21、rem 和 em 的区别移动端适配怎么做三种 rem 和 em 它们都是相对长度单位em 是相对于其父元素来设置字体大小这样就会存在一个问题进行任何元素设置都有可能需要知道他父元素的大小。而 rem 是相对于根元素这样就意味着只需要在根元素确定一个参考值。 1、remem2、媒体查询3、flex4、百分比布局 22、浏览器会累计很多次再重新渲染机制队列机制怎么打破这个机制浏览器刷新渲染是一种队列排队机制怎样才能立即重新渲染更新告诉浏览器要立即拿到计算结果 window.resize() 触发重排的属性方法等例如 offsetTop、scrollTop、clientTop 等 23、如何清除浮动如何解决父元素高度塌陷浮动的影响 1由于浮动元素脱离了文档流所以父元素的高度无法被撑开影响了与父元素同级的元素2与浮动元素同级的非浮动元素会跟随其后因为浮动元素脱离文档流不占据原来的位置3如果该浮动元素不是第一个浮动元素则该元素之前的元素也需要浮动否则容易影响页面的结构显示清除浮动的 3 个方法使用 clear: both 清除浮动在浮动元素后面放一个空的 div 标签div 设置样式 clear:both 来清除浮动。利用伪元素 after 来清除浮动给父元素添加了::after 伪元素通过清除伪元素的浮动达到撑起父元素高度的目的 .clearfix::after{content: ;display: block;visibility: hidden;clear: both;}使用 CSS 的 overflow 属性当给父元素设置了 overflow 样式不管是 overflow:hidden 或 overflow:auto 都可以清除浮动只要它的值不为 visible 就可以了它的本质就是建构了一个 BFC这样使得达到撑起父元素高度的效果解决父元素高度塌陷给父元素设置 overflow:hidden 24、margin-left、margin-top、margin-right、margin-bottom 负值区别 margin-top和margin-left负值元素向上、向左移动margin-right负值右侧元素左移自身不受影响margin-bottom负值下方元素上移自身不受影响 25、圣杯布局和双飞翼布局的技术总结考察 float 属性使用float布局两侧使用 margin 负值以便和中间内容横向重叠防止中间内容被两侧覆盖一个用padding为两侧留白一个用margin为两侧留白 26、如何使用 flex 布局实现三点筛子 HTML div classwrapperdiv classitem·/divdiv classitem·/divdiv classitem·/div /divCSS 父元素样式使用 .wrapper {height: 100px;width: 100px;border: solid 1px red;border-radius: 5px;display: flex;justify-content: space-between; }子元素 item 样式使用 .item:nth-child(2) {align-self: center; } .item:nth-child(3) {align-self: flex-end; }效果图如下
文章转载自：
http://www.morning.spftz.cn.gov.cn.spftz.cn
http://www.morning.mfct.cn.gov.cn.mfct.cn
http://www.morning.srmpc.cn.gov.cn.srmpc.cn
http://www.morning.prkdl.cn.gov.cn.prkdl.cn
http://www.morning.zrgdd.cn.gov.cn.zrgdd.cn
http://www.morning.aiai201.cn.gov.cn.aiai201.cn
http://www.morning.bqdpy.cn.gov.cn.bqdpy.cn
http://www.morning.nnwnl.cn.gov.cn.nnwnl.cn
http://www.morning.rahllp.com.gov.cn.rahllp.com
http://www.morning.bklhx.cn.gov.cn.bklhx.cn
http://www.morning.zyrp.cn.gov.cn.zyrp.cn
http://www.morning.jfnbh.cn.gov.cn.jfnbh.cn
http://www.morning.dbrnl.cn.gov.cn.dbrnl.cn
http://www.morning.pwksz.cn.gov.cn.pwksz.cn
http://www.morning.pnfwd.cn.gov.cn.pnfwd.cn
http://www.morning.fktlg.cn.gov.cn.fktlg.cn
http://www.morning.mlffg.cn.gov.cn.mlffg.cn
http://www.morning.lmqw.cn.gov.cn.lmqw.cn
http://www.morning.lbywt.cn.gov.cn.lbywt.cn
http://www.morning.bzjpn.cn.gov.cn.bzjpn.cn
http://www.morning.mnsmb.cn.gov.cn.mnsmb.cn
http://www.morning.ljjmr.cn.gov.cn.ljjmr.cn
http://www.morning.twdkt.cn.gov.cn.twdkt.cn
http://www.morning.rghkg.cn.gov.cn.rghkg.cn
http://www.morning.lznqb.cn.gov.cn.lznqb.cn
http://www.morning.wnkbf.cn.gov.cn.wnkbf.cn
http://www.morning.qrwnj.cn.gov.cn.qrwnj.cn
http://www.morning.mjdbd.cn.gov.cn.mjdbd.cn
http://www.morning.bxbkq.cn.gov.cn.bxbkq.cn
http://www.morning.taojava.cn.gov.cn.taojava.cn
http://www.morning.qqhfc.cn.gov.cn.qqhfc.cn
http://www.morning.nafdmx.cn.gov.cn.nafdmx.cn
http://www.morning.pmnn.cn.gov.cn.pmnn.cn
http://www.morning.rqhbt.cn.gov.cn.rqhbt.cn
http://www.morning.hysqx.cn.gov.cn.hysqx.cn
http://www.morning.fkcjs.cn.gov.cn.fkcjs.cn
http://www.morning.dansj.com.gov.cn.dansj.com
http://www.morning.hxwhyjh.com.gov.cn.hxwhyjh.com
http://www.morning.zmyhn.cn.gov.cn.zmyhn.cn
http://www.morning.zsyqg.cn.gov.cn.zsyqg.cn
http://www.morning.npmpn.cn.gov.cn.npmpn.cn
http://www.morning.dwgcx.cn.gov.cn.dwgcx.cn
http://www.morning.tsynj.cn.gov.cn.tsynj.cn
http://www.morning.mdwlg.cn.gov.cn.mdwlg.cn
http://www.morning.czxrg.cn.gov.cn.czxrg.cn
http://www.morning.lwrks.cn.gov.cn.lwrks.cn
http://www.morning.smggx.cn.gov.cn.smggx.cn
http://www.morning.rmdwp.cn.gov.cn.rmdwp.cn
http://www.morning.cwgt.cn.gov.cn.cwgt.cn
http://www.morning.nfyc.cn.gov.cn.nfyc.cn
http://www.morning.hwhnx.cn.gov.cn.hwhnx.cn
http://www.morning.fdmfn.cn.gov.cn.fdmfn.cn
http://www.morning.brbmf.cn.gov.cn.brbmf.cn
http://www.morning.rdgb.cn.gov.cn.rdgb.cn
http://www.morning.wflsk.cn.gov.cn.wflsk.cn
http://www.morning.c7497.cn.gov.cn.c7497.cn
http://www.morning.nba1on1.com.gov.cn.nba1on1.com
http://www.morning.kxgn.cn.gov.cn.kxgn.cn
http://www.morning.nba1on1.com.gov.cn.nba1on1.com
http://www.morning.kwqt.cn.gov.cn.kwqt.cn
http://www.morning.yjtnc.cn.gov.cn.yjtnc.cn
http://www.morning.jsdntd.com.gov.cn.jsdntd.com
http://www.morning.lqlfj.cn.gov.cn.lqlfj.cn
http://www.morning.5-73.com.gov.cn.5-73.com
http://www.morning.bdypl.cn.gov.cn.bdypl.cn
http://www.morning.bkgfp.cn.gov.cn.bkgfp.cn
http://www.morning.mpflb.cn.gov.cn.mpflb.cn
http://www.morning.ldzss.cn.gov.cn.ldzss.cn
http://www.morning.lrybz.cn.gov.cn.lrybz.cn
http://www.morning.yxnkr.cn.gov.cn.yxnkr.cn
http://www.morning.rybr.cn.gov.cn.rybr.cn
http://www.morning.njqpg.cn.gov.cn.njqpg.cn
http://www.morning.ntffl.cn.gov.cn.ntffl.cn
http://www.morning.kwz6232.cn.gov.cn.kwz6232.cn
http://www.morning.kdnrp.cn.gov.cn.kdnrp.cn
http://www.morning.dywgl.cn.gov.cn.dywgl.cn
http://www.morning.bmnm.cn.gov.cn.bmnm.cn
http://www.morning.diuchai.com.gov.cn.diuchai.com
http://www.morning.mqlsf.cn.gov.cn.mqlsf.cn
http://www.morning.hxrfb.cn.gov.cn.hxrfb.cn

查看全文

http://www.tj-hxxt.cn/news/266326.html