Web
文章平均质量分 95
北方的南&
这个作者很懒,什么都没留下…
展开
-
Web前端框架-Vue(初识)
文章目录web前端三大主流框架**1.Angular****2.React****3.Vue**什么是Vue.js为什么要学习流行框架框架和库和插件的区别一.简介指令v-cloakv-textv-htmlv-pre**v-once**v-onv-on事件函数中传入参数事件修饰符双向数据绑定v-model按键修饰符自定义按键修饰符别名v-bind(属性绑定)绑定对象绑定class绑定对象和绑定数组 的区别绑定style分支结构v-if 使用场景v-show 和 v-if的区别循环结构v-for案例选项卡1、原创 2024-02-08 09:27:01 · 4282 阅读 · 0 评论 -
Web前端-移动web开发_rem布局
媒体查询(Media Query)是CSS3新语法。使用 @media查询,可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机,平板等设备都用得到多媒体查询媒体查询主要用于页面的响应式设计Less(LeanerStyle Sheets 的缩写)是一门 CSS扩展语言,也称为CSS预处理器。原创 2024-02-08 08:57:49 · 1808 阅读 · 0 评论 -
Web前端-移动web开发_flex布局
就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。原创 2024-01-14 12:01:06 · 1418 阅读 · 0 评论 -
Web前端-移动web开发_流式布局
1.物理像素点指的是屏幕显示的最小颗粒,是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6 是 750* 1334物理像素指的是屏幕渲染图像的最小单位,属于屏幕的物理属性,不可人为进行改变,其值大小决定了屏幕渲染图像的品质,我们以上所讨论的都指的是物理像素。// 获取屏幕的物理像素尺寸// 部分移动设备下获取会有错误,与移动开发无关,只需要了解。原创 2024-01-13 16:13:19 · 1409 阅读 · 0 评论 -
Web前端-jQuery
文章目录jQuery1.1 jQuery 介绍1.1.1 JavaScript 库1.1.2 jQuery的概念1.1.3 jQuery的优点1.2 jQuery 的基本使用1.2.1 jQuery 的下载1.2.2 jQuery快速入门1.2.3 jQuery入口函数1.2.4 jQuery中的顶级对象$1.2.5 jQuery 对象和 DOM 对象1.2.6. jQuery 对象和 DOM 对象转换1.3 jQuery 选择器1.3.1. 基础选择器1.3.2. 层级选择器1.3.3. 筛选选择器1原创 2024-01-09 07:30:00 · 1056 阅读 · 0 评论 -
Web前端-JavaScript(ES6)
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。年份版本2015年6月ES20152016年6月ES20162017年6月ES20172018年6月ES2018。原创 2024-01-08 08:30:00 · 1607 阅读 · 0 评论 -
Web前端-JavaScript(BOM)
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C。DOMBOM文档对象模型浏览器对象模型DOM把文档看作一个对象BOM把浏览器当作一个对象DOM顶层对象是documentBOM顶层对象是window。原创 2024-01-07 19:26:22 · 1058 阅读 · 0 评论 -
Web前端-JavaScript(Dom高级)
element.属性element.getAttribute(‘属性’)element.属性:获取元素内置属性element.getAttribute(‘属性’):获取自定义的属性网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。DOM 树中的所有节点均可被创建、修改、删除。原创 2023-12-25 07:30:00 · 1844 阅读 · 0 评论 -
Web前端-JavaScript(Dom基础)
文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范,所有的浏览器都遵循了这套标准。事件是可以被 JavaScript 侦测到的行为。例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。原创 2023-12-24 08:00:00 · 999 阅读 · 0 评论 -
Web前端-JavaScript(内置对象)
自定义对象 、内置对象、 浏览器对象内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象:Math、 Date 、Array、String等。原创 2023-12-23 08:00:00 · 1783 阅读 · 0 评论 -
Web前端-JavaScript(对象)
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。原创 2023-12-22 07:15:00 · 2032 阅读 · 0 评论 -
Web前端-JavaScript(js数组和函数)
函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口。注意:如果访问时数组没有和索引值对应的元素,则得到的值是undefined。注意:在JavaScript中,形参的默认值是undefined。注意:在函数内部使用该对象,用此对象获取函数调用时传的实参。数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。数组元素可以通过索引来访问、设置、修改对应的数组元素.索引 (下标) :用来访问数组元素的序号。案例:利用函数求任意两个数之间的和。利用函数返回值求2个数的最大值。原创 2023-12-21 07:30:00 · 965 阅读 · 0 评论 -
Web前端-JavaScript(js循环)
断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。3 循环体代码执行完毕后,程序会继续判断执行条件表达式,如条件仍为true,则会继续执行循环体,直到循环条件为 false 时,整个循环过程才会结束。3、摁下F11,程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。2、Watch: 监视,通过watch可以监视变量的值的变化,非常的常用。原创 2023-12-20 06:45:00 · 1078 阅读 · 0 评论 -
Web前端-JavaScript(js流程控制)
在 JavaScript 中,递增(++)和递减( – )既可以放在变量前面,也可以放在变量后面。由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果。如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值。)也叫作取反符,用来取一个布尔值相反的值,如 true 的相反值是 false。如果所有的 case 的值都和表达式的值不匹配,则执行 default 里的代码。 (一元运算符,只有一个数的操作符)原创 2023-12-19 09:38:28 · 1095 阅读 · 1 评论 -
Web前端-JavaScript(js表达式)
编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。浏览器分成两部分:渲染引擎和 JS 引擎浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行。要知道的程序处理的是数据,数据存储在内存中什么是变量变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据为什么要使用变量。原创 2023-12-18 06:30:00 · 2061 阅读 · 1 评论 -
Web前端-CSS(定位)
标准流在最底层 (海底) ------- 浮动 的盒子 在 中间层 (海面) ------- 定位的盒子 在 最上层 (天空)浮动元素、绝对定位(固定定位)元素的都不会触发外边距合并的问题。1.使用绝对定位的元素的起始点是最近的的定位父元素,刚才咱们说过,绝对定位,要和带有定位的父级搭配使用,那么父级要用什么定位呢?定位的盒子有了边偏移才有价值。也就是说,我们给盒子改为了浮动或者定位,就不会有垂直外边距合并的问题了。简单说, 我们定位的盒子,是通过边偏移来移动位置的。原创 2023-12-17 06:45:00 · 994 阅读 · 1 评论 -
Web前端-CSS(浮动)
概念元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。作用:让多个盒子(div)水平排列成一行,使得浮动成为布局的重要手段。语法:选择器 { float: 属性值;属性值描述none元素不浮动(默认值left元素向左浮动right元素向右浮动margin : 0;} .box1 {/*元素添加浮动属性之后1.当前元素会脱离标准流的控制,俗称脱标2.脱标以后将自己原来的位置漏给了下方标准流的盒子。原创 2023-12-16 06:30:00 · 1126 阅读 · 1 评论 -
Web前端-CSS(盒模型)
很多情况下,我们不需要指定4个边框,我们是可以单独给4个边框分别指定的。上边框下边框左边框右边框border-top-style:样式;border-bottom-style:样式;border-left-style:样式;border-right-style:样式;border-top-width:宽度;border- bottom-width:宽度;border-left-width:宽度;border-right-width:宽度;border-top-color:颜色;原创 2023-12-15 06:00:00 · 1014 阅读 · 0 评论 -
Web前端-CSS(样式美化)
什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个作用:我们网页的标签非常多,再不同地方会用到不同类型的标签,以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。标签分类:单标签和双标签标签的显示模式分类:块标签和行内标签元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素。原创 2023-12-14 18:15:31 · 900 阅读 · 1 评论 -
Web前端-CSS(文本样式)
属性表示注意点font-size字号我们通常用的单位是px 像素,一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位font-style字体样式记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal属性表示注意点color颜色我们通常用 十六进制 比如 而且是简写形式 #fff行高控制行与行之间的距离。原创 2023-12-14 18:11:41 · 1468 阅读 · 1 评论 -
Web前端-CSS(基础选择器)
选择器作用缺点使用情况用法标签选择器可以选出所有相同的标签,比如p不能差异化选择较多类选择器可以选出1个或者多个标签可以根据需求选择非常多id选择器一次只能选择器1个标签只能使用一次不推荐使用通配符选择器选择所有的标签选择的太多,有部分不需要不推荐使用。原创 2023-12-14 18:09:49 · 912 阅读 · 1 评论 -
Web前端-CSS(初识)
样式表优点缺点使用情况控制范围行内样式表书写方便,权重高没有实现样式和结构相分离较少控制一个标签(少)内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面(中)外部样式表完全实现结构和样式相分离需要引入最多,强烈推荐控制整个站点(多)原创 2023-12-14 17:56:27 · 910 阅读 · 1 评论