- 博客(27)
- 收藏
- 关注
原创 vue3 警告:Runtime directive used on component with non-element root node. The directives will not func
通常是因为你尝试在一个非元素类型的根节点上使用了一个 Vue 指令(例如v-ifv-forv-show等)。
2025-03-26 12:16:07
406
原创 vue3 警告: Vue received a Component that was made a reactive object. This can lead to unnecessary perf
这意味着在Vue中,一个组件被错误地处理为了响应式对象,这可能导致不必要的性能开销。Vue建议通过使用markRaw或shallowRef而不是ref来避免这种情况。问题可能会出现在Router路由、自定义组件、v-for动态渲染,ref 命名等。
2025-03-26 11:52:44
578
原创 html data- 自定义属性的使用
data-属性(通常称为 data attributes)提供了一种简单而有效的方式来存储页面或应用程序的私有自定义数据。
2024-10-14 22:08:45
1557
原创 API 网络请求方式
新版本的XMLHttpRequest对象,可以向不同域名的服务器发出HTTP请求。这叫做"跨域资源共享"(Cross-origin resource sharing,简称CORS)。使用"跨域资源共享"的前提,是浏览器必须支持。
2023-06-25 09:45:06
887
原创 JS中Object 和Map 的使用区别
Object是最常用的一种引用类型数据,可用于存储键值对的集合。Map是键值对的集合,才会用Hash结构存储。(map是es6以后新增的)
2023-04-19 15:35:41
370
原创 GET、POST、PUT、DELETE,他们的区别和用法。
每次发出多个相同的请求都必须产生相同的结果,直到另一个 API(POST 或 PUT)更改了服务器上资源的状态。POST既不安全也不幂等,调用两个相同的 POST 请求将导致两个不同的资源包含相同的信息(资源 ID 除外)。用户对同一操作发起的一次请求或者多次请求的结果是一致的,不会因为多次点击儿产生了副作用(不可重复提交性)。这是一种只读方法,因此它没有改变或损坏数据的风险,使用 GET 的请求。POST 方法用于将实体提交到指定的资源,通常导致在服务器上的状态变化或创建新资源。会被自动加到地址最后。
2023-04-04 15:05:28
1672
原创 React 之braft-editor富文本的图片上传
使用背景:在微信小程序中的的商城中的商品详情。使用uniapp的 rich-text 展示多张图片的。在媒体这个可以选择上传图片。自己会把图片转成base64,但是所占体积太大了。,先把图片上传到服务器上,然后把图片链接放到富文本里面。把媒体('media')工具栏去掉。
2023-04-03 10:47:50
1046
2
转载 前端抓包工具
抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。作用:分析网络问题业务分析分析网络信息流通量网络大数据金融风险控制探测企图入侵网络的攻击探测由内部和外部的用户滥用网络资源探测网络入侵后的影响监测链接互联网宽频流量监测网络使用流量(包括内部用户,外部用户和系统)监测互联网和用户电脑的安全状态渗透与欺骗...1、数据在网络上是以很小的帧的单位传输的,帧通过特定的称为网络驱动程序的程序进行成型,然后通过网卡发送到网线上,通过网线到达目的机器。
2023-03-21 11:02:53
346
原创 uniapp 获取所有页面的数据对象 getCurrentPages的使用
当页面每次进入的时候直接页面生命周期onshow自动调用 让对应key值变量发生改变,来从新渲染页面,这样就可以解决这个大坑。2. 用 +new Date() 生成的时间戳作用Key ,收到强制触发重新渲染。,这里用了一个技巧就是通过uni.navigateBack()函数返回页面,从A页面进入B页面以后,在B页面选择数据以后,通过。B页面返回上一页并传递数据给gender。,然后直接修改他的数据,在通过。,这样就可以实现回显。
2023-03-10 10:18:55
2107
原创 渲染层报错Failed to load local image resource /pages/login/2023/02/f4964f74e5e24914912
微信小程序渲染图片报错解决:[渲染层网络层错误] Failed to load local image resource
2023-02-27 16:41:34
648
转载 HTTP 请求头CORS 跨域请求详解
它也是一个逗号分隔的字符串,表明服务器支持的所有头信息字段,不限于浏览器在"预检"中请求的字段。还可用做电子商务网站的安全,在提交信用卡等重要信息的页面用referer来判断上一页是不是自己的网站,如果不是,可能是黑客用自己写的一个表单,来提交,为了能跳过你上一页里的javascript的验证等目的。同时,Cookie依然遵循同源政策,只有用服务器域名设置的Cookie才会上传,其他域名的Cookie并不会上传,且(跨源)原网页代码中的document.cookie也无法读取服务器域名下的Cookie。
2023-02-24 14:25:26
5773
原创 Vue axios 的使用与跨域问题
在前端开发中, 我们一种常见的网络请求方式就是JSONP使用JSONP最主要的原因往往是为了解决跨域访问的问题。JSONP的原理是什么呢?JSONP的核心在于通过标签的src来帮助我们请求数据。原因是我们的项目部署在服务器上时, 是不能直接访问服务器上的资料的,会产生跨域问题。这个时候, 我们利用标签的src帮助我们去服务器请求到数据, 将数据当做一个javascript的函数来执行, 并且执行的过程中传入我们需要的json。
2023-01-31 11:34:21
15656
原创 JS函数返回值retrun的使用
当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。函数通过return返回一个返回值。return : 不仅可以退出循环,还能够返回return语句中的值,同时还可以结束当前的函数体内的代码。只要函数遇到 return 就把结果 返回给函数的调用者 函数名() = return a;1.每一个函数都会有一个返回值,这个返回值可以通过关键字“return”进行设置。函数只是实现某种功能。
2023-01-30 14:58:40
331
原创 了解BFC与使用
一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影响到外部其他元素。浮动的元素会脱离文档流,跑到上一个层面,也就是和原本的元素们不在一个层面了。解决:只需要将父元素变为BFC区域,将父盒子变成一个独立的区域,这样在BFC区域内部的任何操作,都不会影响到外部。1,每一个BFC区域只包括其子元素,不包括其子元素的子元素。
2023-01-30 14:14:29
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人