摘要：
好久之前写过一个可拖拽圆形进度条的dome，中间有网友反馈过一些问题，最近比较闲有时间修改了一些问题也做了一些优化，并封装成组件，基于canvas实现，只需传入放置组件dom容器，任何框架均可直接使用； codepen 示例如下：https://codepen.io/pangyongsheng/pe 阅读全文
摘要：
> 记录升级nuxt3.0过程及问题 ## 为什么要升级 👀 - leader要求的=_= ## 升级后有什么好处和问题 好处从直观来看有： - build出来的文件更小了🥕 - 本地开发启动更快了🏃🏻♀️ - 使用vue3的语法，代码更清晰👁 - 拆分了server层，功能更清晰👁 阅读全文
摘要：
> **svg,dom类的图形编辑器，在画布内编辑元素完成后，为了得到只包含元素的部分，去掉画布的留白，或者进行编组时，往往需要计算元素在画布内的边界坐标，重新生成输出元素的坐标** ## 1、对于无旋转等几何变化的基本元素，计算元素的边界坐标是很容易的（以屏幕坐标为准） 如下图，只需遍历每个元素的 阅读全文
摘要：
越来越多的前端用于编辑器类工具的开发，常见的如富文本编辑器、H5页面生成器、低代码平台etc... 对于这类编辑器的工具除去ctrl+c ctrl+v外 ，一般还需要有ctrl+z ctrl+y的功能。如何设计一个用户历史记录的队列才能更好的实现用户编辑的前进后退 一、历史记录是保存操作还是保存当前 阅读全文
摘要：
偶然翻滴滴官网看到首页下翻第六栏（大概）有个绚丽的地球的三维动画，试着用there.js实现了下，基本实现了动画效果，不过还是有些问题；这个动画看似简单，但也用到好的绘制方法和计算，这里先写一下主要功能的实现； 先看示例：http://39.106.166.212:8080/webgl/t4（由于是 阅读全文
摘要：
纯css实现朋友圈不同数量图片不同布局 首先可以打开朋友圈观察不同图片数量的几种布局,也可参考下图示例； 可以发现 除1张图片，4张图片特殊外，其他数量图片均使用一行三列的方式排列； 假设有如下HTML代码，这里imgList是一个图片地址数组； <ul> <li v-for="(item, ind 阅读全文
摘要：
H5页面中常常需要通过js动态设置title信息： 在页面加载完成后通过js更新title内容时，会卡顿一下，闪烁一下默认title内容，后变为更新的内容（如果HTML中title标签为空时，浏览器会默认显示为页面地址信息）； 为解决以上问题，可在html模板页面内容前插入script标签， doc 阅读全文
摘要：
由于后端需要通过请求取前端中的cookie信息，在本地开发模式中，直接请求接口，后端无法拿到前端cookie数据， 经测试需在 vue-cli 中使用代理，如果使用Nginx做反向代理需同时修改Nginx配置如下： 一、vue-cli配置 首先在vue.config.js中加入代理配置： 二、Ngi 阅读全文
摘要：
antD中提供了是日期范围选择器及datepaicker封装日期范围选择器的示例，但是没有时间选择范围的组件，这里使用两个timePicker组合一个事件范围选择器，通过disabled属性限定时间可选择范围；（ts+hook,支持form表单） 基本就是通过disabledHours、 disab 阅读全文
摘要：
实现一个文字颜色随机，字体大小成正态分布，整体呈菱形的排列的标签列表； 如何实现一个如下图随机排布的标签列表（vue语法）：dome示例: http://39.106.166.212/tag 首先假设我们可以拿到一个标签列表的数组，这里将一步步实现如图效果： 1、创建tag组件，编写 随机颜色方法 阅读全文