- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue根据文字动态判断溢出...鼠标悬停显示el-tooltip展示
定义Tooltip是一种小型弹出框，它显示有关特定页面元素的信息，例如按钮、链接或图标。Tooltip通常以半透明的气泡形式呈现，并出现在页面元素的旁边或下方。它可以改善用户体验，使用户更容易理解页面元素的功能和意图。用户可以通过将鼠标悬停在页面元素上来快速了解有关该元素的信息，而无需离开当前页面或浏览其他页面。
2024-05-08 11:44:15
626
原创 怎么传递application/x-www-form-urlencoded参数
怎么传递application/x-www-form-urlencoded参数
2024-03-18 15:06:56
961
原创 解决VUE(CORS跨域问题）
CORS允许浏览器向跨源服务器，发出XMLHttpRequest（XHR） 或Fetch API跨域 HTTP 请求，从而克服了同源使用的限制。
2024-03-06 16:58:21
618
原创 实现自适应的方法
media 是CSS中的一种语法，用于在不同的媒体设备（如桌面计算机、平板电脑、手机）上应用不同的样式。在设计图稿时就应该考虑到小屏幕的展示问题，但如果UI经验不足没有兼顾到，或者内容过多时，可以考虑使用滚动条，上下或者左右滚动。首先常见的两种布局是响应式布局（随着屏幕的大小可以进行不同的排版）与自适应布局（随着屏幕大小的改变只会进行相应的放大或缩小）rem的值是动态计算的，具体可以获取当前显示器的屏幕宽高，与一个标准值进行对比，其对比的值，就是rem的值。可以在main.js文件中创建，方便直接使用。
2023-09-12 15:59:43
345
原创 局部变量和成员变量的不同
局部变量和成员变量定义比较作用范围不一样默认值不一样内存的位置不一样生命周期不一样定义局部变量：在方法内部成员变量：在方法的外部，直接写在类当中
2023-09-12 15:48:45
75
原创 判断是否qq或者微信内置浏览器
判断是否qq或者微信内置浏览器*chrome wx，qq测试###安卓 QQ 内置浏览器 UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari/537.36 V1_AND_SQ_5.3.1_196_YYB_D > QQ/5.3.1.2335 NetT
2021-08-19 11:41:12
392
原创 uni-app，微信小程序入门配置
报错为：Cannot read property ‘forceUpdate’ of undefined原因：在manifest.json下进行修改获取微信小程序配置AppID登陆“微信公众平台”若未注册进行注册，在开发设置里可以看到AppID
2021-06-02 10:15:39
121
原创 cmd字符集出错，乱码修改方法
cmd乱码修改方法方法1通过cmd修改字符集方法2进入注册表进行修改显示效果方法1通过cmd修改字符集打开cmd窗口，在命令行输入 “chcp 65001” 。（65001代表编码格式为utf-8）在cmd标题栏右击选择属性点击丢弃旧的副本方法2进入注册表进行修改选择路径为HKEY_CURRENT_USER\Console\%SystemRoot%_system32_cmd.exe双击CodePage打开编辑器修改其中的Codepage即可437（英语），65001（utf
2021-03-17 09:39:37
1450
原创 Ajax运行环境
Ajax运行环境Ajax运行环境Ajax运行原理Ajax使用步骤创建Ajax对象告诉ajax请求地址以及请求方式发送请求获取服务器端与客户端的响应数据Ajax运行环境Ajax技术需要运行在网站环境中才能生效Ajax运行原理Ajax使用步骤创建Ajax对象Var xhr = new XMLHttpRequest();告诉ajax请求地址以及请求方式Xhr.open(‘get’,‘http://www’)发送请求Xhr.send();获取服务器端与客户端的响应数据Xhr.Onlo
2020-12-18 16:36:21
378
原创 jQuery初识得一些笔记
JavaScript和jQuery对比1.不同处对比2.怎样使用jQuery？官网下载地址：http://jquery.com/download/引包（引入jQuery文件）<script type="text/javascript" src="jquery-1.12.4.js"></script>入口函数//原生JS的入口函数window.onload = function(){}//JQ方式一$(function(){}//JQ方式二$(docum
2020-12-11 21:09:07
97
原创 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
原创 socket安装
socket.io库Socket.lO是一个库，可用于在浏览器和服务器之间进行实时，双向和基于事件的通信。它包括使Node.js服务器为浏览器(可从Node.js的也运行)一个JavaScript客户端库主要特点是:可靠性即使存在以下情况，也会建立连接:代理和负载平衡器。个人防火墙和防病毒软件。为此，它依赖于Engine.lO，该引氅首先建立长轮询连接，然后尝试升级到在侧面进行“测试"的更好传输，例如WebSocket。请参阅”目标"部分以获取更多信息。*既能兼容老版本得浏览器，
2020-11-19 21:32:11
2907
原创 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
原创 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
原创 css的伪类和伪元素的使用及功能
伪类和伪元素css伪类和伪元素line-height （行高 官方定义：两行文字基线对齐 ）目标伪类伪元素 （是行内元素 不能设置宽度和高度 ）css特性列表表格css元素类型的划分（根据元素能不能在一行显示）行内级元素(可以和其他行内元素同一行显示)css伪类和伪元素line-height （行高 官方定义：两行文字基线对齐 ）目标伪类:link （a:link 未访问的链接 浏览器有缓存！！所以刷新没用） a:active{color: ;}:active （长按住）:visi
2020-10-28 20:58:57
244
原创 输入内容绑定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
原创 弹性盒子flex的相关属性
两个div并排行内显示，实现方式：设置为行内样式，display：inline-block设置floa浮动设置position定位属性为absolute设置弹性盒子display：flex弹性盒子flexflex-growflex-basisflex-shrinkflex-directionflex-wrap <style type="text/css"> .box{ width: 500px; height: 300px; display:fle
2020-09-30 17:44:54
172
原创 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
原创 let、const的命令
Let命令基本用法声明变量（只在let命令所在的代码块内有效）*var全局变量都有效不存在变量提升Var发生“变量提升”，undefined的最初值就是原始数据类型undefined。Let在脚本运行前，并不存在原始数据，会报错暂时性死区ES6中，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。在代码块内，使用let声明变量之前，该变量不可用，成为称谓“暂时性死区”（TDZ）（进入当前
2020-09-20 21:26:34
90
原创 Chrome的浏览器
Chrome浏览器课程大纲调试dom调试样式css调试javascript客户端储移动端hs结合recat/vue课程大纲Elments元素页面Network网络面板Console控制台面板Sou rces源代码资源面板（js断点调试）Appkication应用面板Performance性能面板（性能优化）Memory内存面板Security安全面板（证书查看）Audits面板 打开chrome开发者工具（更多工具-开发者工具；右键-检查；快捷键ctrl+shift-i；查看dom或
2020-09-14 01:05:10
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人