WEB前端 | Xuanmo Blog

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

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

2022-09-02 00:32:55 1143 2 8

阅读详情

React React 实现简易 Excel（选区篇）

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

2022-02-27 19:47:39 1944 11 11

阅读详情

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

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

2021-11-21 22:40:25 1553 4 9

阅读详情

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

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

2019-07-18 10:44:55 6813 3 43

阅读详情

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

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

2019-06-22 17:29:36 6979 5 28

阅读详情

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

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

2018-12-26 00:36:25 5658 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 4051 10 36

阅读详情

Vue 解决vue项目中的“Invalid Host header”

最近在做一个微信公众号项目，用微信开发工具调试本地项目，需要做一下内网穿透，代理都配置好了，页面出现这个Invalid Host header错误，内网穿透工具我是用的frps做的，最后通过google找到方法，在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入

2018-08-15 12:45:35 63109 2 117

阅读详情