改善CSS的10种最佳做法

改善CSS的10种最佳做法

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

英文 | https://medium.com/better-programming/10-best-practices-for-improving-your-css-84c69aac66e   CSS似乎是一种非常简单的语言,很难在其中犯错误。你只需添加样式规则,就可以对网站进行样式设置…

一个简洁、有趣的无限下拉方案

一个简洁、有趣的无限下拉方案

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

一个简洁、有趣的无限下拉方案 本文主旨 长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么? 不知你是否从上面这张图中注意到了什么,比如只是渲染了可视区域的部分 DOM ,滚动过程中只是外层容器的 padding …

标签:
webpack4.0详细配置说明

webpack4.0详细配置说明

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

前言 2020年已经过了四分之一了,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中,我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深刻的认…

标签:
js中的事件委托或事件代理详解

js中的事件委托或事件代理详解

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

概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰…

标签:
浅谈自己知道的首屏加载时间的优化策略

浅谈自己知道的首屏加载时间的优化策略

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

SPA应用已成为主流,Angular、React、Vue三大框架已经占据前端开发的大半江山,但随着SPA的流行,弊端也随着出现,不仅首屏加载慢,而且不利于SEO,所以vue全家桶或者react全家桶,都是推荐通过服务端渲染来实现路由的。 下面让我们来了解何为服务端渲染 服务端渲染 1.概念 当用户第…

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

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

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

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

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

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

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

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

你真的了解回流和重绘吗

你真的了解回流和重绘吗

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

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

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

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

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

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

CSS编码规范

CSS编码规范

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

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

声明

本站内容大多为原创,部份搜集于互联网,仅供学习与交流,如果不小心侵犯到你的权益,请及时联系我们删除该资源.