摘要: 一、概述 随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。 Cookie 的大小不超过4KB,且每次请求都会发送回服务器; LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能, 阅读全文
posted @ 2023-12-17 14:43 古兰精 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 一、Vue3中使用 component :is 加载动态组件 1、不使用setup语法糖,这种方式和vue2差不多,is可以是个字符串 2、使用setup语法糖,这时候的is如果使用字符串就会加载不出来,得使用组件实例 <component class="task-box" :is="compone 阅读全文
posted @ 2023-07-17 21:58 古兰精 阅读(1521) 评论(0) 推荐(0) 编辑
摘要: 1、问题背景 我在一个 js 文件里需要使用 pinia 去修改状态存储里的内容,但是在引入 pinia 的时候,比如 cont store = useStore() 时发现报错:getActivePinia was called with no active Pinia. 说是实例在文件中使用的时 阅读全文
posted @ 2023-07-17 20:54 古兰精 阅读(1469) 评论(0) 推荐(0) 编辑
摘要: 一、miniprogram-ci 介绍 1、miniprogram-ci 简介 miniprogram-ci 是从微信开发者工具中抽离的关于小程序/小游戏项目代码的编译模块。开发者可不打开小程序开发者工具,独立使用 miniprogram-ci 进行小程序代码的上传、预览等操作。 文档:https: 阅读全文
posted @ 2023-06-16 12:18 古兰精 阅读(1386) 评论(0) 推荐(0) 编辑
摘要: 要实现效果如下:尾部带查看详情,前面有三个点省略号。之前单独看这个布局,即使借助 JavaScript 也不是一件容易的事啊(需要计算文字宽度动态截取文本,然后 append 上三个点和查看详情。vue-clamp 就是这么做的,包括很多博客也是这么讲的,但是讲真,如果是个列表,这种不断的判断,肯定 阅读全文
posted @ 2023-06-15 18:19 古兰精 阅读(2140) 评论(0) 推荐(0) 编辑
摘要: 经常会有这样的场景:用户在网页中一键唤起小程序,能够给用户提供更好的体验。实现H5跳转小程序的方案目前有多种,可以根据自己的实际场景选择。 第一种:通过 URL Scheme 适合在外部浏览器运行的H5页面,通过 URL Scheme 的方式来拉起微信打开指定小程序。 那如何获取小程序的 URL S 阅读全文
posted @ 2023-06-15 13:34 古兰精 阅读(8957) 评论(0) 推荐(0) 编辑
摘要: 一、前端自动部署工具deploy-cli-service 1、先安装deploy-cli-service依赖 // 全局安装 deploy-cli-service npm install deploy-cli-service -g // 本地安装 deploy-cli-service npm ins 阅读全文
posted @ 2023-03-12 19:11 古兰精 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 一、unplugin-vue-components 插件 unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件)作者是Vite生态圈大名鼎鼎的Anthony Fu。使用此插件后,不需要手动编写 import { Button } 阅读全文
posted @ 2023-03-04 10:36 古兰精 阅读(14286) 评论(0) 推荐(0) 编辑
摘要: 1、语法:nginx -s signal。signal 的值如下: stop:fast shutdown,快速的停止nginx quit:graceful shutdown,不再接受新的请求,等正在处理的请求出完成后在进行停止(优雅的关闭) reload:reloading the configur 阅读全文
posted @ 2023-02-28 20:48 古兰精 阅读(2276) 评论(0) 推荐(0) 编辑
摘要: 在新公司接手之前的人做的前端埋点曝光,业务代码真是一言难尽,故而优化重构了一下。下面做下对比: 一、原曝光方案介绍 1、原曝光方案核心代码 1、逻辑复用: 主要逻辑就是监听 scroll 事件(有页面的、也有组件的)、 然后 scroll 时触发遍历 list 数据、对每项元素进行监听进行位置判断是 阅读全文
posted @ 2023-02-12 20:29 古兰精 阅读(584) 评论(0) 推荐(0) 编辑