• 当前频道:代码笔记

Vue 关于 Vue3 Store 的两种写法

前言 因为 Vue3 的组合式 API 的出现,结合我自己的一些使用,分享一下我的个人看法;因为有了组合式 API 的出现,让代码的组装更灵活了,数据管理可拆分,所以有了 class 写法和 pinia,我个人主要是 React + Vue 都写,公司用 React,个人的项目、作品用 Vue3,也做了一套 Vue3

2024-08-14 21:13:24 772 0 5
阅读详情

TypeScript Mobx 结合 TypeScript 实现 setState 类型推导

场景 在 mobx 中,使用 @observable 定义的 state,修改时需要借助 @action 包装才能修改,在变量比较多的情况下,十分不便,这时可以封装一个类似 React 里的 setState 方法,统一修改,在结合 TypeScript 类型推导,可以实现代码联想功能。 使用 TS 遍历指定对象,并形

2022-09-02 00:32:55 3283 2 8
阅读详情

React React 实现简易 Excel(选区篇)

介绍 最近在做表单低代码平台相关开发,其中有一个表格布局组件,需要实现 Excel 选区、合并、插入等功能,并往每个单元格放入组件,实现一个表格布局,其中 Excel 选区模式较难一点,花费了不少时间,在这里做一下记录,写文章也能继续理解一次。目前已经实现选区、合并、拆分功能,具体效果如下: 选区实现原理 第一步在鼠标

2022-02-27 19:47:39 4031 11 11
阅读详情

React 在 React 项目中使用路由的形式打开弹框

前言 由于之前一直都是在使用 Vue 做项目,遇见的弹框基本都是通过显示隐藏实现的弹框,最近开始在做 React 项目,发现一种新的模式,在 React 里面可以通过路由的形式打开弹框,也比较好奇具体怎么实现的,在一些特定的场景下路由的形式会比一般通过显示隐藏来的更方便,比如前端是使用的微前端模式,各个模块的前端都是完

2021-11-21 22:40:25 2534 4 11
阅读详情

JavaScript 使用ES2018正则Unicode属性类过滤Emoji表情

最近项目中有遇到前端需要文本输入框中的Emoji表情给匹配出来,不让用户输入,百度搜索出来很多答案都是匹配不全的,后边在阮一峰老师的正则扩展中找到了一个比较方便的方法,之前也没有注意过正则的扩展,记录一下,使用下边这段正则即可匹配Emoji表情: /\p{Emoji_Modifier_Base}\p{Emoji_Mod

2019-07-18 10:44:55 8002 3 44
阅读详情

Vue 在Nuxtjs中使用@nuxtjs/axios与vuex的一些心得

前言 由于之前写这个nuxt结合wordpress的主题的时候,自己也算是有点懵逼的状态,写的有点乱,数据管理也是不统一,报错信息也是做得不是很好,刚好花了一天时间重构了一下数据管理这一块的代码,也算是踩了一些nuxt的坑吧。之前是用的axios这个库,这次换nuxt官方封装的一个库了,也就是@nuxtjs/axios

2019-06-22 17:29:36 7937 5 28
阅读详情

Vue Vue项目中遇见的一些问题

前言 最近在用vue做微信公众号开发,记录一下在vue项目中所遇见的一些问题,算是遇见的一些小坑。 vue history模式在nginx部署遇见的白屏问题 项目开发完成,部署到线上后页面无法访问,一直处于白屏状态,文件显示不能正常加载,在官网有提到需要改一些配置,我这里是用的nginx,具体配置如下: server

2018-12-26 00:36:25 6685 0 29
阅读详情

HTML/CSS Grid布局

介绍 CSS Grid可轻松构建复杂的Web设计。它的工作原理是将HTML元素转换为具有行和列的网格容器,以便将子元素放置在网格中所需的位置。 通过将元素的父级设置display: grid;转化为网格布局。 <div class="grid-wrap"> <div class="grid-item"

2018-10-25 23:53:28 4883 10 36
阅读详情
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
前往