学习 ES6 基础
学习 ES6 基础一、块级作用域1. var首先看看ES5中得变量声明方式 if (true) { var a = 2 } console.l
阅读更多
CSS选择器has()使用
记录一下关于这个选择器的一些用法，CSS 函数式伪类 :has() 表示一个元素，如果作为参数传递的任何相对选择器在锚定到该元素时，至少匹配一个元素。这个伪类通过把可容错相对选择器列表作为参数，提供了一种针对引用元素选择父元素或者先前
2024-04-11
GSAP动画库使用
GSAP 一款为专业人士打造的及其强大的JavaScript 动画库，其流程程度堪称一绝，无论是制作UI、SVG动画还是创建身临其境的WebGL，GSAP都会为您提供支持，当然我使用的就是最基本的功能，例如页面滚动带来的动画效果。
为
2024-03-25
iframe高度适配
大家都知道，如果页面不同系统，那么iframe嵌入就非常方便，但我们必须在父页面指定 iframe 的高度。如果iframe页面内容的高度超过了指定高度，会出现滚动条，很难看。
如何自适应？如何让iframe自适应自身高度，让整个页面看起来
2024-02-14
冷门技巧，看看flex：1的含义
面试时被问过：“flex: 1 是哪些属性的缩写？”，被问到时，心想：flex：1，不就是子项占有剩余父级空间吗？其实flex还大有门道。
flex：1是哪些属性的缩写
flex：1 是 flex-grow: 1, flex-shrink:
2024-01-25
回顾2023展望2024-年终总结
不知不觉，2023已经快过完了，年关将至，想起前些年写博客也很少写自己关于一年的总结，以至于回想起来成长与收获都模糊。
今日的杭州格外的冷，雨夹雪，也算是初雪吧，“瑞雪兆丰年”，希望自己明年本命年能顺顺利利，加油！
一、经历裁员从22年中开
2023-12-20
图像混合变形-Morpher
这个库很有意思！为什么这么说，因为学会使用这个库，能让你更了解美图，PS的工作原理，前端也能满足修图的需求，接下来就看看这个库有什么作用吧。
一、使用介绍该库的作者因为是七年前开发的，所以源代码涉及一些现在少用的技术，例如jquery
2023-11-24
手搓WxCountUp源码
简单介绍就是：WxCountUp参照CountUp.js封装的，为微信小程序提供数据滚动的酷炫特效，以更为有趣的形式显示数值数据
一、WxCountUp实现CountUp.js源代码使用document浏览器提供的DOM操作接口，在微信
2023-10-15
小程序生成分享图神器 wxml2canvas
最近有遇到一个需求，需要动态生成海报图片，而小程序中，生成图片必然绕不开canvas，为了开发效率，再让我去造已有的轮子已然是不现实，时间成本也不允许，所以我调研了目前已有的一些轮子，发现还是wxml2canvas更简单易用，今天我就记录
2023-09-18
比贝塞尔更好用的曲线函数
canvas提供了一个名为bezierCurveTo的方法，用来绘制贝塞尔曲线，提供三个控制点，但是我在实际应用中发现很难去找到对应的控制点，就无法达到想要实现的效果，那么在查阅了些资料后得知有人已经造过相关的轮子了，让我们一起来学习一下
2023-08-24
CSS3 矩阵变换(Matrix)
最近在实现小程序的一个关于canvas多次变换需求，由于之前不是很了解矩阵，但在我的老大的帮助下，啃下了这根硬骨头，那么canvas中的矩阵变换，用到的setTransform就是基于CSS3中的矩阵这一概念实现的，在此记录一下，日后忘记
2023-07-27
Vue3高级冷门技巧这里
目前来讲，Vue 3 仍然是非常流行的前端框架，被广泛应用于大型互联网企业和个人项目中，但还有一些不太常见但非常实用的知识点，它们可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。本文将介绍一些不太常见的 Vue 3 知识点
2023-06-13
快速搭建可视化大屏
开发大屏可视化项目，客制化大屏，如标题所述，一周内搭建，在极端时间内完成静态的布局、原型的还原，数据的交互、测试等，给大家分享一下吧
一：需求简单的对接一下需求，大概明白这是个开发时间短、要求高的可视化项目、可视化大屏，类型差不多都一样
2023-05-06