自定义封面功能
自定义封面功能，从最初的产品需求，到方案调研，到开发完成，再到功能组件化，经历了漫长的过程。开发中所依赖的fabricjs库也是我们第一次使用，它的功能还是非常强大的，帮助我们高效的开发出了一个简单的封面生成工具，不过也遇到了一些奇怪的兼容性问题，例如百分比渐变色在某些浏览器不生效等问题，目前也还在优化迭代中，如果大家有遇到类似的功能，欢迎来一起探讨。…
H5调试大全
H5页面调试是移动端开发过程中不可或缺的一环，综合运用这些工具，我们可以快速定位问题、优化页面性能，并提升用户体验，随着移动端技术的发展，H5调试技术也会持续进步。我们可以期待更加智能化的调试工具，以及更加全面的性能分析功能。…
静态页面自动化生成
业务有时需要动态生成一些简单交互的静态页面，比如协议页面，书单页面。技术有很多种方案，本文将介绍七猫前端的实现方案。…
七猫中文网首页性能优化
七猫中文网首页重新改版，并且实现前后端分离，之前的首页是php渲染的静态页面，前后端分离后是nuxt框架实现的服务端渲染。…
七猫中文网阅读器
七猫中文网阅读器页面实现前后端分离，除了要保留原有页面功能（皮肤切换、字号、字体设置），还需要支持vip用户在登录后可以正常阅读vip章节。…
互动管理-评论表情组件的诞生
在互联网无处不在的背景下，其实我们已经生活在一个视觉文化的时代，人们在互动交流的时候纯文字内容显得过于单调和无聊。所以在交流时倾向于使用活泼生动，能体现出自己感情和个性的表情。于是就有了形象生动的小七系列表情包，在web端为了避免重复开发 互动表情功能，将该评论表情功能 封装成了 q-emojin-input 公共组件。…
浅谈Vue3 + TS + Vite2 前端技术框架
在web大环境的潮水中，时代一直在飞速进步，七猫前端现有框架(`vue2`)也迎来了升级，升级后的框架(`vue3+ts+vite`)带来了更高的开发效率与更好的浏览器性能。本文主要讲述一下自己在学习的过程中，对`Vue3 + Ts + vite`的理解, 并结合 `一些概念` 与 `已经开发的业务demo` , 对此框架进行的详细介绍，以及展示升级后的demo带来的变化。…
鸿蒙 OpenHarmony JS FA 2.0-快速开发
千呼万唤始出来！鸿蒙，终于横空出世！迎来真正属于中国人的系统，鸿蒙他来啦！通过统一IDE支撑一次开发，多端部署，实现跨终端生态共享。鸿蒙OS凭借多终端开发IDE，多语言统一编译，分布式架构Kit提供屏幕布局控件以及交互的自动适配，支持控件拖拽，面向预览的可视化编程，从而使开发者可以基于同一工程高效构建多端自动运行App，实现真正的一次开发，多端部署，在跨设备之间实现共享生态 。万物互联的时代 由你的 定义。…
Nuxt部署及优化
公司虽然使用了vue进行了前后端分离开发，但是在部署流程上没有实现分离，目前大部分项目部署的流程是前端代码打包发送到后端服务器的代码里。但是这套部署流程并不适用SSR的项目，也就是我们的Nuxt框架，这次针对影视版权中心的前台，使用了Nuxt进行了服务端渲染，所以部署流程也得有些变动。…
h5 动态书单
每当有突发的运营活动时，都需要前端完成书单活动页样式、服务端提供数据接口、测试人员测试书单，不难看出每个书单的结构都是一样的，接口数据的格式也是统一的，测试的测试工作亦是重复的，于是我们痛定思痛，决心找到解脱的方法，开发书单配置后台，自动生成专题活动页，避免了重复开发，提高生产效率。…
基于 el-upload 和 ali-oss 的上传组件
素材文件存储从七牛云迁移到了阿里云，后续用户上传的文件由前端直接上传到阿里云。考虑到这个调试过程比较麻烦以及别的项目组也有上传的需求，为了节省其他人的开发时间，所以把上传这一块功能封装成了一个公用的组件。…
水印组件的发展史
本文讲解了web前端实现全局页面增加水印的方式，拓展介绍了图片增加自定义水印的方法。基本实现了高安全度的水印，保证了页面数据的安全性。…
websocket
websocket html5提供的新通信协议，是一个持久化的协议，最大的特点是服务端可以主动向客户端推送消息，客户端也可以主动向服务端发送信息。属于应用层的协议，基于TCP传输协议，并复用HTTP协议的握手通道。…
文本编辑敏感词高亮和错别字纠错组件
小说业务，需要对小说中的疑似敏感词进行标亮，方便快速处理。同时小说中也存在一些错别字、语法不正确等问题，影响阅读体验。我们会根据api校验并定位，来表示语法和错别字，并给出建议更改的选项，来进行替换和忽略。本文将介绍如何实现敏感词高亮，错别字加下划线标识。…
Nuxtjs小结
服务端渲染（Server Side Render）并不是一个新的概念，在单页应用（SPA）还没有流行起来的时候，页面就是通过服务端渲染好，并传递给浏览器的。当用户需要访问新的页面时，需要再次请求服务器，返回新的页面。Vue.js 推出后，其数据驱动和组件化思想，以及简洁易上手的特性给开发者带来了巨大的便利，Vue.js 官方提供的 vue-server-renderer 可以用来进行服务端渲染的工作，但是需要增加额外的工作量，开发体验仍有待提高，而 Nuxt.js 推出后，这个问题被很好的解决了。…