伶俜Monster的博客_开发实战,组件开发,实用技巧

坐稳了整点花活，face-api人脸识别你想怎么玩

在前端做关于人脸的项目就不得不提face-api.js，它是一个基于Javascript的开源库，用于在浏览器中进行人脸检测、识别和特征。它是建立在 TensorFlow.js 之上的，利用深度学习模型来实现各种人脸相关的功能。

人脸识别

face-api

人工智能

机器学习

前端开发

原创 11月前 127 阅读 yyds干货盘点

我不允许你不知道，剖析实现AI对话

我不允许你不知道，剖析实现AI对话，能够学到流式数据的读取、数据内容的渲染、页面跟随滚动

AI对话

人工智能

前端开发技巧

实用功能

原创 11月前 134 阅读私藏项目实操分享

记一次npm发包

天天使用npm下包，有没有考虑是如果实现的。对于日常使用频率高的组件、方法等，来回的复制代码就很不方便，既然如此就开发一个通用的仓库，以后可以随时随地使用。分享一下我自己的组件库lp-vue里面有详细的使用教程，后期会更新更多东西

npm

lp-vue

element

vue

指令

原创 2024-09-05 20:25:14 72 阅读 yyds干货盘点

vi编辑器你该知道的命令

vi编辑器常用命令 Vim 是 Vi improved 的缩写，是 vi 的改进版。在Linux中，vi 被认为是事实上的标准编辑器，因为：所有版本的 Linux 都带有 vi 编辑器；占用资源少；与 ed、ex 等其他编辑器相比，vi 对用户更加友好。你可以使用 vi 编辑器编辑现有的文件，也可以创建一个新文件，还能以只读模式打开文本文件。进入 vi 编辑器可以通过以下方式进入

vi

命令

技巧

知识

原创精选 2024-04-23 09:37:38 468 阅读 yyds干货盘点

微信公众号开发（工具篇）

微信公众号开发其实就是h5的页面使用了微信提供的接口实现的一些功能。那么想要很好的使用微信提供的功能那么就需要一些配置。一、服务器配置二、JS接口安全域名敲黑板--私人大放送想要微信配置那么就需要有自己的服务器，那么我总不能去买服务器吧，最后还要一大堆需要配置，太麻烦了不是我的风格。这里我提供两个解决方案，可以进行参考。一、使用内网穿透，把本地服务器映射到外网。其实对于内网穿透从网上

服务器

微信

内网穿透

原创 2024-04-22 14:52:00 85 阅读 yyds干货盘点

RN的环境配置

最近两天在研究使用react-native开发移动App，但是开发前的第一关配置环境就让我歇火了，这两天配置环境我心态都崩了呀，还好略有成效，可以做一下简单分享，毕竟配置react-native的环境出错的原因有一百种哦！！！安装整个环境涉及到JAVA、Node.js、C++、git、python、Android这些环境。node.js和git环境比较简单，之前都会有用过的，至于C++环境，电

RN

移动APP开发

环境搭建

原创 2024-04-21 11:53:08 78 阅读

最全的公众号开发

服务器配置进入微信公众号平台。找到设置与开发=》开发（基本配置）然后在右侧就有一些公众号的开发信息，其中appid和AppSecret会十分有用，还有服务器配置，这就是我们要配置的第一项。服务器地址就是要验证请求是不是来自微信服务器，token可以自己填写，后期是用来进行一些加密算法的。在点击提交的时候会显示配置失败，那是需要后台的一些验证。服务器验证接口服务器配置填写完成后点击提

微信

原创 2024-04-20 18:46:31 124 阅读

前端自动化构建（gulp）

安装gulp //全局安装 npm i gulp-cli -g //本地安装 npm i gulp //检测版本 gulp --version 本地gulp 本地Gulp有两个作用：加载和运行Gulpfile中的构建指令暴露API供Gulpfile使用本地Gulp是真正运行构建任务的程序，全局Gulp只是用来启动各个项目中的本地Gulp 创建Gulpfile.js const gu

gulp

javascript

html

打包

原创精选 2024-04-19 10:20:07 252 阅读

带你了解项目脚手架的开发过程

背景介绍每次开发新的项目，类型多样，有vue的、也有小程序的，虽然已经有各种类型的项目模板，但每次都需要去下载模板然后修改配置，就显得特别麻烦，于是开发一个脚手架去管理这些项目。解决思路研究过vue-cli的一些代码，它将项目模板和脚手架分离，模板存放在git上，然后在与用户交互的时候下载不同的模板，这样模板可以单独维护，即使有更新，也不用更新脚手架。借鉴vue-cli就可以实现简单的项目

vue

脚手架

项目管理

原创 2024-04-18 09:22:34 68 阅读 yyds干货盘点

canvas提取视频文件封面帧

需求在做视频上传时一般会上传一张图片作为封面图，这时就可以获取视频的一些封面帧，选择一帧当作封面图；同样在页面展示的时候视频没有封面图，也可以通过这种方法去截取一帧图，提高用户体验。思路 1、获取视频文件 2、跳转到对应帧 3、使用canvas把对应帧画出来 4、最后返回对应的数据获取视频文件页面文件框 <input type="file" accept=&q

关键帧

canvas

封面

原创 2024-04-17 09:35:15 111 阅读 yyds干货盘点

最全的前端文件上传上新啦

文件上传是项目中必不可少的功能，这里总结了一些常用的功能。基础上传样式布局 <div class="container"> <div class="title">预览区</div> <div class="preview"> <el-image class=&q

vue

文件上传

分片上传

原创精选 2024-04-16 09:13:55 171 阅读

前端玩转Office，Word、Excel

背景介绍对于日常开发中后台系统项目中，肯定避免不了对文件的操作；文件上传、预览等功能。为了用户体验、交互，你也需要这些知识。 Excel操作(xlsx) # 安装xlsx npm i xlsx xlsx提供了很多文件的操作方式，这里说一下常见的三种处理方式： Bolo文件流 html Dom对象 json 对象功能一：文件读取处理流程： Bolo文件流可以是后台接口返回的也可以

json

html

数据

原创 2024-04-15 11:18:54 245 阅读 yyds干货盘点

Lottie玩转页面动画

前言前端页面为了美观、交互，会在页面加上一些交互动画。一般动画的实现方式有这几种： css + js：实现简单的动画还是可以的，但是实现复杂动画还是很痛苦的； gif图：简单粗暴的方式就是放一张gif图； Lottie动画：根据json文件进行动画播放； ...... Lottie动画 Lottie 是一个应用十分广泛动画库，适用于Android、iOS、Web、ReactNative、Wi

Lottie

vue

动画

原创 2024-04-14 15:35:48 195 阅读

手撸Element源码，完善日期选择器功能，支持范围选择器周、季、年

背景在做后台系统的项目中，日期组件用的是比较频繁的，但是一些常用的组件库没那么全。特别使用选择日期范围组件就格外明显。功能根据 element-ui(vue2) 进行完善、改造，功能有：周选择器完善周选择日期范围季度范围选择季度多选季度范围选择年度范围选择增加【Q/QQ】季度日期格式准备工作把element中的date-picker源码复制一份node_modules\

Element

DatePicker

日期选择器

Vue

组件

原创 2024-04-13 08:44:17 1090 阅读 yyds干货盘点

lp-vant-form微信小程序动态表单

lp-vant-form 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。功能依赖 Vant Weapp UI 组件库通过 JSON 生成表单支持数据联动数据验证数据处理内置组件 input picker date upload address 属性rule 通过 JSON 快速的配置表单项规则。内置多种场景、功能的表单组件，轻松搞定表单

微信小程序

动态表单

组件

原创精选 2024-04-12 09:24:30 835 阅读 yyds干货盘点

vue项目中如何更好的使用Echarts

背景在做后台系统以及关于数据分析处理的项目中，图表的功能就必不可少，而目前市场上Echarts的使用占比还是比较高的，如何灵活低成本使用就尤为重要。设计通过把图表的数据、业务、组件解耦，这样可以达到高复用、易于维护。编写组件图表容器可以从外部接收容器宽高。 <template> <div ref="chart" class=

Echarts

组件

vue

原创 2024-04-11 19:54:20 223 阅读私藏项目实操分享

ElementUI的el-table表头自动吸顶，支持左右固定列

在使用el-table的时候，在数据多的情况下滚动表格会看不到表头是什么，为了用户体验可以使用表头吸顶来展示，如此丝滑的操作谁见了都说好。