Rain Watcher

摘要： 上半年一直在倒腾qiankun，在使用nuxtjs接入qiankun时遇到了一些坑，记录并分享出来，希望能帮助到大家。 代码地址：nuxtjs-qiankun-demo Nuxtjs接入qiankun需要主要的事项： qiankun只能在客户端运行，所以需要将qiankun的逻辑放到一个只在客户端执 阅读全文

摘要： 事情的起因是这样的，最近有相当一部分的精力都在做项目的性能优化上，之前有一个项目出现了一个老大难的问题纠结很久了，一直没时间去看，正好一并解决一下。这个问题很简单：我用vue-cli创建的项目，按照vue的路由懒加载写法，打包后却发现代码并没有分割，全部都打包到app.js中了，导致app.js体积 阅读全文

摘要： 前言 年前做了一个类似于用户画像的项目，功能比较独立，而且可能被很多项目作为一个功能模块嵌入，所以很自然的就想到把这个项目做成一个组件输出。vue-cli提供库打包模式，所以我每次开发完只需要将打包后的文件拷贝到其他项目就可以快乐地使用了。但是随着要引用这个模块的项目增多，和这个项目自身的开发迭代， 阅读全文

摘要： 随着前端工程化工具的兴起，日常的开发中大家也很少会直接html,js,css一把梭哈去开发，都是使用前端框架配合对应的脚手架来初始化一个项目，比如vue的vue-cli，react的create-react-app等。我们只需要全局安装一下这些脚手架，然后输入vue create name或者cre 阅读全文

摘要： 自从React推出hooks后，函数式组件好像可以配合hooks做任何事了，不用class component也能实现各种功能了，而且这种模式更加灵活，更易于拆分与封装。一番体验下来，充分意识到，函数式编程+hooks才是React的王道。今天我们就来使用hooks来实现一下滑动列表项显示点赞按钮的 阅读全文

摘要： 业务场景 前一段时间刚做完一个项目，先说一下业务场景，有别于其他的前端项目，这次的项目是直接调用第三方服务的接口，而我们的服务端只做鉴权和透传，第三方为了灵活，把接口拆的很零散，所以这个项目就像扔给你一堆乐高颗粒让你组装成一个机器人。所以可以大概分析一下这个项目在请求接口时的一些特点，然后针对性的做 阅读全文

摘要： Web缓存是可以自动保存常见文档副本的HTTP设备。当Web请求抵达缓存时，如果本地有“已缓存的副本”，就可以从本地存储设备而不是原始服务器中提取这个文档。 上面是《HTTP权威指南》中对Web缓存的定义，缓存的好处主要有以下几点： 减少了冗余数据的传输； 减少了客户端的网络请求，也降低了原始服务器 阅读全文

摘要： 如果有一天，UI设计师丢过来一张UI稿，上面有这样一个带有斜切角、有边框还有内外阴影的按钮，你会怎么实现呢？第一反应切图？可是按钮内容、大小都是可变的，那得切多少图啊~Canvas？SVG？No，no，no，今天我们用css手撸这个花里胡哨的按钮。 做之前我们先分析一下实现过程中的难点： 按钮的斜切 阅读全文

摘要： 大家在做后台管理系统的时候，写的最多的可能就是表格页面了，一般分三部分：搜索功能区、表格内容区和分页器区。一般这些功能都是使用第三方组件库实现，比如说element-ui，或者vuetify。这两个组件库都各有各的优点，但就table组件来说，我还是比较喜欢vuetify的实现，不用手写一个个col 阅读全文

摘要： 上一篇中我们编写了用户注册登录、登录的代码，学习了如何进行用户的认证（JWT），如何安全地存储用的密码（hash）。这一篇我们有以下2个任务： 获取token中的数据； 通过model来同步数据库。 获取token中的数据 用户登录的时候我们已经用户的一些基本信息加密存储到token中，通过路由配置 阅读全文