- 博客(16)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue引入文件夹下所有vue组件
webpack创建上下文；Vue 动态组件注册；Vue动态组件；require.context；Vue导入所有组件
2022-11-15 10:52:23
4297
1
原创 前端 视频录制剖析
前端 视频录制剖析介绍身为一个优秀的前端 coder 我们可能会遇到各种各样的需求，就在昨天我接到了一个新的需求，需要在项目中添加一个视频录制功能【疑问】【疑问】【疑问】，为什么要实现这种东西呢? 身为打工人只能默默接收。拿到需求的我一顿操作来到了MDN官网，潦草看了一下文档看起来很简单嘛，于是撸起袖子准备开始今天的 codeing。原理1. 授权摄像头HTML5 提供了Navigation.getUserMedia()【部分浏览器已废弃】和MediaDevices.getUserMedia()
2021-12-07 10:24:18
3361
30
原创 Web Worker 使用教程
通过使用Web Workers，Web应用程序可以在独立于主线程的后台线程中，运行一个脚本操作。这样做的好处是可以在独立线程中执行费时的处理任务，从而允许主线程（通常是UI线程）不会因此被阻塞/放慢。—— MDN Web Docs
2021-12-02 18:43:42
2155
1
原创 【算法篇】红黑树初探，揭开红黑树的神秘面纱
> 红黑树（Red Black Tree） 是一种自平衡二叉查找树，是在计算机科学中用到的一种数据结构，典型的用途是实现关联数组。> 红黑树是在1972年由Rudolf Bayer发明的，当时被称为平衡二叉B树（symmetric binary> B-trees）。后来，在1978年被 Leo J. Guibas 和 Robert Sedgewick 修改为如今的“红黑树”。> 红黑树是一种特化的AVL树（平衡二叉树），都是在进行插入和删除操作时通过特定操作保持二叉查找树的平衡，从而获得较高的查找性能
2021-11-20 17:20:59
364
原创 【小程序】云开发从零到一搭建流程
【小程序】云开发从零到一搭建流程环境准备开发者账号注册开发工具安装项目搭建云开发环境创建运行第一个Hello Worlddemo示例结语环境准备开发者账号注册开发工具安装项目搭建云开发环境创建运行第一个Hello Worlddemo示例云开发实现图片上传：demo结语...
2021-10-25 16:48:53
1112
原创 @vue-cli2.X,3.X,4.X打包时开发环境、测试环境、生成环境配置
@vue-cli2.X,3.X,4.X打包时开发环境、测试环境、生成环境配置前言：这篇文章主要是总结一下vue-cli各个版本打包时如何区分开发环境、测试环境和生产环境，主要为不懂的提供参考。为什么要配置环境：为什么要配置环境？这是因为在实际开发中公司需要做数据隔离，需要把开发环境、测试环境、生成环境的数据相互隔离开，防止数据污染。还有一点就是各个环境之间不会互相影响，这样可以提高团队的效率。开发环境：简单理解就是程序员开发代码时需要运行的环境，包括了自测、预览的环境，一般这个环境只有开发者自己在
2021-09-12 17:03:19
500
原创 @css + html 实现蛇形流程布局
通过css + html 实现节点流程布局需求背景：在开发可视化流程节点编排项目时需要做一个节点的执行流程结果的展示用于呈现某条流程的执行过程，大致展示结果如下图：说实话，刚拿到设计图时很闷，这咋做（低声细语好恶心的东西），但是没办法呀！有困难就要去克服，本着一个专业程序员的修养（默默打开了百度），一番搜寻无果——属实搞心态。索性放下去搞别的了，不能把其他工作卡住呀。当其他工作OK后又拿起了这个需求左看又看，突然脑子中浮现了新的想法。实现思路：首先将拿到的节点数据进行格式化操作，将原本的一维数
2021-09-10 15:45:34
2514
2
原创 @css flex 布局子内容将父元素撑开
flex 布局子内容被撑开遇到的问题：需要显示的文本是通过富文本编辑器提交是文本（包含了p标签），展示时通过flex布局实现。如下图：但是通过flex布局实现后发现文本内容过长时将后半部分整体撑开了，导致整个卡片内容被撑开了解决：通过给富文本编辑器生成的p标签设置flex:1;width:0px;的方式使整个p标签的宽度由flex属性去决定（也就是有p标签的父元素宽度所决定），再通过设置溢出隐藏的css属性实现溢出隐藏。overflow: hidden; white-space: nowra
2021-09-01 17:57:36
3197
原创 @[TOC](vue/cli3及vue/cli2 修改默认favicon @总结@ )
vue/cli3及vue/cli2 修改默认favicon @总结@ vue/cli2：vue/cli3：vue/cli2：对应文件的目录结构：找到build目录下存在webpack.dev.conf.js和webpack.prod.conf.js两个文件。分别配置两个文件中的HtmlWebpackPlugin：favicon: path.resolve(__dirname, '../static/favicon.png')（加入这行代码）。cnpm run dev 重启项目。配置
2020-10-22 19:01:57
346
1
原创 原生JS实现图片懒加载（详解）————小白都能看的懂
原生JS实现图片懒加载（详解）—— 小白都能看的懂什么是图片懒加载：图片懒加载，通俗一点就是图片的延迟加载。它是页面性能优化的一种手段，在加载页面时通过只显示可视区域的图片，避免了页面因图片过多而使得页面加载缓慢甚至卡顿的问题。实现的基本原理：通过判断当前图片的【offsetTop】值，来动态添加【img】标签，设置【img】标签的【src】属性。我们知道了什么是图片懒加载和它实现的基本...
2019-07-01 23:54:22
798
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人