2023年6月30日
vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript
摘要： vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript # vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 阅读全文
posted @ 2023-06-30 17:46 big0range 阅读(508) 评论(0) 推荐(0) 编辑
2021年11月17日
vue3-element-admin
摘要： vue3-element-admin 基于vue-element-admin 本人还是很喜欢element-admin的风格的, 由于原作者不在维护且vue和element都有版本更新, 特此做了一个vue3+element的修改版(Typescript), ,尽量保证了和之前用法一致,如果您还不熟 阅读全文
posted @ 2021-11-17 15:03 big0range 阅读(3901) 评论(0) 推荐(0) 编辑
2021年7月22日
Nuxt 中的store数据持久化存储(防止Vuex数据刷新丢失)
摘要： 原文地址 Nuxt 中的store数据持久化存储(防止Vuex数据刷新丢失) 第一步 在根目录plugins文件夹下新建一个store.js(没有plugins的话就自己新建一个) 第二步 export default ({ app }) => { // 获取到store const store = 阅读全文
posted @ 2021-07-22 09:36 big0range 阅读(1906) 评论(0) 推荐(0) 编辑
2021年1月4日
手摸手带你用Hexo撸博客(三)之添加评论系统
摘要： 原文地址 注: 笔者采用的是butterfly主题, 主题内置集成评论系统 butterfly主题开启评论 开启评论需要在comments-use中填写你需要的评论。 以Valine为例 comments: use: - Valine # 是否显示服务商 text: true # 懒加载 开启之后无 阅读全文
posted @ 2021-01-04 13:45 big0range 阅读(1214) 评论(2) 推荐(2) 编辑
2020年12月30日
手摸手带你用Hexo撸博客(二)之配置主题
摘要： 原文地址 在上一篇博客手摸手带你用Hexo撸博客(一)中主要介绍了博客的初步搭建 今天我们继续讲如何在Hexo搭建的博客中应用主题 官网选择自己喜欢的主题 点击这里Hexo主题进入官网主题页面 然后选择自己喜欢的一个 我这里选择的是Butterfly主题,也是我目前仍在使用的 安装 目前有三种安装方 阅读全文
posted @ 2020-12-30 15:41 big0range 阅读(532) 评论(0) 推荐(0) 编辑
2020年12月29日
手摸手带你用Hexo撸博客(一)
摘要： 原文地址 手摸手带你用Hexo撸博客(一) 环境搭建 安装 node 狂点下一步 命令行输入此条命令 如果能看到版本号则安装成功 node -v 安装Git (同上) 实在不会的小伙伴百度一下,教程很多,不细说了 命令行输入此条命令 如果能看到版本号则安装成功 git version 安装 Hexo 阅读全文
posted @ 2020-12-29 09:55 big0range 阅读(263) 评论(8) 推荐(1) 编辑
vue3和vue2生命周期的对比
摘要： 原文地址 vue3和vue2生命周期的对比 Vue3 的生命周期比较多。 setup() :开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method onBeforeMount() : 组件挂载到节点上之前执行的函数。 onMounted() : 组件挂载 阅读全文
posted @ 2020-12-29 09:50 big0range 阅读(2106) 评论(0) 推荐(0) 编辑
如何根据key合并数组中的对象
摘要： 原文地址 如何根据key合并数组中的对象(已同步到npm lm-public-js 中) 项目中经常会遇到,array内包含object这个格式的json 需要我们根据一个key去合并其中的对象,一般是 id 效率最低的方法是 循环套循环,找到一致id的,然后添加到其中一个array内 比较好的方法 阅读全文
posted @ 2020-12-29 09:48 big0range 阅读(506) 评论(0) 推荐(0) 编辑
webpack之require.context实现前端工程自动化
摘要： 原文地址 使用require.context实现前端工程自动化 require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会 阅读全文
posted @ 2020-12-29 09:44 big0range 阅读(212) 评论(0) 推荐(0) 编辑
js常用方法封装
摘要： 原文地址 NPM地址 使用方法相同 url参数提取 //提取url中的参数 function query(url) { if(!(url instanceof String )) return {} url = url.split('?')[1] //提取url问号?之后的字符串 if(!url){ 阅读全文
posted @ 2020-12-29 09:35 big0range 阅读(391) 评论(0) 推荐(0) 编辑