自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 常用的标签

</ul>中只能嵌套<li></li>,直接在<ul></ol>中只能嵌套<li></li>,直接在<ol>

2023-06-05 20:11:43 35

原创 HTML常用标签

一句话:注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的,添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。相对路径是从代码所在的这个文件出发,去寻找目标文件的,而我们这里所说的上一级,下一级和同一级就是图片相对于HTML页面的位置。在网页中,有时需要为文字设置粗体、斜体或下划线效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。在HTML中,一个段落中的文字会从左到右依次排序,直到浏览器窗口的右端,然后才自动换行,

2023-06-05 20:00:55 45

原创 网页开发工具

charset常用的值有:GB2312、BTG5、GBK和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。注意:上面语法是必须要写的代码,否则可能会引起乱码的情况,一般情况下统一使用UTF-8编码,尽量统一写成标准的“UTF-8”在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。对于文档显示来说,定义为en的文档也可以显示中文,定义为zh-CN的文档也可以显示英文,每次保存都会自动格式化js,css,html代码。

2023-06-05 19:54:58 51

原创 HTML标签

元素包含文档的所有内容,页面内容基本都是放到body里面的。标签关系:双标签关系可以分为两类:包含关系和并列关系。注意在head标签中我们必须要设置的标签是title。页面中最大的标签,我们成为根标签。让页面拥有一个属于自己的网页标题。

2023-06-05 19:52:03 24

原创 Web标准

简单理解:结构写到HTML文件,表现写到css文件中,行为写到JavaScript文件中。行为是指网页模型的定义及交互的编写,现阶段主要学的是JavaScript。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。主要包括:结构(html)、表现(css)、行为(js)三个方面。表现用于设置网页元素的版式、颜色、大小等外观样式,主要是CSS。遵循Web标准除了可以让不同的开发人员写出的页面更标准更统一。Web标准提出的最佳体验方案:结构、样式、行为相分离。让Web的发展前景更广阔。

2023-06-05 19:47:18 33

原创 常用浏览器

目前国内一般浏览器都会采用webkit/Blink内核,如360,vc,QQ,搜狗等。IE、火狐Flrefox 、谷歌chrome 、Safar和Opera。chrome/opera浏览器内核,Blink其实是webkit的分支。负责读取网页内容,计算网页的显示方式并显示页面(渲染引擎)IE、猎豹安全、360极速浏览器、百度浏览器。

2023-06-05 19:45:48 43 1

原创 网页的相关概念

前端人员开发 ----> 浏览器显示代码(解析、渲染)-----> 生成最后的web页面。网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器来显示给用户的。网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,html文件。2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)html指的是超文本标记语言,它是用来描述网页的一种语言。标记语言是一套标记标签。

2023-06-05 19:42:06 108 1

原创 Vue不使用v-model实现双向绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性.

2022-03-10 11:54:31 1038

原创 Vue实现计算机功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>计算.

2022-03-10 11:50:04 323 1

原创 Vue按键修饰符

@keyup.enter 13 回车 自定义按键的名字 da = r键 Vue.config.keyCodes.da = 82 event.keyCode 获取hash码哈希 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...

2022-03-10 11:47:30 70

原创 Vue事件修饰符(.stop .once .prevent)

.stop 阻止冒泡<div id="app"> <!-- 事件后加 .stop 阻止冒泡 --> <div @click="show('父')">父盒子 <div @click.stop="show('子')">子盒子</div> </div></div><script> var vm = new Vue

2022-03-02 22:12:00 331

原创 Vue事件处理

v-on:click 简写方式 --> @click事件带参有默认$event事件无参也有默认eventevent.target得到事件源event.target.innerHTML得到本身数据效果展示代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp..

2022-03-01 22:44:45 117

原创 双向数据绑定

<div id="app"> {{info}} <input type="text" v-model="info" /></div><script> var vm = new Vue({ el: '#app', data:{ info:'文本框' } })</script>

2022-03-01 22:31:07 103

原创 四个常用指令

v-test 用于将数据填充到标签中<h3 v-text="msg">数据</h3>v-html用于将HTML片段填充到标签中 <h3 v-html="msg">数据</h3>v-pre 用于显示原始数据<h3 v-pre>{{msg}}</h3>v-once 子元素有动态数据的话只更新一次 <h3 v-once>乌克兰 {{pass}}</h3>效果如..

2022-02-28 19:15:00 335

原创 Vue初入门

首先从官网下载vue.js,我用的是viscose的,大家可以根据自己的需求下载,我当然是采用viscose的方法咯官网地址:vue.js1.新建一个文件夹Vue,在Vue下新建一个js放vue.js2.新建一个html,将vue.js引入<script src="./js/vue.js"></script><script src="./js/vue.js"></script>3.new一个Vue对象<script

2022-02-28 18:47:06 330

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除