前端
关注
分享
扫一扫
parade岁月
parade岁月
展开
-
使用ts封装axios时增加的一些类型判断
在上面做的一个补充之外，还可以正常做axios做。我在ts项目中使用axios时，遇到两个困惑。针对以上两三点做了以下封装。原创 2023-07-30 21:56:04 · 607 阅读 · 0 评论 -
Vue3中观察ref定义的数组的用法大全
数组是JavaScript常用的一种数据格式，在Vue3中使用数组作为响应式数据，应该有两种方式，一种是用包裹，一种是用，一般来说，用定义基本数据，用数据，之所以大家都喜欢用定义数组，可能是改变(清空或者重新赋值)数组方便,直接,这就造成了用监听定义的数组有不同的写法首先数组的变化分两种1️⃣数组本身的变化(数组长度的变化)2️⃣数组元素的变化数组被替换，常规写法，这样可以检测到变化使用数组的变更方法()，数组元素的变化创建时已经初始化了元素数据的数组–这种方式对于数组里是复杂数据也可以原创 2022-06-24 23:51:28 · 17756 阅读 · 0 评论 -
记一次Vue3组件简单封装的过程
一次Vue3组件简单封装的过程原创 2022-06-23 23:51:44 · 2321 阅读 · 0 评论 -
Vue3表单页面利用keep-alive缓存数据的一种思路
Vue3使用keep-alive动态清除缓存原创 2022-06-22 22:52:07 · 1224 阅读 · 0 评论 -
正则表达式中()和[]的区别
正则()和[]的区别原创 2022-05-18 15:50:02 · 929 阅读 · 1 评论 -
Es6模块化Export和import用法大全
概念export和import是ES6模块中的两个命令:export 用于从模块中导出实时绑定的函数、对象或原始值，以便其他程序可以通过 import使用它们。ES6中export和import一般的用法有两种命名导出（Named exports）默认导出（Default exports）命名导出（Named exports）就是每一个需要导出的数据类型都要有一个name，统一引入一定要带有{}，即便只有一个需要导出的数据类型。这种写法清爽直观，是推荐的写法//------ lib.js原创 2022-05-15 18:28:06 · 2218 阅读 · 0 评论 -
v-model在组件封装中的妙用-含vue2和vue3的区别
在开发中我们通常在表单元素上使用v-model来实现数据的双向绑定。其实v-model只是语法糖，是v-bind和v-on的缩写官方解释：// 以下两种是等价的<input v-model="searchText"><input v-bind:value="searchText" v-on:input="searchText = $event.target.value">基于以上的理论只是我们来展开说明Vue和和Vue3在组件上使用v-model的区别Vue2原创 2022-05-10 15:51:37 · 445 阅读 · 0 评论 -
Vue3 集成 tinymce富文本
vue3富文本原创 2022-05-10 14:53:07 · 1064 阅读 · 1 评论 -
JavaScript基础之链式赋值的坑
链式赋值要慎用原创 2022-04-27 07:36:19 · 1408 阅读 · 0 评论 -
关于浏览器打印的一个疑问得到了解决(点击展开前和展开后显示不一样)
chrome一个神奇的打印原创 2022-04-11 23:20:28 · 698 阅读 · 0 评论 -
js日期-时间差语义化(前天，昨天，几小时前，刚刚)
console.log(new Date("2022-02-22").getMonth())//1console.log(new Date("2022,02,22").getMonth())//1console.log(new Date(2022,0o2,22).getMonth())//2/** * 时间差语义化 前天 昨天 几小时前 刚刚 * @param dateTimeStamp 要比较的时间值---同new Date()的传参 但是不要传类似 new Date(2021原创 2022-02-21 22:58:04 · 562 阅读 · 0 评论 -
记一次使用axios设置header不生效的问题
日常开发中，后台请求接口使用post的时候有3种情况普通的post请求，数据是以json的形式提交到后台，对应Content-type:application/json上传文件，数据是以FormData的形式提交到后台，工具会自动处理请求头,对应Content-type:multipart/form-data表单形式提交需要设置对应Content-type:application/x-www-form-urlencodedContent-Type: application/json ： 请求体原创 2022-02-17 22:43:00 · 9695 阅读 · 1 评论 -
js 间隔循环输出1到10的五种方法
js 间隔循环输出1到10的五种方法原创 2022-02-11 22:37:48 · 4078 阅读 · 0 评论 -
通过两个场景认识white-space
通过两个场景认识white-space原创 2022-02-10 15:41:14 · 571 阅读 · 0 评论 -
flex 布局平分布局并且最后一行左对齐和流式布局
原里是动态计算右外边距，不使用flex的justify-content<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> <原创 2021-11-08 18:27:34 · 397 阅读 · 0 评论 -
JS中查找一个字符串中所有子串的位置
正则优化操作转载 2020-09-01 16:41:18 · 4431 阅读 · 0 评论 -
前端修复xss漏洞的一种思路---动态修改URL，获取URL参数值和动态修改URL参数值
先说一下需求：我们负责的网站被检测出来了xss漏洞，例如用户输入http://www.lxxx.adf.cn/question.do?id=62><img%20src=1%20onerror=alert(1)><aaa="bad会在页面出现alert(1)弹出框，并且传到后台的参数也是非法的。于是就想到了利用js动态修改参数后再传到后台，这样既解决了前台弹出...原创 2019-10-29 14:18:20 · 1972 阅读 · 0 评论 -
Sublime Text3使用Package Control 报错There Are No Packages Available For Installation
在使用sublime时，有时候我们希望将代码复制出来后仍然是高亮显示，这样我们便需要安装SublimeHighLight插件，在安装SublimeHighLight插件之前，我们应该先安装Package Control插件！1、Package Control插件作用：能够利用这个插件安装很多Sublime的插件！ 2、SublimeHighLight插件作用：能让代码更好地展示其高亮性！我先从网上...转载 2018-06-16 21:35:41 · 3886 阅读 · 1 评论