- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue之设置背景图片自适应屏幕
需求说明图片覆盖整个浏览器窗口图片处于整个页面最底层根据浏览器窗口的变化改变图片大小不能使图片变形图片始终在浏览器窗口的中心位置适应web端和移动端实现方法参考许多文章后，发现最实用的布局是edge浏览器的新标签页的背景图片布局。通过整合多方方案，得出最佳方案。不论是使用图片标签引入图片还是块级标签添加背景图片，都可以通过此方法实现自适应。//模板标签<template>//外层盒子需要动态绑定宽高属性 <div class="register" :sty
2022-05-23 00:31:32
14667
1
原创 Vue3中使用Vue-Cli引入element ui
问题描述element-plus提供了vite的按需引入，但并没有说明如何使用cli配置element。如果按照上述方式引入会出现如下问题：Invalid options in vue.config.js: “plugins” is not allowed解决方法必须安装两个官网的插件：npm install -D unplugin-vue-components unplugin-auto-import在vue.config.js中配置如下：// 引入elementuiconst A
2022-05-22 21:56:25
1009
原创 JavaScript进阶之PC端
元素偏移量offset系列offset概述offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等.获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素,如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元素上
2022-05-07 14:38:06
824
原创 JavaScript进阶之BOM技术
BOMBOM概述BOM = Browser Object Model 👉浏览器对象模型它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 windowBOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA, DOM 的标准化组织是 W3C, BOM最初是Netscape 浏览器标准的一部分DOMBOM文档对象模型浏览器对象模型DOM就是把文档当作一个对象看待把 浏览器当作一个对
2022-05-02 20:08:19
306
原创 JavaScript进阶之DOM技术（二）——事件
事件基础事件概述JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。简单理解： 触发–响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个事件，然后去执行某些操作。事件三要素1.事件源2.事件类型3.事件处理程序<script> // 点击一个按钮，弹出对话框 // 1. 事件是有三部分组成 事件源 事件类型 事件处理程序 我们也称为事件
2022-04-30 01:09:12
278
原创 JavaScript进阶之DOM技术（一）——DOM操作
API和Web APIAPIAPI（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。Web APIweb api是浏览器提供的一套操作浏览器功能和页面元素的api(dom和bom)MDN:Web API 接口参考 | MDN (mozilla.org)DOMDOM简介什么是DOM文档对象模型（Document Objec
2022-04-30 00:35:46
615
原创 JavaScript对象与内置对象——简单类型与复杂类型（三）
简单类型与复杂类型简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型string,number,boolean,undefined,nullnull:返回空对象.如果有个变量我们打算存储为对象,暂时没想好放什么,这个时候给null引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型通过new关键字创建的对象(系统对象,自定义对象),如Object,Array,Dat
2022-04-27 12:02:24
178
原创 JavaScript对象与内置对象——内置对象（二）
内置对象JavaScript中的对象分为3种:自定义对象.内置对象,浏览器对象前两种对象是js基础内容,属于ECMAScript;的三个浏览器对象属于我们JS独有的.JavaScript提供多个内置对象:Math,Date,Array,String等Math对象Math数学对象,不是一个构造函数,所以我们不需要new来调用,而是直接使用里面的属性和方法返回给定的一组数字中的最大值。如果给定的参数中至少有一个参数无法被转换成数字，则会返回 NaN。Math常用方法方法描述示例
2022-04-26 17:10:39
1173
原创 JavaScript对象与内置对象——对象（一）
对象对象对象是一个具体的事物在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等对象由属性和方法组成的属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组.为什么使用对象?对象的结构相比于数组更加清晰和简单对象的特点对象属于复杂数据类型，即引用数据类型在存储变量时，存储时，变量中存储的仅仅是地址，放在堆中；
2022-04-25 14:36:12
1518
原创 JavaScript函数与作用域
函数函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数的概念函数的使用函数在使用时分为两步：声明函数和调用函数。声明函数// 声明函数function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如getSum调用函数 // 1-100的累加和 // 1.声明函数
2022-04-24 16:01:20
1214
原创 JavaScript基础
序言JavaScript发展历史1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器–只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言liveScript => javaScript => ECMAscript1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司大肆宣传，许诺这
2022-04-23 15:30:46
627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人