![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
冰公主
永远对自己的事业充满热情。
永远意志坚定。
展开
-
vue报错[Vue warn]: Unknown custom element: – did you register the component correctly?
<div id="app"> <h3-component></h3-component></div><script type="text/javascript">var vm = new Vue({ el : "#app", data :{}, components:{ H3Component : {/*直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的,推荐使用kekab-case方式命名*/.原创 2020-09-13 15:53:50 · 8848 阅读 · 0 评论 -
利用JavaScript检查用户注册信息是否正确
要求: 用户名必须是3-10位英文字母或数字; 口令必须是6-20位; 两次输入口令必须一致。 <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>js实现注册表单验证</title></head><body><form id="test-register" action="#" target=原创 2020-09-11 08:15:27 · 871 阅读 · 0 评论 -
Chrome浏览器开发者工具使用
打开Chrome浏览器,按F12就可以进入开发者工具1.使用开发者工具编辑网页样式在Elememts中调试HTML和CSS(1)右上角的三个点,Dock side 可以选择调试工具窗口位置 Ctrl+Shift+F可以全局搜索点击左上角图标,可以在网页选择元素,调试工具会找到相应的html和css代码可以在html代码上直接双击,或右键选择Edit AsHTML编辑html代码。点击+添加css,也可以直接在某个样式中进行编辑。点击颜色小方块,可以在颜色调...原创 2020-09-09 21:24:33 · 1602 阅读 · 1 评论 -
搭建Node环境
1.下载安装在官网下载node-v-xx.msi安装包,一路下一步,就可以啦(官网:https://nodejs.org/en/download/)增加一个小知识:.msi和.zip格式区别:1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。2、.zip是一个压缩包,解压之后即可,不需要安装2.检测是否安装..原创 2020-09-08 00:07:35 · 234 阅读 · 0 评论 -
JavaScript写选项卡
效果图如下:思路:选项和内容用Tagname类似数组匹配外层循环设置选项的index,若循环到触发了onclick事件的属性开始内层循环内层循环把所有的选项和div设置成class="",class="hide"最后把本标题和div设置成class="on",class=""<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2020-09-03 21:54:36 · 304 阅读 · 0 评论 -
js实现数字时钟,按钮实现暂停开始
用JS实现一个时钟,用一个按钮实现暂停开始时钟<button id="clockBtn" onclick="StopStartClock()">暂停</button> //时钟 //这个变量是清除计时方法的参数,必须是全局变量 var myInterval=setInterval("TimeClock()",1000); function TimeClock() { var d=new Date(); v.原创 2020-09-02 10:42:04 · 4252 阅读 · 0 评论 -
CSS定位辨析
CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box),行框的高度总是足以容纳它包含的所有行内框。不过,设置行高可以增加这个原创 2020-06-12 18:37:13 · 154 阅读 · 0 评论 -
CSS框模型学习提要
1.首先,用一张图认识框模型元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。提示:背景应用于由内容和内边距、边框组成的区域。2.内边距、边框和外边距都是可选的,默认值是零。但是为了防止一些浏览器默认设置,我们使用以下代码把他们默认值都置为0;* { margin: 0; padding: 0;}3.在 CSS 中,width 和 height 指的是内容区域的宽.原创 2020-06-12 16:25:47 · 117 阅读 · 0 评论