7Water

蓝牙真实对接案例（真实硬件对接），使用uni-app或者小程序的方式开发都行。蓝牙连接、发送读写指令、监听消息等操作都完整记录下来了~...

1.初始化蓝牙模块、2.开始搜索附近的蓝牙设备、3.获取搜索到的蓝牙列表、4.监听寻找到新设备的事件、5.连接蓝牙设备........

前言 众所周知，在前端项目不断的更新迭代的过程中，总会遇到所依赖的库升级的问题，对于一些已经有了一定规模的项目来说，对所依赖的库进行升级，往往是一个令人头痛的事情，特别是一...

前言 前面篇章我们已经完成了开源组件库编码，接下来需要做的是打包发布到 NPM 上。编译打包 组件库需要做 2 种打包方式：全量打包、单组件打包，以提供给第三方调用者灵活选...

我相信绝大部分的同学面试的时候都碰到过面试官问的一个问题，那就是前端项目优化。这是一个非常发散的问题，涉及到的面很广。因此我也总结了一篇5000字的文章总结了从分析到实施阶...

简单了解微前端 微前端具备以下特点： 技术栈无关：主框架不限制接入应用的技术栈，微应用具备完全自主权 独立开发、独立部署：既可以组合在一起运行，也可以单独运行。 增量升级：...

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

前言 在前端项目开发中，我们可以启动 devserver 管理静态资源服务，但是发布线上后要保证稳定，一般会选择一个高效能 + 稳定的静态服务器来管理前端资源。 作为前端工...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

前言 这是本系列的第五篇文章，在之前专栏中，我们一路更新的全部都是跟技术相关的内容，那么本章我们轻松一点，跟大家聊一聊前端运维的一些有趣的事情，也是前端走向全栈的过程中可能...