Web
qwe122343
这个作者很懒,什么都没留下…
展开
-
图片和文字不在同一高度 css 解决方案
图片和文字不在同一高度原创 2022-04-01 11:27:45 · 1825 阅读 · 0 评论 -
网页标签栏增加图标
默认网页标签栏是没有自定义图标的添加自定义图标只需在 <header></header>里添加一句话,href 写真实的图标地址即可<head> <link rel="shortcut icon" href="1647312173(1).ico"></head>...原创 2022-03-15 10:55:16 · 839 阅读 · 0 评论 -
v-html 图片宽度超出div解决方案
失败的效果如下:图片超出蓝色框线<div v-html="formContent" class="HTMLCSS"></div>解决方案:注意事项:如下代码写在 <style></style> 标签内,写在 <style scoped></style>中不生效 <style> .HTMLCSS img { width: 100%; display: block; } </style&原创 2022-02-25 18:24:24 · 2237 阅读 · 0 评论 -
Ant Design Vue Input 输入框设置只读
<a-input v-model="A" placeholder="请输入"/>只读 readonly 需要写成 readOnly<a-input v-model="A" placeholder="请输入" readOnly/>原创 2021-12-10 16:05:03 · 6905 阅读 · 0 评论 -
Vue2 子传父案例简单入门
这是一篇深夜博客,主要介绍了 Vue 中子组件给父组件传值,用 $emit( ) 实现首先是建立 Vue 3项目,删除 Helloworld.vue 及相关代码, 新建 Father.vue 和 Child.vue 两个文件,在 App.vue 中引入 Father.vueApp.vue<template> <div id="app"> <Father></Father> </div></template>&原创 2020-07-20 01:06:38 · 713 阅读 · 0 评论 -
Webstorm Terminal 显示乱行解决方案——亲测有效
如上图,Webstorm Terminal显示乱行不知大家有没有遇到过,非常不舒服解决方案如下:打开cmd,鼠标指针放在橙色区域,右键,选择属性勾选使用旧版控制台重启Webstorm,问题得到解决...原创 2020-02-20 17:09:18 · 866 阅读 · 2 评论 -
Node.js 和 webpack 下载安装——小白教程
前端学习Vue会用到webpack,用webpack需要安装node.jsNode.js下载地址 点击跳转1,下载安装node.js推荐百度云离线下载,chrome和迅雷我这边都很慢cmd中输入node -v 和 npm -v出现安装版本,证明安装成功(Node.js自带软件包管理工具npm) Node Package Manager2,环境配置更换镜像 依然在cmd输入命令...原创 2020-02-20 15:55:00 · 3093 阅读 · 5 评论 -
Vue入门(3)常见指令
指令是带有 v- 前缀的特殊属性,下面对学习中遇到的指令简单总结1、v-html 指令用于输出 html 代码双大括号 {{ }} 会将数据解释为纯文本,而非HTML。为输出真正HTML,用v-html指令 <div v-html="message"></div>v-bind 指令 <div v-bind:class="{'class1': use}"&g...原创 2020-02-02 23:30:03 · 348 阅读 · 0 评论 -
JavaScript踩坑(5)比值函数 function(a, b)
在下午学习JavaScript数组的过程中,多次用到了比值函数,W3school是这么称呼的我也这么叫了,感觉很有用,有必要写一下供大家参考比值函数function( a, b )是和JavaScript里的sort( )函数一起使用的,比值函数嵌套在sort( )函数的圆括号里为什么要用比值函数?sort() 以字母顺序对数组进行升序排序而数字顺序sort( )无法凭自己单独实现,这里...原创 2020-01-15 17:30:10 · 4330 阅读 · 0 评论 -
JavaScript踩坑(4)typeof 运算符返回类型
typeof运算符可以返回各种各样的返回类型,包括stringnumberbooleanundefinedfunctionobject为了明确各种值各返回什么类型,用代码列举了一下不多说,上代码~~(哦天第一次发现原来有专门适用JavaScript的代码块)~~JavaScript:var data1 = "hello"; //字符串var data2 = 168; ...原创 2020-01-14 10:42:14 · 488 阅读 · 0 评论 -
JavaScript踩坑(3)辨析 undefined 和 null
在学习Javascript 数据类型中,需要对 undefined 和 null 加深理解相同点: undefined 和 null 值相等不同点: undefined 和 null 类型不相等我们可以定义两个变量 test1 和 test2var test1 = null;var test2 = undefined;然后写个js文件进行判断直接上代码:var test1 = n...原创 2020-01-14 10:16:33 · 301 阅读 · 1 评论 -
Webstorm 学生认证申请及 Renew
在网上找了诸多破解方法,皆未奏效,突然想到可以学生认证,试用一年,足够了,方法如下https://www.jetbrains.com/ 进入jetbrains官网进行注册,点击右上角小人头像然后点击 https://www.jetbrains.com/pycharm/buy/?fromIDE#discounts 进行学生认证选择For students and teachers点击A...原创 2020-01-14 00:17:25 · 9038 阅读 · 4 评论 -
JavaScript踩坑(2)script放置位置问题
果然学习总会出现问题,写了一个最简单的外部js文件供html调用,死活不生效代码如下JavaScript:var x = 7,y = 7,z = 9;document.getElementById("demo").innerHTML = (x == y) + "<br>" + (x == z);HTML:<!DOCTYPE html><h...原创 2020-01-14 00:09:25 · 335 阅读 · 1 评论 -
JavaScript踩坑(1)关键词
终于,进入了JavaScript的学习环节首先列举一些常用的关键词,并说明含义var 声明变量function 声明函数switch 选择不同执行情况break 终止 switch 或循环return 退出函数try … catch 对语句块实现错误处理do … while 执行语句,条件为真执行循环if … else 根据条件执行不同语句...原创 2020-01-13 20:56:49 · 177 阅读 · 0 评论 -
CSS踩坑(7)选择器
学CSS常看见 “选择器” 三个字,但较个真儿却解释不了具体含义选择器是一种模式,用于选择需要添加样式的元素(还是不太理解)我觉得看几个例子大家就知道了1、 .class具体例子:div.image描述:选择 class=“image” 的所有元素因为html对应的代码就是<div class="image"></div>2、 #id具体例子:#imag...原创 2020-01-13 16:38:03 · 359 阅读 · 0 评论 -
CSS踩坑(6)测试题
1.CSS 指的是?您的回答:Cascading Style Sheets2.在以下的 HTML 中,哪个是正确引用外部样式表的方法?您的回答:3.在 HTML 文档中,引用外部样式表的正确位置是?您的回答: 部分4.哪个 HTML 标签用于定义内部样式表?您的回答:5.哪个 HTML 属性可用来定义内联样式?您的回答:style6.下列哪个选项的 CSS 语法是正确的?您的回...原创 2020-01-13 09:31:22 · 998 阅读 · 0 评论 -
CSS踩坑(5)关于锚伪类
锚伪类听起来是个很另类的名字哈哈哈,锚伪类包括四种状态,按我自己通俗的理解,是1、鼠标未点击状态 ——link2、鼠标点击已访问状态 ——visited3、鼠标悬停状态 ——hover4、鼠标点击链接被按下状态 ——active注意4者有顺序:要严格按照link——visited——hover——active书写CSS代码CSS代码:a:link{ c...原创 2020-01-12 21:50:43 · 389 阅读 · 1 评论