vwood
  • 首页
  • 在线工具
  • 代码编辑
  • 个人项目
  • 关于

使用scroll-snap实现吸附效果

有时我们希望在页面滚动时放开鼠标后自动回到原始位置,就是常说的吸附效果;如下: ![在这里插入图片描述](https:img-blog.csdnimg.cn/20201214223350873.gifpic_center) 上面的演示中页面自动回到了起始位置。 1. 先看一个普通的页面滚动效果: <iframe height="300" style="width: 100%;" sc

发布于: 2021-11-05
标签: css,scroll-snap
css实现文字颜色动态变化

css实现文字颜色动态变化

css实现文子颜色动态变化 先看一下实际效果 <iframe height="300" style="width: 100%;" scrolling="no" title="Reveal you Star with cool hover effect" src="https:vwood.xyz/tiny-code/embed/30381db9-4b15-4c0a-a98c-1

发布于: 2021-11-05
标签: css,hue-rotate,background-clip

Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks

使用 codemirror 时,添加插件报如下错误: shell Unrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking inst

发布于: 2022-11-30
标签: codemirror,Unrecognized extension

golang编译错误

golang 编译时报如下错误 go [source 8/8] RUN go build -o app: 19 1.617 golang.org/x/sys/unix 19 1.617 vendor/golang.org/x/sys/unix/syscall.go:83:16: undefined: unsafe.Slice 19 1.617 vendor/golang.or

发布于: 2022-11-27
标签: go lang,undefined,unsafe.Slice

webpack 打包时修改源码

由于需要在代码编译的时候动态修改代码,所以通过插件的方式实现,代码如下: js const webpack = require("webpack"); const ConcatSource = require("webpack-sources").ConcatSource; class CustomPlugin { constructor(options) {} apply(c

发布于: 2022-11-26
标签: webpack,plugin,源码

react svg 导入错误

在react组件中import svg文件时出现如下报错: shell error TS2307: Cannot find module 'icon.svg' or its corresponding type declarations. 这有由于没有找到svg文件的声明,可以用如下方法解决。 解决方式 第1种: 在global.d.ts中添加

发布于: 2022-11-20
标签: svg,corresponding,declarations
blob:http:// 的理解

blob:http:// 的理解

我们在各大视频网站上看到的地址 基本都是以 blob:http(s) 开头的,比如我们在[页面](https:vwood.xyz/blog/2df18b82-732d-4e55-b0e3-18d0e6a53ed2)生成一个URL对象: js const text = "<div>upyun nodejs上传文件</div>"; const blob = new Blob([text],

发布于: 2022-08-29
标签: blob:http
URL.createObjectURL(new Blob()).substr(-36)生成uuid

URL.createObjectURL(new Blob()).substr(-36)生成uuid

在js中有时需要生成随机数,通常会安装uuid,不是常用的话安装uuid会浪费加载资源,可以使用URL.createObjectURL(new Blob()).substr(-36)。 其中URL.createObjectURL(new Blob()),生成的URL如下: ![](https:file.vwood.xyz/2022/11/15/upload_ys9cidkh

发布于: 2021-12-13
标签: uuid,createObjectURL,Blob

js 浏览器的保存功能

js document.addEventListener("keydown", function (e) { if ( e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey) ) { 阻止浏览器的默认保存行为 e.preventDefault();

发布于: 2022-11-09
标签: js,保存
jquery.i18n.properties的使用讲解与实例

jquery.i18n.properties的使用讲解与实例

最近在做一个主页时需要用国际化,用HTML+JS,还有jQuery, 于是就选择了jquery.i18n.properties.js。本文介绍的示例还依赖jquery、jquery.json。 介绍 jquery.i18n.properties是一款轻量级的国际化插件,采用.properties文件来对javascript文件进行国际化,即根据用户指定的语言和国家编码来解析对应的

发布于: 2021-11-05
标签: jquery,i18n,properties
  • 1
  • 2
  • 3
  • 4
  • 5
  • •••
  • 9
  • 跳至页

最新文章

二叉树层序遍历iconfont-extract: 一个将iconfont图标转化为React组件的工具Macos已损坏,无法打开。 您应该将它移到废纸篓。前端原生API识别条形码Web Notifcation介绍js实现页面title闪烁css outlineUnrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checksgolang编译错误webpack 打包时修改源码
邮箱:1061225829@qq.com
蜀ICP备19030923号-1
Copyright © 2023 All Rights Reserved.
本站由 提供CDN加速/云存储服务