- 博客(15)
- 收藏
- 关注
原创 npm安装vue-cli时报错npm WARN deprecated
在安装vue-cli时报错npm WARN deprecated解决方案:npm版本过低更新最新版npmnpm install -g npm //默认更新最新版安装成功
2022-04-17 16:15:58 2768 2
原创 web前端学习笔记--Dom
web前端学习笔记——DOM一、概念DOM:document object model,文档对象模型(将文档抽象为对象),是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和 www 文档的风格,是一种基于树 的API文档,在处理过程中整个文档都表示在存储器中DOM又称为文档树模型文档:一个网页节点:网页中所有的内容都是节点(标签、属性、文本、注释等)元素:网页中的标签属性:标签的属性二、常用操作获取元素根据id获取元素方法:通过doc
2021-08-25 23:37:38 257
原创 web前端学习笔记--事件(Dom)
一、事件(什么时机做相应的操作) 事件:在什么时候做什么事 执行机制:触发–响应机制 绑定事件(注册事件)三要素: 1、事件源:给谁绑定事件 2、事件类型:绑定什么类型的事件 click 单击 3、事件函数:事件发生后执行什么内容,写在函数内部 事件监听:JavaScript 解析器会给有绑定事件的元素添加一个监听,解析器会一直监测这个元素,只要触发对应的绑定事件,会立刻执行事件函数。 绑定方法(监听): 方法一:绑定HTML元素属性 <in
2021-08-19 19:14:35 214
原创 web前端学习笔记——选择器
选择器:选择要添加样式的 HTML 标签的一种方法、模式基础选择器:标签选择器、id 选择器、类选择器、通配符选择器。高级选择器:后代选择器、交集选择器、并集选择器。基础选择器标签选择器通过标签名去选择标签元素。书写方式:标签名。选择范围:选中的是HTML文件中所有的同名标签。注意:标签选择器可以选择所有的同名标签,会忽视 HTML 元素的嵌套关系,不管嵌套多深,都能被选中缺点:只能全局全中,不能对局部的设置样式p {}id选择器通过标签上的 id 属性去选择标签。书
2021-08-05 15:04:05 997
原创 web前端学习笔记——CSS常用样式
文字三属性:颜色color作用:给文字设置颜色属性名:color属性值:颜色名、颜色值颜色名:常用的一些颜色颜色红色red黑色black橙色orange白色white黄色yellow金色gold绿色green粉色pink青色cyan浅黄色lightyellow蓝色blue黄绿色yellowgreen紫色purple天蓝色skyblue颜色值:使用具体颜色的数值表示(rbg模式和十六进
2021-08-05 15:02:20 204
原创 web前端学习笔记--CSS语法
**CSS规则:**由两个主要的部分构成:选择器,以及一条或多条声明p{width:300px;font-size:14px;}其中p为选择器,{}内的是多条样式属性样式规则:(以内嵌式样式表为例)所有的css代码必须写在style标签中在设置样式前,必须使用选择器先先选中标签属性的写法:k:v;样式属性必须写在一对大括号里,且每一条样式属性必须以分号结束 <style> div { width: 100px;
2021-08-05 15:01:07 122
原创 web前端学习笔记--css书写位置
css 全称 cascading style sheets,层叠式样式表,是一种用来表现 HTML的文件样式的计算机语言。作用:静态地修饰网页,并且可以配合各种脚本语言动态地对网页各元素进行格式化css规则:由两个主要的部分组成:选择器、以及一条或多条的声明p{width:300px;font-size:14px;}其中,p是选择器,{}里的是多条样式属性,每一条样式属性由属性名:属性值组成书写位置:根据书写位置的不同,可以分为内联式、内嵌式、外联式、导入式内联式(行内式)书写位置:在
2021-08-04 22:25:37 620
原创 web前端学习笔记--DOM获取元素
根据id获取元素方法:通过document对象的getElementById方法参数:id的属性值返回值:对应的id名的元素对象 <script> var para = document.getElementById("text1"); console.log(para); </script> <p id="text1">这是一段文字</p> <p id="text2">这是一段..
2021-08-02 20:49:51 192
原创 web前端学习笔记——表单
表单是用来收集用户输入信息的一、表单的组成一个完整的表单通常由表单域、提示信息、表单控件(表单元素)3个部分组成表单域:相当于一个容器,容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域, 表单中的数据就无法传送到后台服务器。提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。表单域标签:form,双标
2021-08-01 22:36:58 1700
原创 web前端学习笔记——表格
一、表格基础标签:table、tr、td、th(table>tr>td)table:表格,定义整个表格的大结构,可以设置边框属性(属性值:数字)tr:table rows,表格的行,定义表格由多少行组成td:table data,表格数据,表格单元格,定义每一行有多少个单元格 <table border="2"> <tr> <td>1-1</td> <td>1-
2021-07-31 21:55:56 240
原创 web前端学习笔记——列表
对于一些内容相似、结构相似、样式相似的内容使用列表结构进行搭建一、无序列表标签:ul li (嵌套关系,ul>li)ul:unordered list,表示一个无序列表的大结构li:list item,列表项,定义无序列表内的某一项<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li></ul>
2021-07-31 21:05:55 1231
原创 web前端学习笔记——锚点跳转
锚点跳转一、页面内锚点跳转在同一页面中,这个位置跳转到另一个位置方法:设置锚点两种方式:在目标位置随意找一个标签,添加一个id属性<h2 id="mubiao">目标位置</h2>在目标位置添加一个空的a标签,只设置一个name属性<a name="mubiao"></a>注:id和name都必须唯一添加链接链接到锚点,在需要点击的位置设置a标签,给a的href属性设置为id或name的属性值<a hre
2021-07-30 22:59:01 3460 1
原创 web前端学习笔记——路径
一、相对路径在查找文件时,从HTML文件本身出发,根据相对的位置进行查找同级查找:指目标文件与HTML文件位于同一级,直接书写文件名+后<img scr="image1.JPG">子级查找:指目标文件在与HTML文件同一级的文件夹内部,需要先查找文件夹的名字,然后进入文件夹,查找目标文件<img src="images/image1.JPG">上级查找:指目标文件在与HTML文件的上一级文件中,需要先跳出当前文件夹(使用…/跳出文件),再查找文件。
2021-07-30 22:20:23 698
原创 web前端学习笔记——互联网原理
一、运行过程程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(浏览器)发送HTTP请求到服务器,服务器接受请求后进行浏览器:响应,将存储的相关文件通过HTTP响应回到用户本地的客户端,最后通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。服务器:一种特殊的计算机,也包括处理器、硬盘、内存等,对于处理能力、稳定性、可靠性、安全性等方面要求较高,对于WEB来讲,用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。云服务器:一种简单高效、安全可靠、处理能力可弹性伸缩的计
2021-07-30 21:49:59 97
原创 web前端学习笔记(一)——HTML基础
web前端学习笔记(一)——HTML基础1.前端开发是什么?前端开发是创建Web页面或app等前端界面呈现给用户的过程核心技术:HTML CSS JavaScript等2.网页的组成网页的组成:HTML(结构层)、css(样式层)、JavaScript(行为层)、其他多媒体内容(图片、视频、音频、超级链接等)注:所有的网页文件都是真实的、物理存在的文件3.HTML概念纯文本格式:没有任何文本修饰的,没有粗体、下划线、斜体、图片等的文本,只保存文本,不保存其格式设置。最常见的就是.txt文件
2021-07-30 21:06:04 217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人