- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue路由
进入前：beforeRouterEnter（to，from，next）next（“/login”）跳转到登录。next（true）进入to页面。next（false）不跳转。from 从哪个页面进入。next（）进入to页面。离开前 ：beforeRouterLeave。更新前：beforeRouterUpdate。...
2022-08-07 16:52:15
660
原创 vue生命周期
Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模、Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。
2022-07-27 19:10:26
1252
1
原创 jquery入门
一、什么是jqueryjquery其实就是一个Javascript代码库，极大的简化了开发人员的各种操作二、安装和引用jquery有本地调用和远程调用两种方式本地调用：<script src="js/jquery-3.6.0.min.js"></script>注：可以把"jquery-3.6.0.min.js"换成其他版本网络调用（这种方式只有在有网络的情况下才能使用）：<script src="https://code.jquery.com
2022-05-16 23:52:15
415
原创 js-正则表达式
一、什么是正则正则表达式是一个描述字符模式的对象,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。二、定义正则表达式1、字面量方式语法：var reg=/表达式/附加参数表达式：var reg=/white/; var reg=/white/g;2、构造函数语法：var reg=new RegExp("表达式","附加参数")三、相关方法1、test() 方法是一个正则表达式方法，用于检测一个字符串是否匹配某个
2022-05-10 09:11:06
222
原创 Javascript——Dom操作
一、什么是DOMDOM是文档对象模型的简称。W3C定义一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。二、DOM树三、常用的获取元素对象的方法1、通过id值来获取元素对象document.getElementById("id值");2、通过标签名获取元素对象 document.getElementsByTagName("标签名");3、通过选择器获取匹配到的第一个元素document.querySelector("选择器"); //得到的
2022-04-24 23:12:31
1439
原创 Javascript基础——字符串对象
一、什么是字符串对象字符串对象，主要作用是对字符串进行处理的支持，字符串对象与字符串是完全不同的概念。创建字符串对象：与Number类似的，可以通过new String()创建一个String对象var str = new String();二、字符串方法var str = new String("你好啊,中国");console.log(str.length); //字符串长度console.log(str[0]); //下表为0的字符console.log(str[1
2022-04-11 23:51:00
1534
原创 Javascript基础——日期对象
在Javascript中日期对象用于处理日期和时间。实例化对象时间对象不像数学对象可以之间用，他需要实例化对象var mydate= new Date(); //实例化对象 console.log(mydate.toLocaleDateString); //以本地时分秒字符串显示 console.log(mydate.toLocaleString);//以本地日期字符串显示 console.log(mydate.getFullYear(...
2022-04-08 23:43:00
1078
1
原创 Javascript——预编译与数学对象
预编译预编译分为全局预编译和局部预编译，全局预编译发生在页面加载完成时执行，而局部预编译发生在函数执行的前一刻。tip：预编译阶段发生变量声明和函数声明，没有初始化行为（赋值），匿名函数不参与预编译 。只有在解释执行阶段才会进行变量初始化 。全局预编译步骤： 1.创建GO对象(Global Object)全局对象。 2.找变量内容，将变量名作为GO属性，值为undefined 3.查找函数声明，作为GO属性，值赋予函数体。 ...
2022-04-07 23:28:22
1205
2
原创 Javascript基础——函数
一、什么是函数？当我们看到"函数"这两个字的时候，一定会想，它与数学上的函数有什么区别呢？首先我们要知道，Javascript中的函数与数学上的函数不是一种东西。JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装，然后供调用方无限制的调用。说白了函数就是为了完成一定的功能的封装的语句体。在程序设计中，可以将一段经常使用的代码"封装起来"，在需要使用的时候直接调用，这种"封装"就是函数。二、函数的分类在javascript中，函数可分为两种，一种
2022-04-06 21:58:10
1642
2
原创 走进Javascript
javascript是什么？JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。JS的前世今生JavaScript最初是由网景公司的Brendan Eich设计，刚开始命名为命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScrip
2022-04-04 00:57:15
1811
1
原创 变换与关键帧
变换平移：transform：translate(x , y);translateX(数值) 水平移动translateY(数值) 垂直移动旋转：transform： rotate(数值+deg);rotateX(数值deg) 绕x轴旋转rotateY(数值deg) 绕y轴旋转rotateZ(数值deg) 绕z轴旋转缩放：transform:scale(x , y);scaleX(值) 水平缩放scaleY(值) 垂直缩放scale(值) 一个值时是等..
2022-04-04 00:25:48
330
1
原创 Javascript入门——语法基础汇总
Javascript基础语法，包括Javascript的由来，JS的嵌入方式、注释方式、输出方式，以及变量、循环、分支等基础知识。
2022-04-04 00:20:25
1834
原创 Javascript语法：for循环
天道循环，生生不息一、为什么要使用for循环在Javascript中，for循环用于多次执行代码块，它是Javascript最常用的循环。那为什么要使用for循环呢？举个例子，如果我们想输出1000次"我爱你"，不用循环的话，我们可能要写1000行代码，这很不方便。但如果使用了for循环，这个过程就被大大的简化了，只需要简单的几句就可以1000次"我爱你"。具体代码如下：<script> for(var i = 0; i<1000; i++){ .
2022-04-01 23:46:53
946
原创 Javascript条件与循环2
switch结构基本结构switch(表达式) 计算表达式的值{case 常量1：语句； 如果等于常量1，则执行此语句；break;case 常量2：语句； 如果等于常量2，则执行此语句；break;default:语句； 如果没有找到匹配值，则执行}eg. 输入数字，输出相应的日期var day = prompt();switch(day){cas...
2022-03-31 22:02:00
473
原创 JS分支与循环
分支if条件结构是根据条件判断之后再做处理语法：基本的if语句if(条件){//语句}if-else语句if-else语句是根据条件输出不同的语句语法: 基本的if-else语句if(条件){//语句1}else{//语句2}eg.小明考试及格，妈妈奖励他一本练习册，考试不及格，妈妈奖励他大嘴巴子。使用if语句实现。var score = prompt("请输入小明的考试成绩');if(score >= 60){alert("小明，这
2022-03-30 22:39:29
96
原创 Javascript的算术运算符
一、基本运算符一、加法运算 +在JS里可以用 "+" 来表示加法运算符如：document.write(1+2);var a = 5; var b = 5; var c = a+b;注意一下，"+"不仅可以表示加法运算符，还可以用来表示字符串的拼接。如： var a = "Hello";var b = a + "world";二、减法运算符 -在JS里可以用 "-" 来表示减法运算符如：document.write(3-2);var a = 5; var b =
2022-03-29 22:32:45
3589
原创 弹性盒子相关
项目的属性order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。.item { order: <integer>;}flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。.item { flex-grow: <number>; /* default 0 */}如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前
2022-03-24 22:51:53
51
原创 弹性盒子的概念和属性
传统布局基于盒装模型，在有些布局中非常不方便，基于此，w3c提出了新的布局方式——Flex布局。任何容器都可以指定为Flex布局，其格式如下：.box{display:flex;}一、概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。它有两个轴：水平的主轴和垂直的交叉轴设为 Flex 布局以后，子元素的float、clear和vert
2022-03-23 19:32:38
337
原创 网页设计-移动端
1、分栏column-count: 4; 栏数 列数column-width: 200px; 每栏的宽度，单位像素pxcolumn-rule: 5px solid red; 指定列之间的规则：宽度、样式、颜色column-gap: 5px; 栏间距 设置栏间距2、媒体查询<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></titl.
2022-03-21 22:26:17
149
原创 Html的另外一些标签以及CSS3中的一些选择器
一、display:none和visibility:hidden的区别两者都是隐藏元素，前者不会占据空间，后者隐藏了依然占据空间1：display：none隐藏元素后不保留原本元素的位置，而visibility：hidden隐藏元素后仍保留原本元素的位置。2：display：none不具有继承性，visibility：hidden给父元素隐藏后，其子元素也会继承该属性。3：display：none隐藏元素后影响整体布局，影响计数，visibility：hidden不影响计数二、常用的一些
2022-03-15 22:00:08
407
原创 Html5的一些常用标签
在说html5的标签之前，有必要说一下什么是html5！HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的新一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。通俗的说，html就是第五代的html。语义化标签<header></header>:定义文档的头部区域 <nav></nav>：定义导航链接的部分 &
2022-03-14 21:44:57
1624
原创 CSS中你可能用到的几种定位方式
定位(position)什么是定位？百度百科上的说法对定位的解释是：在CSS中关于定位的内容是：position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS我们依然使得这些元素可以改变自己的位置，我们可以通过float来让元素浮动，我们也可以通过margin来让元素产生位置移动。通俗的说，定位就是确定位置。CSS..
2022-03-12 09:30:25
697
原创 CSS如何添加背景图片 background的属性 CSS精灵
本文阐述了关于在CSS中如何给背景添加图片， 添加图片background的一些属性，以及css精灵等相关问题。
2022-03-07 21:36:21
924
原创 CSS——盒子模型
标准盒模型标准盒模型是根据W3C规范所制定的，我们使用的大部分浏览器都是采用的标准盒模型。内容区域width 宽度height 高度内容溢出内容区域overflow-x 水平方向上的滚动条overflow-y 垂直方向上overflow = "visible" ; 默认 移除部分可见overflow = "hidden" ; 溢出部分隐藏overflow = "scroll" ; 显示滚动条overflow = "auto" ;...
2022-03-04 21:42:34
228
1
原创 css———文字与文本相关样式、伪类以及盒子模型
text-family 设置字体系列text-family："微软雅黑"font-size 设置字体大小尺寸font-size ：16px;font-style 设置字体的风格font-style: italic 倾斜的 oblique 倾斜的font-weight 设置字体的粗细bold 加粗字体bolder 更粗...
2022-03-03 21:48:57
192
原创 CSS选择器、样式、link与@import两种引入方式的区别以及href与src的区别
本文主要介绍了CSS的几种引入方式和选择器，以及设置字体的几种样式。另外，本文还介绍了href与src的区别以及link和@import的区别。
2022-03-02 21:47:11
467
原创 HTML标签 CSS基础
块元素<p></p><h1></h1><ul></ul><ol></ol><hr><div></div><form></form>行内元素<span></span><a href=""></a><b></b><strong></st
2022-03-01 21:46:45
173
原创 2.28 表单
按钮在表单中有四种按钮，分别是提交按钮、重置/复位按钮、图片按钮和普通按钮。它们有着不同的作用。提交按钮的type的属性值为submit,它用来将输入的信息提交到服务器。代码格式<form action="" align="center"> <fieldset style="width:185px; background-color: beige;"> <p>
2022-02-28 21:55:06
471
原创 表格的属性、表格的合并及表单
表单什么是表单？采集用户输入的数据，把数据提交给服务器表单有什么组成？表单是由表单标签、表单域以及表单按钮组成。表单标签包含处理表单数据所用程序的URL以及数据提交到服务器的方法。 表单域包含了文本框、密码框、隐藏域、多行文本框、复选框等。 表单按钮包括提交按钮、复位按钮和一般按钮；表单标签 ＜form＞＜/form＞<form action="" method="get"></form>action表示行为、动作，以及数据提交的路径mothod
2022-02-26 16:39:43
1960
原创 HTML还可以这样入门，学到了
一、超链接使用超链接，各个不同的网页可以相互跳转插入超链接的标签 <a href="链接地址">文本或图片</a>
2022-02-24 20:52:36
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人