Web
关注
分享
扫一扫
文章平均质量分 94
Web学习记录
AsiaSun.
日拱一卒
展开
-
《微信小程序从入门到精通》
hr >：一条分割线对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格相当于，不管屏幕多大，都分为750分，按照UI给的图，直接写就行，不需要适配屏幕了。貌似比较高级。原创 2023-11-24 21:30:27 · 1379 阅读 · 0 评论 -
web学习---Vue---笔记（一）
Vue是一个渐进式的框架渐进式的好处：可以将Vue作为应用的一部分嵌入其中框架：是一套完整的解决方案；对项目的侵入性比较大，如果项目需要更换框架，则需要重新架构整个项目库：提供某一个小功能，对项目的侵入性比较小，如果某个库不满足某些要求，可以更换其他库实现需求解析创建一个Vue对象在创建Vue的时候，传入了一个option对象option对象里面，可以包含这些对象：el、data类型：string | HTMLElement作用：决定之后Vue实例会管理哪一个DOMel的作用范围：只要在被命原创 2022-07-05 10:35:40 · 528 阅读 · 0 评论 -
web学习---JavaScript---笔记（三）
BOM（Browser Object Model），浏览器对象模型。它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM比DOM更大window对象是浏览器的顶级对象，它具有双重角色：原来，JS需要写在元素后面，因为代码是从上而下执行的现在，有了window可以将JS写在元素前面使用：，其实窗口（页面）加载事件，当文档内容完全加载完成会触发该事件，调用的处理函数此时，script标签可以写在任意地方，即使是head标签也可以注意：传统注册事件方式只能写一次，如果有多个，会以最后原创 2022-07-04 17:32:36 · 220 阅读 · 0 评论 -
web学习---JavaScript---笔记（二）
Web APIWeb API是浏览器提供的一套操作浏览器功能(BOM) 和 页面元素(DOM) 的APIDOMDOM：Document Object Model，文档对象模型是处理可扩展标记语言的标准编程接口DOM树获取页面元素如何获取页面元素？通过ID获取通过标签名获取H5新增方法获取特殊元素获取1. 通过ID获取getElementById()方法，获取带有ID的元素对象举个🌰： <body> <div id='time'>2022<原创 2022-06-26 16:42:53 · 947 阅读 · 0 评论 -
web学习---JavaScript---笔记（一）
JavaScriptJS是脚本语言，一行一行的转换成二进制执行的JS的组成：ECMAScript、DOM、BOMJS引入的三种方式直接引用：<input type="button" value="提交" onclick="alert('秋香')">文件内引用：<script type="text/javascript"> alert('你好');</script>外部文件引入：<script src="js/my.js">原创 2022-06-23 10:13:46 · 368 阅读 · 1 评论 -
《Web前端开发精品课 HTML与CSS进阶教程》---笔记
学习HTML的重点不在于掌握了多少标签，而是在于掌握标签的语义，在你需要的地方能否用到正确的语义标签。在实际开发中，上图下文字的样式，一般使用figure和figcaption两个元素来增强图片的语义化。figure元素 用于包含 图片和图注文字figcaption元素 用于表示图注文字label标签，用于显示在输入控件旁边的说明性文字。也就是将某个表单元素和某段说明文字关联起来标签，仅用于段落中的换行，也就是只适用于p标签内部换行在实际开发中，大多数情况下都是使用无序列表，极少情况下会使用有序列表一张原创 2022-06-21 09:42:05 · 230 阅读 · 0 评论 -
《Web前端开发精品课JavaScript基础教程》---笔记
外部引用JS的时候，可以在head中引入，也可以在body里面引用同样，内部引用也可以在head或body里面引用JS每一条语句，都以;结尾var变量const常量基本数据类型：数字、字符串、布尔值、未定义值、空值引用类型：数组、对象已经使用var声明了，但是没有进行赋值，此时就是undefined常见的运算符有5种：一般有三种流程控制方式：在JS中，常用的内置对象有四种：String、Array、Date、Math获取字符串的长度将大写字符串转换为小写字符串将小写字符串转换为大写字符串获取第i原创 2022-06-13 11:49:07 · 345 阅读 · 0 评论 -
《Web前端开发精品课 HTML与CSS基础教程》---笔记
标签 又叫做 元素p标签，段落标签paragraph，可以用来标记一段文字段落标签会自动换行：break 换行标签上标标签sup，superscripted：a2下标标签sub，subscripted：H2O斜体：斜体删除线：删除线下划线：下划线div标签：division（分区）：换行分割线：标签分为两种：一般标签 自闭合标签一般标签有开始符号和结束符号，内部可插入其他标签或文字自闭合标签没有结束符号HTML元素根据表现形式，可以分为两类：块元素本身，占据整行块元素内部，可以容纳其他块原创 2022-06-09 16:45:39 · 318 阅读 · 0 评论 -
web学习---H5与CSS3、动画---笔记
HTML5添加了很多新的标签比如video标签，可以播放视频其中，有些属性：例如：<video src="video/RPReplay_Final1643010740.MP4" autoplay="autoplay" muted="muted"></video>HTML5新加的input类型：原创 2022-06-07 19:44:49 · 382 阅读 · 0 评论 -
web学习---CSS学习---笔记(四)
定位定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置定位模式决定元素的定位方式，它通过CSS的position属性来设置，其值可以分为4个：边偏移，就是定位的盒子移动到最终的位置有top、bottom、left、right4个属性相对定位relative相对定位是元素在移动位置的时候，是相对于它原来的位置来说的语法：选择器 {position: rela原创 2022-05-15 00:23:09 · 307 阅读 · 0 评论 -
web学习---CSS学习---笔记(三)
CSS浮动传统网页布局的三种方式网页布局的本质：用CSS来摆放盒子。把盒子摆放到相应位置普通流（标准流）浮动定位1.标准流之前学习的，块级元素、行内元素，就是标准流原创 2022-05-09 09:29:57 · 263 阅读 · 0 评论 -
web学习---CSS学习---笔记(二)
1. CSS的三大特性层叠性、继承性、优先级1.1 层叠性如果设置相同的样式，则有一个样式会层叠另外一个样式样式冲突原则：就近原则（覆盖），哪个样式离结构近，就执行哪个样式1.2 继承性子标签会继承父标签的某些样式（不是全部样式）某些样式包括：text-、font-、line-开头的元素 <head> <meta charset="utf-8"> <title></title> <style> div{原创 2022-04-20 21:02:14 · 524 阅读 · 0 评论 -
web学习---CSS学习---笔记(一)
CSS简介CSS主要是美化网页、布局页面的CSS是层叠样式（Cascading Style Sheets）的简称CSS也是一种标记语言CSS主要由两部分组成：选择器（选对人） 以及 一条或多条声明（做对事）选择器是用于指定CSS样式的HTML标签，也就是你想对哪个标签做美化选择器就是根据不同的需求把不同的标签选出来，这就是选择器的作用花括号内是对该对象设置的具体样式属性是对指定的对象设置的样式属性，比如：字体大小、文字颜色等属性与属性值，以”键值对“的形式出现key: value属性原创 2022-04-18 23:36:51 · 324 阅读 · 0 评论 -
web学习---HTML学习---笔记
前言公司想让用uni-app做混合开发然后，uni-app需要VUEVUE需要先学习HTML、CSS、JavaScript趁此机会，学习下前端知识，扩展下知识面第一天一个完整的网页一般由3部分组成：HTML：网页的内容结构CSS：网页的视觉体验JavaScript：网页的交互处理HTML文件HTML文件的扩展名是.htm.htmlHTML被称为：超文本标记语言HTML是由标记(标签、tag)组成标记里面的东西称为内容标记+内容被称为元素元素的书写格式：标签对：原创 2022-04-14 14:20:16 · 641 阅读 · 0 评论