自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 问答 (1)
  • 收藏
  • 关注

原创 最新前端面试题、高频面试题、面试题总结

Doctype 作用HTML5 新增的内容有哪些Html5 新增的语义化标签有哪些对 HTML 语义化标签的理解行内元素/块级元素有哪些视频/音频标签的使用说一下 HTML5 drag apiES6 新特性Let 与 var 与 const 的区别Js 基本数据类型有哪些字符串数组方法有哪些请简述普通函数和构造函数的区别Ajax 如何使用 一个完整的 AJAX 请求包括五个步骤:如何判断一个数据是 NaN闭包是什么?有什么特性?对页面会有什么影响Js 中常见的内存泄漏事件委托是什么?如何确定事件源(Even

2022-11-23 16:28:58 1551

原创 css原生switch开关,丝滑过度

css原生switch开关、原生switch、手撸组件、switch开关

2024-04-11 11:44:47 164

原创 作为前端,你总得需要学会上传文件这个功能吧!

表单元素file文件元数据上传前预览图像方法使用 FileReader 的方法accept 属性。

2023-11-21 11:17:09 244 1

原创 js-cookie的使用方法

而跨域访问,如域A为t1.test.com,域B为t2.test.com,那么在域A生产一个令域A和域B都能访问的cookie就要将该cookie的domain设置为.test.com;在同一个服务器上有目录如下:/test/,/test/cd/,/test/dd/,现设一个cookie1的path为/test/,cookie2的path为/test/cd/,那么test下的所有页面都可以访问到cookie1,而/test/和/test/dd/的子页面不能访问cookie2。域domain与路径path。

2023-11-21 11:03:39 4478

原创 倒计时-手撸倒计时

注意:@include flex(left);分享结束 下一期再见 beibie~简单手撸了一个倒计时,分享一下。

2023-08-23 14:26:19 131

原创 如何在shell中在服务器上部署项目并且写一个一键执行多个命令的脚本

如果你的为localhost的话,想要修改可以直接在package.json中进行配置。在之后为了方便就到了今天的主题,创建一个快速拉取代码的shell脚本。按一下esc 退出 INSERT编辑模式,在按住ctrl 连续按莲池z就可以退出并保存文件了。第二步:安装了vim就使用vim,没有安装的就是用自带的nano xxxx.sh 进行编写。(一般文件都存放在/usr/local/nginx/conf/vhost)这个路径位置。项目本地代理路径 127.0.0.1是在未设置指定域名是的默认。

2023-07-17 16:27:07 437

原创 从打开页面方式到跨页面进行通讯(web页通信)

1.打开方式为两种:超链接、window.open方法2.通信方法为使用postmessage方法3.通信的思路大致为通过window来监听message向子页面发送参数,子页面监听到变化获取参数从而在向父页面发送信息,从而达到跨页面通信的功能。

2023-04-22 19:02:35 421

原创 nuxtjs配置i18n多语言、切换语言data中数据不起作用解决方案

将this.$t() 写到了data属性里,切换语言不起作用data是一次性生产的,你这么写只能是在 data 初始化的时候拿到这些被国际化的值,并不能响应变化。官方的解决办法是,建议我们将表达式写到computed属性里,不要写到data里。关于刷新页面 语言会重置为初始语言的问题 我不太清楚具体情况,但是原因可能是因为配置中的detectBrowserLanguage导致, 默认为true 跟随浏览器语言展示,改为false即可。

2023-04-10 14:13:47 3219 7

原创 Promise

原因则是Promise属于JavaScript引擎内部任务,而setTimeout则是浏览器API,而引擎内部任务优先级高于浏览器API任务,所以有此结果。这段代码定义了一个函数sleep,调用后,如果传入的实参大于10,你会发现他会触发then的回调函数,并且打印出成功,如果传入的实参小于10,你会发现他会触发catch的回调函数,并且打印出失败。然后,then方法指定的回调函数将在当前脚本所有同步任务执行完后才会执行,所以BBB 最后输出。,在异步操作失败时调用,并将异步操作的结果作为参数传递出去。

2022-12-29 14:17:31 137

原创 js根据指定时间来获取n天前、n天后的时间(java Script)

【代码】js根据指定时间来获取n天前、n天后的时间(java Script)

2022-11-22 19:22:08 774

原创 VS code默认格式化程序设置、默认格式化插件选择(图文详解)

1、选择需要设置格式化插件的文件。5、 选择你需要的格式化插件即可。2、 鼠标右键进行点击。

2022-11-15 14:08:18 12774 1

原创 vue中给window对象上添加属性的方法

web页面通讯方法、window.open打开新页面,父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法。下面是整理的几种通讯得方法仅供参考。

2022-08-26 15:40:21 4429

原创 Element问题、小需求整理

将变量进行赋值:new Date(+new Date() + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')其实使用new Date()也可以达到默认值的效果 在时间组件展示的也是yyyy-MM-dd HH:mm:ss的格式,但是在你进行传值的时候就会发现它只是展示的为这个格式,其实变量值还是中国标准时间格式。

2022-07-08 09:27:44 1953

原创 Echarts遇见的小问题方法解决

这个时候就可以在async await接口之后,这ref与$refs的方法的基础上添加一个定时器来延时执行。其实解决很简单,只需要将v-if更换成v-show即可。对比v-if和v-show的不同和渲染机制就可以简单理解一点。1、 使用将获取节点的方法document.getElementById()的方式更换使用vue的ref与$refs来进行获取图表容器节点。3、最后的情况就是添加this.$nextTick方法 我们需要 包裹在渲染图表的方法外层等待dom加载完成后执行的钩子。

2022-07-07 10:10:03 1884

原创 vue属性方法、js属性方法整理

Object.assign方法是ES6新增的一种对象方法,用于对象的合并,将源对象的所有可枚举属性,复制到目标对象。第一个参数是目标对象,后面的参数都是源对象。这三种方法都可以用作判断用户输入是否为空或者空格的方式。注意split是以空格切割的,要在里面空格一下。与startsWith 相对应的方法,String类型,一般用于检测某请求。endsWith() 方法。是否以指定的前缀开始的。是否以指定的后缀结束的。

2022-06-27 14:31:59 2041

原创 JS window.open()打开新窗口、监听页面打开关闭状态(详细)

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下:参数列表如下:该方法返回值为新创建的 window 对象,使用它可以引用新创建的窗口。新创建的 window 对象拥有一个 opener 属性,引用打开它的原始对象。opener 只在弹出窗口的最外层 window 对象(top)中定义,而且指向调用 window.open() 方法的窗口或框架。示例1下面示例演示了打开的窗口与原窗口之间的关系。使用 window 的 close() 方法可以关闭一个窗口。例如,关闭一个

2022-06-22 16:45:48 11515 2

原创 浏览器兼容css_CSS 样式浏览器前缀兼容性写法、生效写法

浏览器兼容css_CSS 样式浏览器前缀兼容性写法、生效写法

2022-06-11 11:06:29 2007

原创 vscode代码格式化、vetur代码格式化取消末尾添加逗号

vscode代码格式化、vetur代码格式化取消末尾添加逗号、vscode配置、vscode插件设置

2022-06-01 15:05:58 4506

原创 vue项目vue.config.js文件打包 配置、优化配置

vue项目优化、vue.config.js文件打包 配置、优化配置、vue配置,优化配置

2022-06-01 14:51:08 2913

原创 解决 Uncaught SyntaxError: Unexpected token ‘<‘ 解决方法

解决 Uncaught SyntaxError: Unexpected token ‘<‘ 解决方法,打包出现的问题,解决方案

2022-06-01 14:37:07 182653 8

原创 echarts折线图监听缩放事件回调

echarts监听缩放事件dataZoom回调

2022-05-19 10:37:32 5317 3

原创 v-for和v-if 优先级的问题

不能直接这样写,会出现警告。 <div v-for="(item,index) in checkList" :key="index" v-if="item.status"> </div> 正确的写法<template v-for="(item,index) in checkList"> <div :key="index" v-if="item.status" ></div> </template&

2022-03-02 22:13:13 72

原创 Vue项目使用v-drag实现拖拽功能

<template> <div class="drag"> <div ref="element" class="content" v-drag draggable="false"> <p>文字网页</p> </div> <div style="height:2000px;width:100%"></div> </div>.

2022-01-03 20:42:44 857

原创 vue3 axios封装

1.首先下载axios 在引入 axios :下载方式: npm install axios 或者是 yarn add axios(下载过yarn才可以使用)引入: import axios from 'axios'2.创建一个实例 :const api = axios.create({ baseURL: '', // 所有请求的公共地址部分 timeout:  3000 // 请求超时时间 这里的意思是当请求时间超过5秒还未取得结果时..

2021-11-06 14:33:58 438

原创 vue3+vant移动端适配 px转换rem

Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具:postcss-pxtorem 是一款 postcss 插件,用于将 px 单位转化为 remlib-flexible 用于设置 rem 基准值1.安装依赖 yarn add amfe-flexible或者使用npm i amfe-flexible 复制区:yarn add amfe-flexible npm i amfe-fl...

2021-11-06 10:26:09 1159 3

原创 (图文详解)vs code 如何自定义代码片段(快捷键)

1.左上角文件 ---> 首选项 ---> 用户片段2.选择新建全局代码片段文件3.随便给文件起个名字 然会 enter(回车)4,下面框住的就是设置代码片段的格式。往下看 有直接生成复制的(很方便)5.打开这个网址 :将需要的代码转换为配置格式:snippet generator,6. 复制到刚刚在vs code里创建的文件7.复制到里面后保存文件 就完成了 下面是把代码片段打印的步骤(大神们就不用往下看了)(1)新建...

2021-09-20 18:27:29 2639 1

空空如也

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

TA关注的人

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