- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue3.0中使用ant design vue 表单内部分元素不校验
博主最近在写vue3.0项目 组件库为蚂蚁金服的ant design vue 在写表单时,有一个短信登陆的需求布局为左边Input框 右边按钮 源码大概如下<a-form-item label="短信登录" name="code"><a-row> <a-col :span="14"> <a-input v-model:value="loginForm.code" />
2020-12-10 13:07:14
5848
5
原创 let在for循环中的灵活使用
我们都知道es6语法新增了两个关键字,let声明变量.const声明常量. 我们会发现,当我们利用for循环给一个元素集合添加事件时,事件驱动的函数里面是不能对应访问每个循环值的,只能访问最后一个,而当我们将for循环里面条件中声明变量的关键字该为let时,情况就发生了变化. 我们函数里面是能访问每次循环对应的值,这是为什么勒.此时我们就需要深究for循环的原理了. 经过我的多方查阅.最终我认为f...
2019-03-24 22:47:58
2352
2
原创 js中++num和num++在赋值时的区别
js中,我们在写一个变量自加1时,可以写为num=num+1, 但是我们习惯性简写, num++或者是++num, 在不配合进行其他运算时,这两者是没有任何区别的,都是自加1,但是当它们用于赋值时结果就是不一样的.如下: var num1=10 var num2=10 var add = num1++ + ++num2 alert(add)乍一看肯定是弹出22, 但这里有猫腻, 此时...
2019-03-23 21:32:03
5226
1
原创 css实现各种布局及方法
1：pc端网页我们做pc端网页，一定要保证网页整体是居中显示，并且不能出现横向滚动条，所以我们可以在所有部位设置一个class为middle的div，然后每个部分都让其居中显示，然后网页的内容都在.middle里面布局即可。一般需要背景的话，我们给外面的大盒子（宽度百分百的盒子）即可。比如case（这里指首页中的案例）部分。我们可以命名为index_case,然后在里面再套一个class为m...
2019-03-17 22:12:49
389
转载 学习，自律，锻炼意味着更高的自由
很多人会碰到这样的情况：你在学习过程中碰到了一个挫折，被鄙视被羞辱了，你郁闷，决定奋发向上，发誓再也不要品尝这种失败的滋味了；然后你在网上查学习方法，向高手请教；你看的（听的）激动万分，想着逆袭其实就这么简单，然后你信心满满的打算着手落实。某一天晚上，四处寂静无声，你在台灯下，面对摊开的书本和记录的密密麻麻的学习方法，准备实行你的伟大的屌丝逆袭计划。假设你是想逆袭英语，你可能想先练习听力，听了一会...
2019-03-10 23:35:32
516
原创 给大家分享写css常用的初始化代码
/* *********************************初始化 ************************/@charset “utf-8”;body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,input,textarea{margin: 0;padding: 0;}/*此处是用来初始化一些标签的外边距，不要使用通配符，影响代码性能/a{text...
2019-03-09 23:26:39
993
转载 前端关于浏览器基础了解
认识浏览器1）主流浏览器Internet Explorer、 Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、傲游2）最早的浏览器 Mosaic / Netscape Navigator(网景领航者)（1994-2008）简称NN五大浏览器内核•Trident （MSHTML） （三叉戟；三叉线；三齿鱼叉）•Gecko （壁虎...
2019-03-08 13:14:02
182
原创 css高级应用之简单选项卡
我们知道表单里面有按钮元素和复选框元素，如下：<input type="radio" ><input type="checkbox" >这两个元素都能实现单击效果，即他们可以触发动态伪类选择器checked表现为该实例就是 input:checked{} 即单击发生一个css修饰，属于动态变化，和hover有点像，hover是移入发生变化，这里是单击发生变化。...
2019-03-06 21:17:41
229
原创 善于利用postion让元素居中
我们都知道文字和行内块级元素（可以理解为即支持宽高的行内元素或不独占一行的块级元素）可以直接使用父级的text-align:cente水平r居中。但是怎么让块级元素水平居中，垂直居中这是一个值得思考的问题，其实有很多实际的项目里面经常需要用到垂直居中，所以我今天教小白们一个简单实用的方法。我们知道position有5个值，其中的absolute用来绝对定位的（相对于position:relati...
2019-03-05 19:32:18
985
转载 Git使用详细教程（不管看不看得懂，建议小白可以了解下）
一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，带宽...
2019-03-04 22:27:38
205
原创 css伪类选择器之first-child,last-child,nth-child()
今天没上班，脑袋不太清晰，就简单给小白们讲一个很实用的css伪类选择器，这个在你们写导航或者其他列表类的css时特别实用，而且利于后期维护。这个选择器就是 元素:fist-child / last-child / nth-child(子节点序号)例如此时我们需要写一个一级导航：<!DOCTYPE html><html> <head>...
2019-03-03 19:09:45
2071
原创 浅谈良好的代码习惯之css
我们都知道，前端是写网页的，初级前端工程师能写网页，高级前端工程师也能写网页，为什么有的公司情愿多花点钱请个高级工程师也不愿多请几个初级工程师勒？其实有很大的一个原因是高级工程师的写代码有好的习惯，而且会考虑到后期维护成本，尽量避免之。我这里告诉大家一些初级的习惯，希望大家记住，习惯要从小白的时候开始养成哦。第一：写css一定要写注释，html也一样。哪一部分是head哪一部分是case,p...
2019-03-02 20:51:12
277
原创 Css“三剑客”实现简单的过渡特效
许多同学误认为页面上的特效都是js实现的，其实不然。css给我们提供了一个极其强大的属性transition。此属性属于css3的属性。它的值可以是一个时间，即过渡的时间。相当于js中setTimeout，setInterval等写出的效果，接下来解释另外两个“剑客”，伪类选择器和position。伪类选择器“元素:hover”类似于js中的鼠标事件mouseover。但是它多了一个特性就是移出...
2019-03-01 19:59:23
265
原创 理解元素的浮动float分为背景与内容,属于“半层”飘出。
今天和朋友讨论了一下float，因为这是一个对初级或者小白前端程序员挺重要的内容，所以今天就来说说float浮动时容易出现的一个小“bug”。一般来说，两个div会独占一行，一行在上一行在下，当我们给上面的div加浮动时会发现下面的div会“钻到上面div”的下面，这很容易理解。如下图，一个简单的demo。&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head...
2019-02-28 23:17:57
820
2
原创 display:block和float对行内元素支持宽高的区别
display:block和float对行内元素支持宽高的区别写这篇文章的原因是由于笔者在写一个小demo的实例布局时，关注到了一个之前没有关注到的问题。display和float浮动都可以将行内元素转换为块级元素，但是他们又有点区别。display:block修饰行内元素是将其转换为独占一行的块级元素，也就是说给一个"span"标签设置了display:block后，它会占据父元素的整个宽度...
2019-02-27 08:41:18
559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人