vue
是千千千熠啊
这个作者很懒,什么都没留下…
展开
-
处理浏览器缓存问题
【代码】处理浏览器缓存问题。原创 2024-05-08 17:21:45 · 146 阅读 · 0 评论 -
vue根据文字动态判断溢出...鼠标悬停显示el-tooltip展示
定义Tooltip是一种小型弹出框,它显示有关特定页面元素的信息,例如按钮、链接或图标。Tooltip通常以半透明的气泡形式呈现,并出现在页面元素的旁边或下方。它可以改善用户体验,使用户更容易理解页面元素的功能和意图。用户可以通过将鼠标悬停在页面元素上来快速了解有关该元素的信息,而无需离开当前页面或浏览其他页面。原创 2024-05-08 11:44:15 · 644 阅读 · 0 评论 -
怎么传递application/x-www-form-urlencoded参数
怎么传递application/x-www-form-urlencoded参数原创 2024-03-18 15:06:56 · 965 阅读 · 0 评论 -
解决VUE(CORS跨域问题)
CORS允许浏览器向跨源服务器,发出XMLHttpRequest(XHR) 或Fetch API跨域 HTTP 请求,从而克服了同源使用的限制。原创 2024-03-06 16:58:21 · 630 阅读 · 0 评论 -
vue安全漏洞扫描处理
关于vue安全漏洞相关扫描中处理漏洞的小记原创 2024-03-01 16:05:18 · 571 阅读 · 0 评论 -
实现自适应的方法
media 是CSS中的一种语法,用于在不同的媒体设备(如桌面计算机、平板电脑、手机)上应用不同的样式。在设计图稿时就应该考虑到小屏幕的展示问题,但如果UI经验不足没有兼顾到,或者内容过多时,可以考虑使用滚动条,上下或者左右滚动。首先常见的两种布局是响应式布局(随着屏幕的大小可以进行不同的排版)与自适应布局(随着屏幕大小的改变只会进行相应的放大或缩小)rem的值是动态计算的,具体可以获取当前显示器的屏幕宽高,与一个标准值进行对比,其对比的值,就是rem的值。可以在main.js文件中创建,方便直接使用。原创 2023-09-12 15:59:43 · 348 阅读 · 0 评论 -
vue实现原理,原生代码
vue实现原理,实现数据的双向绑定<!DOCTYPE html><!-- 数据的双向绑定 --><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="app"> <input type="text" v-model="msg"> <h原创 2020-12-03 21:41:41 · 433 阅读 · 0 评论 -
vue更改端口号
更改端口号在vue.config.js文件中module.exports={devServer:"8080"}在参数中进行更改原创 2020-11-24 18:09:40 · 631 阅读 · 0 评论 -
socket安装
socket.io库Socket.lO是一个库,可用于在浏览器和服务器之间进行实时,双向和基于事件的通信。它包括使Node.js服务器为浏览器(可从Node.js的也运行)一个JavaScript客户端库主要特点是:可靠性即使存在以下情况,也会建立连接:代理和负载平衡器。个人防火墙和防病毒软件。为此,它依赖于Engine.lO,该引氅首先建立长轮询连接,然后尝试升级到在侧面进行“测试"的更好传输,例如WebSocket。请参阅”目标"部分以获取更多信息。*既能兼容老版本得浏览器,原创 2020-11-19 21:32:11 · 2909 阅读 · 0 评论 -
vue cli原理
amd异步加载模块化方式-amd基本APIrequire会定义三个变量: define,require,requirejs,其中require === requirejs,一般使用require更简短define从名字就可以看出这个api是用来定义—个模块require 加载依赖模块,并执行加载完后的回调函数define( function(){ function fun1(){ alert("it works"); } fun1();})加载文件之前的例子中加载模块都是本原创 2020-11-09 11:38:35 · 321 阅读 · 1 评论 -
prop传值
prop传值静态属性动态属性循环传值组件监听子组件事件三级目录 <script type="text/javascript"> ///产品组件 Vue.component("school",{ //props指定的值类型 props:['schoolName'], template:`<li> <h3>学校名称:{{schoolName}}</h3> </li>` }) <原创 2020-11-05 10:16:57 · 1427 阅读 · 0 评论 -
vue cli(安装和创建)
vue cli安装cli检查版本创建vue项目使用命令创建$vue ui可视化操作安装cli### npm install -g @vue/cli### yarn global add @vue/cli检查版本vue --version创建vue项目使用命令创建新建项目在vscode下右键,在集成终端中打开vue create testapp(文件名称)回车:手动安装,空格选项,默认安装执行打开命令cd testappserve输出,启动开发者服务器npm run se原创 2020-11-03 10:26:02 · 292 阅读 · 0 评论 -
输入内容绑定v-model使用
输入内容绑定-交互v-model单行输入框文本多行输入框文本复选框单选框选项框多项框获取值v-modelv-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。单行输入框文本<input type="text" name="username" v-model="username" value="" /><script type="text/javascript"> let app = new Vue ({原创 2020-10-22 13:49:50 · 280 阅读 · 1 评论 -
vue模板用法和计算属性
vue模板用法模板用法文本msg原始html,v-htmlv-bind绑定属性表达式应用计算属性模板用法文本msg<div id="app"> <h1>{{msg}}</h1><!-- 可写简单表达式 --></div><h1 v-once>{{msg}}</h1><!-- 一次性插入,不修改 -->*当数据发生变化的时候,v-once所在值不发生变化,与该节点上的数据绑定原始html,原创 2020-10-12 16:46:07 · 681 阅读 · 0 评论 -
vue条件渲染和列表渲染
v-if指令用于条件性地渲染一块内容。只有返回true会被渲染。*若条件为false不被渲染<h1 v-if="isvip">用户类型:vip</h1> v-else表示v-if的“else块”*v-else元素必须跟在v-if或者v-else-if元素的后面,v-if和v-else中间不能有其他的元素,不能被识别v-else-ifv-if的“else-if”块,可连续使用。<div v-if ="type==A">A</div&g.原创 2020-09-26 13:56:07 · 261 阅读 · 1 评论