找到Web

在使用vue开发项目的时候，我们经常会利用vuex来进行全局的状态管理从而达到实现数据全局共享的目的，但是使用vuex有一个缺点就是在页面刷新之后数据会消失从而使页面展示异常或者请求接口报错，比如用户在登录成功后，我们会从后台拿到用户的token，或者uid等信息，因为大部分的…

MiniCssExtractPlugin 推荐只用于生产环境，因为该插件在开发环境下会导致HMR功能缺失，所以日常开发中，还是用style-loader。 assetNameRegExp：正则表达式，用于匹配需要优化或者压缩的资源名。默认值是 /.css$/g webpack文…

本文将介绍如何同步加载关键样式，而其他样式则以非阻塞方式加载。 在分析结果中，浏览器需要等待所有CSS加载并得到处理，然后才能在屏幕上绘制一个像素。 你可以通过 FCP(First Contentful Paint) 的时间来判断你的性能，FCP表示从开始导航到浏览器呈现第一段…

离线WebApp，顾名思义，即使断网也能够正常使用的网页，会有点难以想象，可以亲自体验一下：https://geek4.wuchen.org ，打开过一次之后（iOS的webview暂不支持离线，需要使用safari打开），再次打开不需要网络，使用上也不会有阻碍。上述网站只是一…

一般谈论到效率、性能问题，我们都很少想到CSS在请求回来之后，在浏览器进行CSS渲染的效率是怎样的。本文来介绍一下对于CSS的一些高效优化策略,可以提高我们页面的CSS渲染效率. 值得注意的是,渲染引擎解析 CSS 选择器时是从右往左解析的,这样做是为了减少无效匹配次数，从而匹…

Cookie的SameStie属性用来限制第三方Cookie，从而减少安全风险（防止CSRF攻击）和用户追踪。 具体如何使用cookie来防止CSRF攻击，可以参考使用站点Cookie属性防止CSRF攻击，里面基础地介绍了相关的知识。 Strict最为严格，完全禁止第三方 Co…

所谓display-outside，就是说这些值只会直接影响一个元素的外部表现，而不影响元素里面的儿子级孙子级元素的表现。 display: run-in： 会根据后面的元素进行转换display为inline | inlin-block | block。 如果它后一个元素是b…

你是否曾经在线读一篇文章的时候，页面上突然发生了一些改变？没有任何警告，文字移动了，你不知道读到那里了。或者更糟糕的，你准备点一个链接或者按钮，但就在你手指触摸到屏幕的前一秒，链接移动了，你点到了其他地方。 大部分情况，这些体验只会引起你的反感，但有时候，会对你造成无法挽回的伤…

关于正则表达式的方法属性分为两种，一个是RegExp对象方法，其中包含exec和test方法，另外一个是string对象方法，包含match，search，replace，split，这些string方法在原本的基础上还支持正则表达式，扩充了更为强大的能力。下面我将分别总结各个…