自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 web开发常用工具网址

10.vue-draggable 基于。1.各个版本谷歌浏览器下载地址。11.GitHub中文社区。5.开发文档查询 MDN。3.动画animate。4.nginx中文文档。

2023-07-03 10:38:56 105

原创 css实现立体骰子

css3动画,grid

2024-10-28 10:52:33 233

原创 vue3透传、注入

vue3 透传、注入

2024-09-11 16:44:46 582

原创 vue3 监听

vue3 监听内容,回调执行时机,停止监听

2024-09-02 15:11:43 574

原创 vue3中ref自动解包

ref会自动解包

2024-08-29 15:48:14 494

原创 vant中van-tabs使用中的小问题

van-tabs 不要默认选中

2024-05-09 18:07:05 1588

原创 grid回顾

最新写法:row-gap column-gap gap。

2024-03-15 11:19:10 379

原创 echarts通过dataZoom实现单击图像滑动

echarts通过graphic、dataZoom实现图像水平滑动

2024-01-16 16:38:37 753

原创 display:grid

grid布局属于二维布局,与table类似,有行、列、单元格的概念,而flex布局是一维的,

2023-12-21 09:09:14 534

原创 日常开发11 vue加载静态文件,页面刷新后报错Uncaught SyntaxError: Unexpected token ‘<‘ (at Encrypt.js:1:1)

页面刷新后304:Uncaught SyntaxError: Unexpected token '

2023-11-09 17:55:37 288

原创 日常开发之10 canvas@2.9.3 install: `node-pre-gyp install --fallback-to-build --update-binary`

canvas下载报错

2023-11-06 15:52:40 1234 1

原创 日常开发之9 字符串length属性“不准确”

字符串length属性一个汉字,length为2

2023-10-12 09:49:50 218

原创 video属性练习,手写controls

HTML5, video, control

2023-09-19 19:11:55 183

原创 日常开发小汇总(7) 通用防抖函数

通用防抖函数及示例

2023-09-12 10:22:33 120

原创 日常开发小汇总(6)元素跟随鼠标移动(在视口下移动)

元素跟随鼠标移动(在视口下移动)

2023-09-11 19:45:55 119

原创 日常开发小汇总(5)数组克隆、伪数组转换为真数组、随机排序

数组克隆、伪数组转换为真数组、随机排序

2023-09-09 18:55:16 218

原创 日常开发小汇总(4)空对象创造

创建空对象

2023-09-09 14:16:13 150

原创 日常开发小汇总(3)js类型判断

多种判断方式

2023-09-09 13:51:27 289

原创 日常开发小点汇总(2)之防止网络不佳,获取不到css,页面logo做法

防止网络不佳,获取不到css,页面logo做法

2023-09-06 09:52:49 325

原创 日常开发小点汇总(1)

axios.post(‘/api/user/xxx’) 调取接口不携带页面路由。1.浮动元素 生成一个浮动流,块级元素看不到,文本、行内属性元素及行内元素可见。axios.post(‘api/user/xxx’) 调取接口携带页面路由。3.vue开发中,axios调取接口显示携带页面路由。2.单行文本超出内容显示省略号。

2023-09-06 09:24:57 53

原创 Cannot find module ‘@element-plus/icons-vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘

将tsconfig.json中的moduleResolution: "node"此时页面图标可以正常显示。

2023-08-30 22:48:15 1402

原创 postMessage 基本用法及收不到数据原因、处理办法

postMessage

2023-08-30 18:39:53 5176

原创 实现遮挡层

css实现遮挡层,vue3实现遮挡层,teleport

2023-08-24 11:16:12 117

原创 depcheck 检查依赖插件使用及报错

无法加载 xxx\npm\depcheck.ps1,因为在此系统上禁止运行脚本。可以在项目中添加.depcheckrc文件,文件内容如: ignores: ["less-loader", ......](2)以管理员身份打开power shell后 执行“set-ExecutionPolicy RemoteSigned”power shell的安全策略,将 depcheck命令视为了不安全脚本,不允许执行该脚本。(1) win + x 找到Windows powershell (管理员)

2023-08-17 14:23:02 464

原创 js实现轮播效果

模拟轮播图效果,js实现

2023-08-16 22:47:20 162

原创 块、行内块水平垂直居中

3.相对于整个视口水平垂直居中。1.定位实现水平垂直居中。

2023-08-09 21:20:40 1085

原创 使用vue-grid-layout时 You may need an appropriate loader to handle this file type.

使用vue-grid-layout时 You may need an appropriate loader to handle this file type.vue-gride-layout 需要用 v 2.3.7的版本。我的node v14.16.0。

2023-08-09 16:12:28 402

原创 css3背景渐变

【代码】css3背景渐变。

2023-08-09 09:34:23 1180

原创 vue组件基本使用

(2).new Vue(options)配置中 (data函数、methods中的函数、watch中的函数、computed中的函数 ) this均是【Vue实例对象】。组件配置中(data函数、methods中的函数、watch中的函数、computed中的函数) this均是【VueComponent实例对象】。(3)特别注意:每次调用Vue.extend,返回的都是一个全新的VueComponent!——— 最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器。

2023-08-07 14:01:16 373

原创 vue 自定义指令directives

2.指令名如果是多个单词,要使用kebab-case命名方式,不要用camelCase命名。(2).inserted:指令所在元素被插入页面时调用。(3).update:指令所在模板结构被重新解析时调用。(1).bind:指令与元素成功绑定时调用。1.指令定义时不加v-,但使用时要加v-;

2023-08-07 10:32:55 234

原创 行内元素、行内块元素空白问题

方案一: 给行行内块设置 vertical ,值不为 baseline 即可,设置为 middel 、 bottom 、 top 均可。方案三: 给父元素设置 font-size: 0。方案二: 给父元素设置 font-size:0 ,再给需要显示文字的元素,单独设置字体大小(推 荐)。方案二: 若父元素中只有一张图片,设置图片为 display:block。行内块元素与文本的基线对齐,而文本的基线与文本最底端之间是有一定距离的。行内元素、行内块元素,彼此之间的换行会被浏览器解析为一个空白字符。

2023-07-27 10:53:07 163

原创 Promise简易实现(手写)

【代码】Promise简易实现(手写)

2023-07-15 12:37:13 53

原创 html+ajax+nodejs+ express模拟简化交互

服务器代码可以使用 node ./server.js 执行 或者 nodemon ./server.js。建议使用nodemon ,可以实现实时刷新,不用修改server.js后重新启动。

2023-07-11 18:08:08 89

原创 node版本管理器nvm

在开发过程中,有些项目不能使用相同的版本的node,也不能切换一次就重新安装一个node版本,这个时候就可以使用nvm进行node管理。链接:https://pan.baidu.com/s/1j_AtZYT_ki2YNBS90Ngn0g?下载地址 https://github.com/coreybutler/nvm-windows/releases。nvm list available 查看所有可下载的node.js版本。nvm use + 版本号 使用相应版本的nodejs。

2023-07-09 21:31:45 73

原创 nodejs 中的模块化

在NodeJS中,一般将代码合理拆分到不同的JS文件中,每一个文件就是一个模块,而文件路径就是模块名。在编写每个模块时,都有requireexportsmodule三个预先定义好的变量可供使用。require函数用于在当前模块中加载和使用别的模块,传入一个模块名,返回一个模块导出对象。模块名可使用相对路径(以./开头),或者是绝对路径(以或之类的盘符开头)。另外,模块名中的.js扩展名可以省略。对象是当前模块的导出对象,用于导出模块公有方法和属性。别的模块通过require。

2023-07-04 18:00:23 58

原创 js中相等判断

如果类型相同时值也相同,并且都不是 number 类型时,两个值相等。宽松相等 对于类型不一致的情况,先隐式转换,再进行比较。没有隐士转换,但是会处理+0 -0,认为二者是一样的。如果两个被比较的值具有不同的类型,这两个值是不相等的。如果两个值都是 number 类型,当两个都不是。,并且数值相同,两个值相等。

2023-07-03 14:04:11 185

原创 js解构赋值

其中左侧[name, describe] 代表着解构赋值需要赋值的变量,右侧是一个数组,有两个元素,第一个元素值为“hello”,第二个元素值为“zhangsan”这种报错在[]、()开头的时候会出现,主要是因为解释器为代码添加;的时候出错,解决办法是在[]、()开头代码前添加;报错的原因是因为 {} 开头,js解释器会自动把它当作是代码块,需要用括号括起来即可。(1)可以采用...的方式将参数存储在数组中。[a,b,c,d] = arr 即可。会报错如下图,报错原因是因为缺少;

2023-06-28 15:31:56 121

原创 函数中this

(6)bind 返回一个新函数,通过bind 的第一个传参绑定新函数中的this, 新函数的this绑定后,将不会再改变,后边的参数用来绑定新函数的传参。(5)通过call和apply调用函数,call和apply的第一个函数可以指定函数的this。注:箭头函数不能通过call、apply、bind修改this,也没有arguments。(2)方法形式调用,this --> 调用方法的对象。(1)函数形式调用,this --> window。(3)构造函数中,this --> 新建的对象。

2023-06-28 07:26:46 59

原创 函数隐藏参数arguments和可变参数

arguments是函数中一个隐含的参数,是一个伪数组,和数组类似可以通过下标获取元素,也可以通过for循环、for...of来遍历,但不能使用数组的方法如forEach遍历;可变参数,定义函数的时候可以将参数定义为可变参数,可以接受任意数量的实参,并将参数统一存储在一个数组中返回。(3)可变参数可以和其他参数一起使用,arguments操作实参,跟函数是否有形参无关。(1)可变参数名称可以自定义,arguments不可变。(2)可变参数是一个数组,可以直接使用数组的方法。

2023-06-27 23:32:52 59

原创 斐波那契数列

【代码】【无标题】

2023-06-27 18:07:33 43

js实现简易轮播图效果视频

js实现简易轮播图效果视频

2023-08-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除