Js
11篇文章 · 0订阅
  • 不要再写满屏import导入啦！🔥
    序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 我们是如何做到让import
    前端 JavaScript Node.js
    不要再写满屏import导入啦！🔥
  • 根据图片宽高比实现高度自适应
    如何实现一个根据不同屏幕宽度，高度跟随背景图片高度不断自适应的div，即根据图片宽高比实现高度自适应。
    前端 CSS HTML
  • 前端跨域问题及其解法方法
    在前端项目的开发中，跨域 是我们必须要解决的问题，只要涉及到“向服务器请求资源”、“前后端交互”等功能，跨域 往往是无法避免的 那么什么是 跨域 问题，又该如何解决它呢？ 跨域 导致 跨域 问题产生的
    前端 面试
    前端跨域问题及其解法方法
  • 前端中文汉字转拼音
    这次要推荐一个在前端就能实现汉字转拼音的工具库：pinyin-pro 。 这个库不止能把中文转成拼音输出，还有拼音匹配、获取声母、获取韵母、获取拼音首字母等功能。
    前端 前端框架
    前端中文汉字转拼音
  • React + GSAP + ScrollTrigger + Vite ==> 炫酷3D动画网页 -- 中篇
    项目由React + vite 搭建 基于GSAP和ScrollTrigger实现炫酷3D动画网页 封装hooks 响应式设计chooseAnimation 最后充重组代码结构
    前端
    React + GSAP + ScrollTrigger + Vite ==> 炫酷3D动画网页 -- 中篇
  • Matter.js 插件：matter-wrap（世界是圆的）
    🪐 在 Matter.js 世界里，默认是没有边界的，也就是说你往一个方向把物体丢出去，超过画布边界后你可能就找不回那个物体了。本文讲解让丢出去的物体在另一边重新出现的方法～
    前端 Canvas
    Matter.js 插件：matter-wrap（世界是圆的）
  • 缓动函数
    首先我们来认识一个缓动函数的核心。先以一个匀速运动的函数为例子 返回值是点a对应的y轴坐标，（当前运动时间，当前移动距离）.
    CSS
  • React组件: 提取图片颜色
    当你需要根据不同图片显示不同的边框色或背景色时，你可以使用React-Color-Thief, 它会告诉你这张图片有哪些颜色，并按颜色比重返回RGB值给你。 quality 精确度（整数），1是最精确的，默认值是10。值越大抓取速度越快，准确度越低。
  • 图像颜色提取
    基于 canvas 使用 K-Means 算法提取图片主要颜色（颜色量化），并使用神经网络进行评分。
    图像颜色提取
  • 从零开始做一个图片裁剪组件
    一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…
    JavaScript