页面刷新后，原有的 vuex中的state会发生改变，如果在页面刷新之前，可以将state信息保存，页面重新加载时，再将该值赋给state，那么该问题即可解决。  1、localstorage可以使用localstorage来保存信息。【在某组件中添加如下钩子函数。比如App.vue中】c...

在企业中，部署Apache后只采用默认的配置参数，会引发网站很多问题，换言之默认配置是针对以前较低的服务器配置的，以前的配置已经不适用当今互联网时代为了适应企业需求，就需要考虑如何提升Apache的性能与稳定性，这就是Apache优化的内容 配置Apache的网页压缩功能，是使用gzip压缩算法来对网页内容进...

<divclass="parent"hljs-string">"width:300px;height:300px;"><divclass="child">居中布局</div></div> 1.inline-block+text-align.child{displ...

10w条记录的数组，一次性渲染到页面上，如何处理可以不冻结UI？  页面上有个空的无序列表节点ul，其id为list-with-big-data，现需要往列表插入10w个li，每个列表项的文本内容可自行定义，且要求当每个li被单击时，通过alert显示列表项内的文本内容。<!DOCTYPEht...

web性能优化，主要分为前端和后台两个部分性能优化，后台性能优化决定了web能不能用，前端优化决定了其好不好用，也就是牵涉到前端用户体验和web易用性等情况，所以前端性能与用户体验是有着极大的关联的。首先，前端优化之前，我们需要知道其整体性能情况，然后对整体情况进行细分与分析，了解其每一步所损耗的时间和消耗的原由，然后...

性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就是提升你的业务数据（甚至是业务收入）。性能优化广义上包含前端优化和后端优化。后端优化的关注点更多的时候是在增加资源利用率、降低资源成本以及提高稳定性上。相较于后端，前...

一、打包分析1.1、速度分析我们的目的是优化打包速度，那肯定需要一个速度分析插件，此时 speed-measure-webpack-plugin 就派上用场了。它的作用如下：分析整个打包总耗时每个 plugin 和 loader 的耗时情况首先，安装插件npm...

在这里，你必须得安装好你的开发者环境，并且运行你的第一个flutter程序了。如果你还不知道怎么开始，请参考Flutter中文网安装教程或者Flutter官网安装教程进行安装环境。目前我开发是通过AndroidStdio和VSCode进行开发，如果你是前端开发工程师，你会和我一样比较喜欢VSCode，但是涉及到Debu...

提起 css 很多童鞋都很不屑，尤其是看到RedMonk2019ProgrammingLanguageRankings的时候，css 竟然排到了第七位。我们先来看看这张排行榜：从上面可以看出，CSS的地位已经今非昔比了。本节我们就来说说CSS 渲染以及优化 相关的内容，...

相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 使用动态组件,相信大家都能看懂（部分代码省略）//通过点击就可以实现两个组件来回切换<button@click="changeView">切换view</but...

前端路由定义：在单页面应用，大部分页面结构不变，只改变部分内容的使用优点：用户体验好，不需要每次都从服务器全部获取，快速展现给用户缺点：使用浏览器的前进，后退键的时候会重新发送请求，没有合理地利用缓存。单页面无法记住之前滚动的位置，无法在前进，后退的时候记住滚动的位置 后端路由通过用户请求的url导航到具体的...

1.SSR服务器渲染；2.静态化；3.预渲染prerender-spa-plugin；4.使用Phantomjs针对爬虫做处理。 搜索引擎优化（Searchengineoptimization，简称seo），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了...

可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。 那么为什么会出现上面的现象呢？我们从浏览器的渲染过程来解析下。不同的浏览器使用的内核不同，所以他们的渲染过程也是不一样的。目前主要有两个：webkit渲染过程Gecko渲染过程从上面...

1.去掉无意义的修饰。嗯，我会瞎说吗？除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片！所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片？还是说可以更简洁？ 2.不用图片。嗯，切图是一件扯淡的事情！不要隔靴搔痒了少年，直接使用css替代图片...

对于面试常问的从浏览器输入 URL 到页面渲染过程发生了什么？，我想大家都或多或少能说出一二。但是，其实这个问题很有深度，而你是否回答的有深度，在很大程度上会影响到面试官对你的印象。并且，网上各种资料都是带浅尝辄止地讲解这个过程，经常会出现今天看到这个版本，明天看到另一个版本地情况。所以，现在我们就...