前端

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 说在前面 引入echarts npm下载 cdn引入 引入中国地图china.js 配置中国地图 定义一个

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 说在前面 最近在搭建一个自己的博客网站，博客网站肯定少不了和读者的交流，因此需要一个评论模块来搭建起博主和

说在前面 我们在很多地方都可以看到有这样的目录树结构，目录树可以很好的介绍项目中各文件目录的用途，帮助读者了解整个项目结构。 由于自己在项目中需要用到这个目录树来进行项目结构介绍，但是在网上简单的找了

说在前面 在前端开发过程中，有的时候我们会希望可以直接将excel上的数据复制粘贴到页面上的表格中，所以也就有了这一篇博客。 效果 思路 我们可以监听页面的paste事件，监听到paste事件的时候可

预览地址 JYeontuBlog: http://120.79.163.94/JYeontuBlog/#/home @jyeontu/jvuewheel: http://120.79.163.94/J

「这是我参与2022首次更文挑战的第27天，活动详情查看：2022首次更文挑战」。前端人的日志模块实现，node.js简单实现日志模块的基本功能。

「这是我参与2022首次更文挑战的第25天，活动详情查看：2022首次更文挑战」。 说在前面 偶然兴起，想要用vue来做一个书本的组件，有了这个想法后边开始动手，先简单地实现基本的效果，为后续封装为组

「这是我参与2022首次更文挑战的第20天，活动详情查看：2022首次更文挑战」。 说在前面 JavaScript也有许多可以用来生成词云图的库，但我自己其实都没有使用过，之前使用python的时候倒

「这是我参与2022首次更文挑战的第15天，活动详情查看：2022首次更文挑战」。 驼峰式命名法 骆驼式命名法（Camel-Case）又称驼峰式命名法，是电脑程式编写时的一套命名规则（惯例）。正如它的

「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」。 前端常用时间工具函数封装 前端开发中，对时间的各种操作是必不可免的，所以最好还是将常用的时间函数封装为工具类（现在也有

PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛”。 在这里提前祝大家新年快乐呀，不知道大家有没有这样的感觉，为什么越长大，越觉得过年没有了年味？现在要一起来放鞭炮吗？

效果 说在前面 分页器是列表展示页面必备组件之一，由于项目需要，所以我也简单的封装了一个分页器组件，效果如上图。 组件设计 入参 变量监听，动态计算展示的页码 页码跳转事件 完整代码 组件引用 写在后

效果 预览 预览地址：http://120.79.163.94//JYeontuComponents/#/codeHeightLightView 关键代码实现 主要是通过正则表达式来进行匹配替换。 找

效果 预览 预览地址：http://120.79.163.94/JYeontuComponents/#/JHoverBtnView 关键代码实现 阻止默认拖动选择事件 鼠标点击按钮事件 鼠标移动事件

数字滚动变化效果组件 效果 预览 体验地址 用途 大屏展示，数字滚动效果 实现 使用js控制元素移动。 关键代码如下： npm引入 组件以上传到npm，可以直接install使用 1.安装 2.引入

预览 首页 消费记录（表单版） 睡觉打卡 消费记录（详细记录版） 辛苦（姨妈）日记录 许愿树 准备 工具 微信开发者工具 https://developers.weixin.qq.com/minipr

将自己开发的vue组件库发布到npm 安装vue环境 已有的可以跳过 创建一个vue项目 文件目录如下图： 调整目录 1、packages 增加一个packages目录，用来存放我们的组件模块 2、e

因为自己有需求，想要一个可以自由拖拽排序的流程图组件，在网上没有找到合适的demo，所以便自己动手做了这样一个雏形。可拖拽流程图组件，自由拖拽流程图项目位置，动态展现效果。

电子屏数字 组件将数字转化成电子屏数字的形式展示，效果图如下： 效果图 预览地址 预览地址 组件开发 设计思路 数字的主体是一个二维数组组成的图形，通过数组中的值来控制具体块的展示形式。 入参 主要函