草字的博客_CSDN博客-js (JavaScript),Vue,Css领域博主

原创 html ＜input type=file＞上传文件时，accept属性值汇总，支持文件格式，限制文件格式，限制上传图片的格式

一、示例标签1：<input type="file" accept="image/*" /> accept属性说明：image表示图片，*表示支持所有格式的图片文件。二、示例标签2：<inputtype="file"accept="audio/mp4,video/mp4" class="uploadVideo"/>多种格式，以逗号分隔。前缀说明：text：文本文件。如格式：txt、csv、css、html，能直接使用记事本打开的......

2022-01-14 16:36:33 5372

原创 css 修改浏览器滚动条样式（火狐Firefox，谷歌google）

浏览器使用的内核说明：浏览器内核备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 firefox Gecko 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。 Safari webkit 从Safari推出之时起，它的渲染引擎就是Webkit，一提到 webkit，首先想到的便是 chrome，可以说，chrome 将 Webkit内核深入人心，殊不知，Webkit 的

2021-12-24 10:32:30 8059

原创 uni-app 移动端本地储存数据库sqlite，无存储限制

对于移动端，我们使用setStorage存储数据，但是这种方法总是有存储大小的限制，一般是2M或5M，如果我们希望存储到本地的数据无限制，就像微信聊天的消息一样，那么我们就必须使用移动端SQLite数据库。SQLite模块用于操作本地数据库文件，可实现数据库文件的创建，执行SQL语句等功能。官方文档位置：HTML5+ API Reference方法：openDatabase: 打开数据库 isOpenDatabase: 判断数据库是否打开 closeDatabase: 关闭数据库

2021-11-24 14:01:29 5540 3

原创 html 如何完美的显示图片，不拉伸图片，完整显示等等。

效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> i.

2021-11-22 14:18:01 7363 1

原创 CSS 选择器的优先级!important ,style,id,class,标签，后代选择器和子代选择器

CSS选择器的优先级（从上至下，依次递减）：!important行内样式styleid选择器（#id）类选择器（.className）标签选择器（div,h1,p）相邻选择器（h1+p）子选择器（ul>li）后代选择器（lia）通配符选择器（*）属性选择器（a[rel="external"]）伪类选择器（a:hover,li:nth-child）......

2020-12-31 10:26:20 6074

原创微信小程序音乐播放代码(播放方式，歌词滚动)

部分资源：dayjs：https://download.csdn.net/download/qq_42740797/12728688animate：https://download.csdn.net/download/qq_42740797/12728700wxml:<view class="container flex-align"> <view style="text-align:center;position:relative;" class="box">

2020-08-19 16:48:22 6613 12

原创 tradingview 标注，设置事件标注，标记。

【代码】tradingview 标注，设置事件标注。

2023-02-11 19:59:11 116

原创 css 实现排行榜样式2,1,3顺序，不影响dom的循环渲染顺序1,2,3。

使用grid网格布局。

2023-02-10 13:56:53 44

原创 css 实现带边框三角的气泡框（带三角箭头）

底部一个带边框的矩形，顶部一个只带两条边的边框矩形，并旋转45度。

2023-02-02 15:29:00 162

原创 openlayer 绘制点，线，面（多边形），圆。获得坐标数据。地图信息编辑器。

【代码】openlayer 绘制点，线，面（多边形），圆。获得坐标数据。地图信息编辑器。

2023-02-01 16:51:54 244

原创 css 排行榜动画，排序动画，横向，竖向，网格

【代码】css 排行榜动画，排序动画，横向，竖向，网格。

2023-01-03 11:35:11 184

原创 vue3 terser not found. Since Vite v3, terser has become an optional dependency. You need to install

解决办法：安装指定依赖。

2022-12-28 11:05:04 2334

原创 js 卡片交换动画，网格卡片交换动画，排序算法动画，三消游戏交换动画

【代码】js 卡片交换动画，网格卡片交换动画，排序算法动画，三消游戏交换动画。

2022-12-02 15:21:02 497

原创 css 实现上升的气球效果

【代码】css 实现上升的气球效果。

2022-12-02 10:38:15 108

原创 css 解决ios设备固定背景图的显示问题。background-attachment: fixed在iphone设备上失效；

设置背景图固定，滚动内容时背景图不滚动。在android上是没有问题的，但是ios上就是会被内容挤出去，滚动的时候背景图变形。通过background-attachment: fixed;和定位的方法实现或还是会出现图片变形，或者盒子被撑大。最终采用动态添加::before伪元素样式实现图片的固定布局。背景图如果直接写死是没有问题的，动态绑定添加的就有问题。

2022-12-01 20:45:41 688

原创 sourcetree git log 失败，错误代码128：fatal：bad config line 1 in file C:/Users/XXXXX/.gitconfig

找到对应 C:/Users/XXXXX/.gitconfig路径的文件，删除了就可以了。git config --global user.name "用户名"git config --global user.email "邮箱"

2022-11-30 09:55:42 846 1

原创 nvm npm包管理器，同时安装多个node.js版本，不用再一个版本一个版本的安装

node.js的版本更新迭代的很快，版本更新后很多时候无法兼容以前的项目，开发的时候往往需要很多版本的node.js。如果来回卸载安装node.js就太耽误时间和麻烦了，推荐大家使用nvm工具（node.js多个版本同时安装），可以直接切换node.js版本。nvm install 8.12.0 //8.12.0为node.js的版本号。下载后进行安装，安装后控制台输入nvm -v检查是否安装成功。

2022-11-24 10:56:20 300

原创 vscode插件扩展 js代码高亮显示问题，美化问题，颜色问题

出现问题的主要原因是因为vscode的插件之间冲突了，可以尝试一个插件一个插件的禁用，直到恢复之前的效果。注释没有绿色，函数和变量等等的颜色也特别奇怪。

2022-11-17 10:51:14 478

原创 js 关于如何动态设置css的hover样式最佳方式，设置hover样式

网上很多方式都是采用js监听dom的鼠标移入（onmouseover）移出（onmouseout）事件，进行控制这个dom的hover样式。消耗性能先不说，代码也很庞大，再加上如果是自定义主题（修改后能立马看到效果的，不是需要刷新）的功能可能就更麻烦了，要给所有的dom都绑定这样的事件。

2022-11-16 17:31:18 1632

原创 js 禁用滑动穿透

在监听到弹窗打开时，将滑动穿透禁用了，关闭时再打开。

2022-11-14 16:23:14 151

原创 js 监听a标签跳转页面，并携带自定义参数

【代码】js 监听a标签跳转页面，并携带自定义参数。

2022-11-09 17:09:15 99

原创 js 监听a标签跳转页面，并携带自定义参数

【代码】js 监听a标签跳转页面，并携带自定义参数。

2022-11-09 17:07:50 652

原创 js 监听a标签跳转页面，并携带自定义参数

【代码】js 监听a标签跳转页面，并携带自定义参数。

2022-11-09 16:50:49 266

原创 js 格式化，过万转换成万（W），过亿转化成亿（M）

【代码】js 格式化，过万转换成万（W），过亿转化成亿（M）

2022-11-03 15:13:28 482

原创 vue3+vant Failed to resolve import “E:/code3/jianmu-user-yd/node_modules/vant/lib/vant/es/icon/style

【代码】vue3+vant Failed to resolve import "E:/code3/jianmu-user-yd/node_modules/vant/lib/vant/es/icon/style。

2022-11-02 17:56:58 431

原创 vue Loading PostCSS Plugin failed: Cannot find module ‘postcss‘

postcss这个插件是适配的插件，全称不是postcss，所以不能通过npm i postcss，其次postcss的版本不能太高了，安装项目中package.json的指定版本就可以了。

2022-11-02 15:36:10 1014

原创 vue Cannot find package ‘babel-plugin-import‘ imported from

报错：解决方法：

2022-10-24 16:05:25 1198

原创 js,vue 上传图片前压缩图片（无损压缩，保持在2M以内）

js 上传图片前压缩图片（无损压缩，保持在2M以内）

2022-10-17 11:28:29 1581

原创 ‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序

node.js的版本不一致造成的。卸载当前node.js的版本，node.js并没有一个完全兼容所有项目的版本。（虽然大家都规定了不要安装13版本之后的版本，但是还是有一些新手不晓得非要跑去安装最新版）执行启动项目命令时，经常出现以上的报错，然后针对这个问题并没有标准的解决方法。一般情况使用没有安装依赖，也有可能是node.js的版本不一致造成的。是否安装成功node_modules,如果没有安装依赖，那么启动项目肯定是会报错的。如果这个区间的版本不行的话，那么就是用最新版。

2022-10-16 15:20:58 6974 1