摘要: 前言 看过几个react hooks 的项目,控制台上几百条警告,大多是语法不规范,react hooks 使用有风险,也有项目直接没开eslint。当然,这些项目肯定跑起来了,因为react自身或者其他的包,在编译的时候弥补了一些缺陷,还有一些是不规范的警告,或者还没运行到报错的代码。 在这,我想 阅读全文
posted @ 2021-12-30 17:22 Mr.聂 阅读(4008) 评论(5) 推荐(2) 编辑
摘要: 前言 Excel功能强大,应用广泛。随着web应用的兴起和完善,用户的要求也越来越高。很多Excel的功能都搬到了sass里面。恨不得给他们做个Excel出来。。。程序员太难了。。。 去年我遇到了一个甘特图的需求,做了很多工作,也写了两篇博客。一篇是用 GSTC 这个包做的甘特图,另一篇是自己手写了 阅读全文
posted @ 2021-11-26 15:58 Mr.聂 阅读(16975) 评论(28) 推荐(5) 编辑
摘要: 前言: GitHub上我开源了vue-cli、vue-cli3两个库,文章末尾会附上GitHub仓库地址。这次把2.0的重新写了一遍,优化了一下。然后按照2.0的功能和代码,按照vue3.0的语法,完全重写了一遍。虽然名字叫cli,其实两个库都是基于vue-cli创建的。做这个的目的是为了工作中快速 阅读全文
posted @ 2021-11-18 15:38 Mr.聂 阅读(7333) 评论(5) 推荐(11) 编辑
摘要: 基本步骤: 1、安装MongoDB 2、创建用户 3、修改 mongod.cfg 配置 4、开放防火墙端口号 5、重启MongoDB(傻瓜式重启,不需要指令) 6、远程登录 具体操作如下: 1、首先,下载安装,这里不多说了。安装成功,下载一个 robot 3T,如下图所示,连接本地数据库,注意Mon 阅读全文
posted @ 2021-02-25 14:52 Mr.聂 阅读(2408) 评论(3) 推荐(0) 编辑
摘要: 表格最大数据量也就500左右,再多,dom太多,浏览器会卡顿。为了解决这个问题,同时保持表格原有功能,对数据做了优化。 特点: 1、保留原有antv的table的所有功能(antd-react 一样的道理,这里只贴vue代码,react抄一下函数即可) 2、数据切换流畅,无卡顿问题,头尾数据无空白问 阅读全文
posted @ 2020-09-16 16:29 Mr.聂 阅读(7913) 评论(4) 推荐(1) 编辑
摘要: 最近做国外项目,需要实现项目的的国际化,这里大致捋一下思路、实现方式。项目技术栈是 vue + antd + java,我大致将需要翻译的内容划分为如下5个部分,接下来会一个一个的说明为何这么区分、如何实现翻译。这里强调一下,很负责的说,目前国际化,就是开发者写对象,一个key关联若干语种的翻译,纯 阅读全文
posted @ 2020-06-11 09:28 Mr.聂 阅读(1891) 评论(8) 推荐(1) 编辑
摘要: 一、序 如题,最近工作中遇到一个移动端用户上传照片,然后在线编辑,添加一些别的图片合成的功能,类似于超级简化版美图秀秀。总结了一下,大致操作包含 上传图片,图片压缩、触摸拖动图片、放大/缩小、添加别的图片进行合成,最后生成一张新图片。功能比较多,问遍了度娘,也没什么系统的有用信息。蛋疼。。。于是挽起 阅读全文
posted @ 2019-06-28 17:27 Mr.聂 阅读(2857) 评论(6) 推荐(0) 编辑
摘要: 一、序 最近做百度地图的图形化定制。略有心得,在此和大家分享一下,少走弯路。先看目录,大致介绍一下都写了些啥。我会从最基本的来,一点点往下写,同志们可以看目录自己去找需要的部分。ps:注意,我用的是百度地图 2.0 版本,例子也都是。 这个完整代码,我会上传到 github 上,觉得有用记得给个 s 阅读全文
posted @ 2019-06-19 13:53 Mr.聂 阅读(7362) 评论(11) 推荐(5) 编辑
摘要: 1、简介: 很简单,写了一个node操作文件的小脚本,主要实现对目标文件夹中内容的复制。还顺带一个按照文件夹或者文件名过滤的功能。 2、应用场景 适合基于 node 环境的项目,项目打包的时候,配合 webpack 配置,生成需要的线上项目目录,方便快捷。 3、 使用说明 代码我检验过,应该是没bu 阅读全文
posted @ 2019-04-25 10:20 Mr.聂 阅读(3399) 评论(3) 推荐(2) 编辑
摘要: 一、序 微信小程序,估计大家都不陌生,现在应用场景特别多。今天就系统的介绍一下小程序开发。注意,这里只从项目代码上做解析,不涉及小程序如何申请、打包、发布的东西。(这些跟着微信官方文档的流程走就好)。好了废话不多说,看目录。 注: 小程序是一套特殊的东西,融合了原生和web端。他是一个不完整的浏览器 阅读全文
posted @ 2019-04-18 13:46 Mr.聂 阅读(68712) 评论(11) 推荐(12) 编辑
摘要: 一、前言 最近整理了一下项目骨架,顺便自定义了一个脚手架,方便日后使用。我会从头开始,步骤一步步写明白,如果还有不清楚的可以评论区留言。先大致介绍一下这个骨架,我们采用 create-react-app 搭建基础骨架,修改一些基础配置; 使用webpack的import模块实现按需加载(俗称切片打包 阅读全文
posted @ 2019-03-01 14:13 Mr.聂 阅读(6002) 评论(9) 推荐(6) 编辑
摘要: 一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话已经很不错了,但是坑也是不少,而且项目中很多功能仅凭这些也 阅读全文
posted @ 2018-06-04 17:13 Mr.聂 阅读(230132) 评论(14) 推荐(18) 编辑
摘要: 一、前言 博主也是vue道路上的行者,道行不深,希望自己的东西能对大家有所帮助。这篇博客针对 了解过vue基础,但是没有做过vue项目的童鞋。如果想看基础指令,可以看我之前的一篇博客,请点击 跳转, 不过我还是建议看文档比较好。os: Vue文档是非常详细的 二、准备 做vue单页应用都需要会什么? 阅读全文
posted @ 2018-05-28 09:21 Mr.聂 阅读(18631) 评论(8) 推荐(6) 编辑
摘要: 前言 首先这是一个react17的项目,包含项目中常用的路由、状态管理、less及全局变量配置、UI等等一系列的功能,开箱即用,是为了以后启动项目方便,特地做的基础框架,在这里分享出来。 这里写一下背景,我最开始是node8的环境,因为react17需要至少node14的版本,我就直接升级到16了, 阅读全文
posted @ 2021-12-28 15:58 Mr.聂 阅读(2186) 评论(3) 推荐(3) 编辑
摘要: 前言 这里写一下如何封装可复用组件。首先技术栈 react hooks + prop-types + jsx封装纯函数组件。类组件和typeScript在这不做讨论,大家别白跑一趟。 接下来会说一下封装可复用组件的思路,比如一个新手应该怎么去封装,都需要注意哪些东西。 然后说一些复杂组件需要的功能, 阅读全文
posted @ 2021-12-27 18:30 Mr.聂 阅读(4327) 评论(4) 推荐(1) 编辑
摘要: 背景 公司的项目是vue项目,环境是node@8x版本的,最近我创建react hook的项目,发现至少需要node14才支持,打开官网才发现node都已经到16版本了。失策啊,失策。于是直接升级到最高版本。结果项目直接跑不起来了,看了下日志问题挺多的。我折腾了小1天才弄好。里面坑不少,最关键的是网 阅读全文
posted @ 2021-12-17 13:09 Mr.聂 阅读(8869) 评论(6) 推荐(2) 编辑
摘要: 很抱歉,这是我自己写的甘特图,太简陋了。关于甘特图,我有了更简单、功能更强大、效果更完美的解决方案,不要再看这个。 用hightcharts实现,对vue react 原生js等等都支持。支持左侧表格,右侧时间轴,支持点击选中,拖拽,换列等功能 新的甘特图以及源代码下载请点击这里查看 hightch 阅读全文
posted @ 2020-09-29 16:53 Mr.聂 阅读(688) 评论(0) 推荐(0) 编辑
摘要: 鉴于各种需求问题,有自己写了一个甘特图,比较简单,如果这个不符合大家需求,可以看看这个,代码可直接运行: https://www.cnblogs.com/pengfei-nie/p/13750505.html 近期做一款甘特图的组件,想要实现 Ctrl + 滚轮 放大缩小甘特图时间最小刻度的功能,刚 阅读全文
posted @ 2020-07-14 09:51 Mr.聂 阅读(5466) 评论(3) 推荐(0) 编辑