Xuanmo Blog | WEB前端博客

前端相关我的后台管理系统终于有了第一版

最近一直在学习Koa2+Mysql做后台系统，终于有了第一版，然后将基础部分抽离一下，后续可以直接在上边进行开发，项目地址：https://github.com/nkm-admin 附上几张截图吧，其中有个element-ui的问题目前还有点不是很好解决

2019-09-09 01:17:50 2628 26 44

阅读详情

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

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

2019-07-18 10:44:55 1751 0 24

阅读详情

Linux Centeros 7下安装php+mysql+nginx+wordpress

centeros 7安装php、nginx、mysql、phpMyAdmin、wordpress教程使用说明。

2019-07-08 20:49:25 1335 12 14

阅读详情

实战案例微信小程序-垃圾分类小妙招上线啦~

最近在学习nodejs方面，刚好魔都推行垃圾分类，趁热打铁搞了个小程序，今天早上提交了微信审核，下午通过了，由于时间比较急，所以先上了一版，功能还在陆续开发中，主要用到的技术栈：nodejs+koa2+mysql，mysql也是现学的，通过这个小程序学到些知识，也算是给自己交了个作业。具体可以扫描二维码查看，欢迎给我提

2019-07-04 20:16:45 1823 24 24

阅读详情

前端相关 JavaScript记录鼠标最后一次点击页面

需求最近做了一个项目，需要在网页中实现类似系统的待机动画那种效果，每隔2分钟页面没有任何操作就播放一个视频，所以需要记录鼠标的最后一次操作。实现方法针对这个需要，我的实现方法通过一个倒计时去模拟记录鼠标的最后一次点击，给body加一个onclick事件(或其他的dom节点)，每次点击先清除倒计时，在执行这个倒计时

2019-06-23 18:32:49 1268 7 9

阅读详情

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

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

2019-06-22 17:29:36 1886 5 13

阅读详情

实战案例使用canvas压缩图片大小

目前的项目都有需要用到前端上传图片做压缩处理，结合canvas的toDataURL可以即可做简单的处理，输出格式为base64，下边做了一个简单的封装 /** * [imageCompress 图片压缩] * @param {[Array]} imgSrc [传入图片地址] * @param {Number} [wid

2019-04-03 21:35:48 1667 10 28

阅读详情

前端相关计算浏览器滚动条在各浏览器的宽度

博客有段时间没有更新了，也比较忙，今天遇见一个需要计算浏览器滚动条的功能，之前在element-ui见过一种写法，这里做一下笔记。原理是通过两个父子关系的div的宽度相减得到一个差值，这个值就是浏览器滚动条的宽度，outerWidth - innerWidth = scrollBarWidth。 const scro

2019-03-12 18:15:29 1406 3 14

阅读详情