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