最新发布 第10页

前端javascript高级

前端javascript高级

- 2020年4月16日 - html/css/js, web前端技术 - 0 条评论 - 1117浏览 阅读更多...

本文将从以下十一个维度为读者总结前端基础知识   JS基础 1. 如何在ES5环境下实现let 对于这个问题,我们可以直接查看babel转换前后的结果,看一下在循环中通过let定义的变量是如何解决变量提升的问题   babel在let定义的变量前加了道下划线,避免在块级作用域外访…

标签:
你需掌握的CSS知识都在这了

你需掌握的CSS知识都在这了

- 2020年4月15日 - html/css/js, web前端技术 - 0 条评论 - 905浏览 阅读更多...

1.CSS盒模型,在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如下图: 图中的内层是content依次是padding border m…

标签:
vue核心之虚拟DOM(vdom)

vue核心之虚拟DOM(vdom)

- 2020年4月15日 - vuejs, web前端技术 - 0 条评论 - 1099浏览 阅读更多...

  一、真实DOM和其解析流程? 浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。 第二步,用CSS分析…

标签:
前端界面兼容性问题和解决办法

前端界面兼容性问题和解决办法

- 2020年4月14日 - web前端技术, 优化 - 0 条评论 - 1017浏览 阅读更多...

今天的兼容性问题主要发生在“前端三毒”身上,它们分别是: IE 6 IE 7 IE 8 2.问题一:宽度计算问题 案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> …

标签:,
经典面试题:什么是回流和重绘?如何优化?

经典面试题:什么是回流和重绘?如何优化?

- 2020年4月14日 - web前端技术, 优化 - 0 条评论 - 1329浏览 阅读更多...

浏览器渲染一个页面有两条线程:一条是渲染js脚本,一条是渲染css脚本。但是两条线程是互斥的。 回流:当render tree的一部分或者全部元素因改变了自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,回流就产生了。 重绘:当一个元素自身的宽高,布局,及显示或…

标签:,
你真的了解回流和重绘吗

你真的了解回流和重绘吗

- 2020年4月14日 - web前端技术, 优化 - 0 条评论 - 1145浏览 阅读更多...

回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来…

标签:
如何提高Vue前后端分离项目首页加载速度

如何提高Vue前后端分离项目首页加载速度

- 2020年4月14日 - web前端技术, 优化 - 0 条评论 - 1243浏览 阅读更多...

前后端分离项目如果做成 SPA(单页面)的形式,就必然面临一个首屏加载的问题,因为默认情况下首页文件比较大,可能超过 1 MB,进而带来首页加载很慢的问题。所以我们要通过优化,来提高首页的加载速度。 问题的解决,一般来说有这样几种思路: UI 组件按需加载 路由懒加载 组件重复打包 gzip 这些加…

标签:
2019年前端面试题总结以及一些面试心得(附答案)

2019年前端面试题总结以及一些面试心得(附答案)

- 2020年4月13日 - web前端技术, 面试题 - 0 条评论 - 1104浏览 阅读更多...

前沿 小编在这几年的前端开发过程中,经历了由js,jquery到vue,由操作dom到数据驱动页面,由只写pc网站,到写移动端网页,再到移动端app,再到微信公众号,小程序,可谓是风云变幻,不得不感叹H5的能力越来越强,正所谓学到老,活到老大概说的就是程序员吧。在悲催的经历了互联网公司一家又一家倒闭…

标签:
CSS编码规范

CSS编码规范

- 2020年4月13日 - web前端技术, 优化 - 0 条评论 - 1031浏览 阅读更多...

本文档虽针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。 1 代码风格 1.1 文件 [建议] CSS 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理…

标签:
前端性能优化 24 条建议(2020)

前端性能优化 24 条建议(2020)

- 2020年4月13日 - web前端技术, 优化 - 0 条评论 - 1865浏览 阅读更多...

性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出,或者放在文末(有些参考资料可能要梯子才能观看…

标签:

声明

极客之家以原创技术教程为主。转载或引用会尽量注明出处。
关于我们 · 隐私政策 · 联系我们
如认为内容侵权,请发邮件至 47457320@qq.com