- 博客(33)
- 收藏
- 关注
RSS订阅原创 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
4270
原创 Web前端-移动web开发_rem布局
媒体查询（Media Query）是CSS3新语法。使用 @media查询，可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询媒体查询主要用于页面的响应式设计Less（LeanerStyle Sheets 的缩写）是一门 CSS扩展语言，也称为CSS预处理器。
2024-02-08 08:57:49
1763
原创 Web前端-移动web开发_流式布局
1.物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6 是 750* 1334物理像素指的是屏幕渲染图像的最小单位，属于屏幕的物理属性，不可人为进行改变，其值大小决定了屏幕渲染图像的品质，我们以上所讨论的都指的是物理像素。// 获取屏幕的物理像素尺寸// 部分移动设备下获取会有错误，与移动开发无关，只需要了解。
2024-01-13 16:13:19
1393
原创 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
1052
原创 Web前端-JavaScript（ES6）
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。年份版本2015年6月ES20152016年6月ES20162017年6月ES20172018年6月ES2018。
2024-01-08 08:30:00
1600
原创 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
1050
原创 Web前端-JavaScript（Dom高级）
element.属性element.getAttribute(‘属性’)element.属性：获取元素内置属性element.getAttribute(‘属性’)：获取自定义的属性网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。DOM 树中的所有节点均可被创建、修改、删除。
2023-12-25 07:30:00
1839
原创 Web前端-JavaScript（Dom基础）
文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。事件是可以被 JavaScript 侦测到的行为。例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。
2023-12-24 08:00:00
996
原创 Web前端-JavaScript（内置对象）
自定义对象 、内置对象、 浏览器对象内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发JavaScript 提供了多个内置对象：Math、 Date 、Array、String等。
2023-12-23 08:00:00
1769
原创 Web前端-JavaScript（对象）
通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。
2023-12-22 07:15:00
2024
原创 Web前端-JavaScript（js数组和函数）
函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口。注意：如果访问时数组没有和索引值对应的元素，则得到的值是undefined。注意：在JavaScript中，形参的默认值是undefined。注意：在函数内部使用该对象，用此对象获取函数调用时传的实参。数组中可以存放任意类型的数据，例如字符串，数字，布尔值等。数组元素可以通过索引来访问、设置、修改对应的数组元素.索引 (下标) ：用来访问数组元素的序号。案例：利用函数求任意两个数之间的和。利用函数返回值求2个数的最大值。
2023-12-21 07:30:00
959
原创 Web前端-JavaScript（js循环）
断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。3 循环体代码执行完毕后，程序会继续判断执行条件表达式，如条件仍为true，则会继续执行循环体，直到循环条件为 false 时，整个循环过程才会结束。3、摁下F11，程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。2、Watch: 监视，通过watch可以监视变量的值的变化，非常的常用。
2023-12-20 06:45:00
1067
原创 Web前端-JavaScript（js流程控制）
在 JavaScript 中，递增（++）和递减（ – ）既可以放在变量前面，也可以放在变量后面。由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果。如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值。）也叫作取反符，用来取一个布尔值相反的值，如 true 的相反值是 false。如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码。 （一元运算符，只有一个数的操作符）
2023-12-19 09:38:28
1087
1
原创 Web前端-JavaScript（js表达式）
编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。浏览器分成两部分：渲染引擎和 JS 引擎浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行。要知道的程序处理的是数据，数据存储在内存中什么是变量变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量。
2023-12-18 06:30:00
1996
1
原创 Web前端-CSS（定位）
标准流在最底层 (海底) ------- 浮动 的盒子 在 中间层 (海面) ------- 定位的盒子 在 最上层 （天空）浮动元素、绝对定位(固定定位）元素的都不会触发外边距合并的问题。1.使用绝对定位的元素的起始点是最近的的定位父元素，刚才咱们说过，绝对定位，要和带有定位的父级搭配使用，那么父级要用什么定位呢？定位的盒子有了边偏移才有价值。也就是说，我们给盒子改为了浮动或者定位，就不会有垂直外边距合并的问题了。简单说， 我们定位的盒子，是通过边偏移来移动位置的。
2023-12-17 06:45:00
983
1
原创 Web前端-CSS（浮动）
概念元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。作用：让多个盒子(div)水平排列成一行，使得浮动成为布局的重要手段。语法：选择器 { float: 属性值;属性值描述none元素不浮动（默认值left元素向左浮动right元素向右浮动margin : 0;} .box1 {/*元素添加浮动属性之后1.当前元素会脱离标准流的控制，俗称脱标2.脱标以后将自己原来的位置漏给了下方标准流的盒子。
2023-12-16 06:30:00
1049
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
998
原创 Web前端-CSS（样式美化）
什么是标签的显示模式？标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个作用：我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。标签分类：单标签和双标签标签的显示模式分类：块标签和行内标签元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素。
2023-12-14 18:15:31
875
1
原创 Web前端-CSS（文本样式）
属性表示注意点font-size字号我们通常用的单位是px 像素，一定要跟上单位字体实际工作中按照团队约定来写字体字体粗细记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位font-style字体样式记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal属性表示注意点color颜色我们通常用 十六进制 比如 而且是简写形式 #fff行高控制行与行之间的距离。
2023-12-14 18:11:41
1414
1
原创 Web前端-CSS（基础选择器）
选择器作用缺点使用情况用法标签选择器可以选出所有相同的标签，比如p不能差异化选择较多类选择器可以选出1个或者多个标签可以根据需求选择非常多id选择器一次只能选择器1个标签只能使用一次不推荐使用通配符选择器选择所有的标签选择的太多，有部分不需要不推荐使用。
2023-12-14 18:09:49
910
1
原创 Web前端-CSS（初识）
样式表优点缺点使用情况控制范围行内样式表书写方便，权重高没有实现样式和结构相分离较少控制一个标签（少）内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面（中）外部样式表完全实现结构和样式相分离需要引入最多，强烈推荐控制整个站点（多）
2023-12-14 17:56:27
902
1
原创 Markdown编辑器的基础使用
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-12-14 17:23:13
893
1
原创 Web前端-HTML（简介）
HTML 指的是超文本标记语言 (Hyper Text Markup Language)，是用来描述网页的一种标记语言 (markup language)
2023-12-14 17:00:36
1097
1
原创 Web前端-HTML（初识）
可能你最熟悉的是 IE浏览器，但是我们开发用的最多的是谷歌浏览器，IE一般只会在一些政府机关的项目中能看到，慢但是稳。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。2008年，大名鼎鼎的互联网巨头Google公司发布了它的首款浏览器Chrome浏览器。理想状态我们的源码： .html .css .js。的编写，咱们主要学的是 Javascript。进行整理和分类，咱们主要学的是HTML。行为:是指网页模型的定义及。
2023-12-14 16:56:32
492
1
原创 输入、输出及IDLE环境介绍
Python's Integrated Development and Learning Environment,Python集成开发和学习环境。
2023-11-08 13:58:23
76
1
原创 学生管理系统
# 打印功能菜单def print_menu(): print('=' * 30) print('学生管理系统') print('1.添加学生信息') print('2.删除学生信息') print('3.修改学生信息') print('4.显示所有学生信息') print('0.退出系统') print('=' * 30)
2023-11-06 17:51:22
117
原创 【python语言程序设计】
输入三个数，判断他们能否组成三角形。若能，则输出三角形是等腰三角形、等边三角形、直角三角形，还是普通三角形；若不能，则输出“不能组成三角形”提示信息。
2023-11-06 17:11:08
1301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人