最近开发一个uni-app的小程序项目，因为习惯使用vscode 而项目不得不借助hbuderx 运行，微信开发工具调试，偶尔还需要使用 ios模拟器， 8g内存的mac 就变的异常卡顿，所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用，顺便 记录下从需求到完善功能的过程，以及遇到的问题，解决的方案。编译成功了，项目根目录下出现了一个dist 文

utility-first的css framework。对于我而言，采用tailwind的原因如下：对于react组件，没有纯css级别的组件。从hoc --> react hook，复用了无ui的逻辑，但依旧没有解决跨组件的css解决方案，而tailwind+postcss解决了此问题；而tailwind主题高度定义化，可以说非常方便。

有时需要监听网络状态变化，从而通知用户注意，或根据网络状态程序内部做某些逻辑处理。许多国民级别的软件，也常常见到，在网络掉线或网络状态较差，会提示用户网络掉线注意修复或退出高清视频切换清晰度的场景，那么这样的需求，在web前端可以通过navigator.onLine和navigator.connection结合监听online、offline事件实现。online是一个布尔值true或false。

一、吐槽天下文章一大抄，说的果然没错。当你搜索vue打印功能时、千篇一律的vue-print插件。使用起来确实很简单，但是问题却没人解决：打印预览时、多了个空白页。有人说是用于height设置成100%造成的，给出的解决办法就是改height。试了下不行！！！话不多说直接上代码二、代码以下代码复制到你打印功能的页面即可。<style media="print">@page {size:

window.URL.createObjectURL可以用于在浏览器上预览本地图片或者视频在预览视频时，我一直将以为将window.URL.createObjectURL生成的URL，赋给video中的source标签是可以的，结果是不行的，得不到视频，如下图需要将其赋给video标签才行，如下图像腾讯，优酷都是这么做的，没有使用source标签，如下图（只不过不是本地视频...

react脚手架 + antd的craco.config.js配置拉取脚手架执行以下命令标题安装antd修改 src/App.js，引入 antd 的按钮组件修改 src/App.css，在文件顶部引入 antd/dist/antd.css高级配置安装 craco 并修改 package.json 里的 scripts 属性然后在项目根目录创建一个 craco.config.js 用于修改默认配置

文件大的原因其实就是，我们把第三方的包都打包在这一个文件上了，都糅在一块，肯定大啊，所以想办法把其做一个拆分。文件中加入以下代码。代码大家直接复制粘贴即可使用，也是笔者自己在生产环境中使用的哦。我们项目做完，验收通过以后，就需要打包发布上线啦。，即为：不是自己写的模块包，也就是。项目目录的所有模块包。chunk(块/包)我们以vue为例，在。

前言vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。chrome商店直接安装vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。手动安装第一步：找到vue-devtools的gi...

跨域报错信息：Console代码 收藏代码Fetch API cannot load https://xxx.com/api. Response to preflightrequest doesn't pass access control check:The value of the 'Access-Control-Allow-Credentials' header...

10个可以替代Bootstrap的前端框架2015.09.21 15:1012846浏览Bootstrap是最受前端开发者欢迎的框架之一，虽然它的功能很强大，但是如果是做一些小型网站的话，会有很多用不到的功能，这时可以用一些其他框架来替代Bootstrap。现在有很多的前段框架，这里为你整理了10个最佳的可以替代Bootstrap的框架，你在建立简单的、小规模的网站的时候可以考虑使用这些框架。1.