- 博客(28)
- 收藏
- 关注
RSS订阅原创 路由：vue-router
路由Router公司项目基本上是使用SPA模式（单页面开发模式）进行开发单页应用–是指只有一个HTML页面，页面只加载一次，然后页面可以快速响应请求，通过虚拟DOM的路由机制来进行页面切换需求Vue Router 1.路由就是组key-value的对应关系，一个路由就是一个key-value映射关系。 2.多个路由，需要经过滤器的管理。一、引入路由插件router是Vue的核心插件之一。因此需要依赖安装 – cnpm i -S vue-routerVue路由有两种工作模式：
2021-12-01 15:00:30
495
原创 浏览器的本地存储：localStorage，sessionStorage
区别localStorage只要不清除浏览器本地缓存，那么数据会一直存在。sessionStorage：关闭浏览器后数据自动清除APIgetItem:得到数据setItem:存储数据removeItem:删除某条数据clear:清空缓存
2021-12-01 14:37:53
308
原创 混入mixed
简介混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。个人理解：混合就是复用配置钩子函数合并同名钩子函数将混合为一个数组，因此都将被调用。另外，混入对象的钩子函数将在组件自身钩子函数之前调用src目录下创建一个mixin.js文件，将组件中的重复的方法钩子函数，数据，对象之类的写入进去data中的数据如果预混合中的重复了，那么以data中的为主 但.
2021-12-01 09:00:59
420
原创 vue插件
插件Vue中的插件其实就是一个对象首先在src文件目录下新建一个js文件必须要将其暴露出去引入插件：引入插件：import xxx from ‘./xxx.js’ 应用插件：vvue.use(xxx)
2021-12-01 08:59:13
282
原创 VUE插槽
插槽：slot在vue2.6之后更新了slot插槽这个标签默认插槽:<slot></slot>插槽：slot在vue2.6之后更新了slot插槽这个标签默认插槽:<slot></slot>具名插槽:<slot name="名字"></slot> 配合slot属性使用在vue2.6之后出现了一个新的属性v-slot，但是这个属性只能用在template标签中作用域插槽：...
2021-12-01 08:57:13
204
原创 Axios+Ajax
axios:专注与数据请求的库介绍Axios，可以理解为ajax i/o system，这不是一种新技术，本质上还是对原生XMLHttpRequest的封装，可用于浏览器和nodejs的HTTP客户端，只不过它是基于Promise的，符合最新的ES规范。具备以下特点： 在浏览器中创建XMLHttpRequest请求 在node.js中发送http请求 支持Promise API 拦截请求和响应 转换请求和响应数据 取消要求 自动转换J
2021-12-01 08:53:23
480
原创 关于CSS预处理工具SASS
CSS预处理器是一种语言用来为CSS增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的CSS更加简洁，适应性更强，代码更直观等诸多好处。预处理框架版本：sass:(有两个版本sass和scss，scss是sass3引入的新语法)less:stylus:sass的安装使用npm i sass -g进行安装//有了全局的sass 环境以后//我们就可以对sass...
2021-11-26 15:17:51
125
原创 JavaScript之JSON的基础知识
JSON(JavaScript Object Notation)是一-种轻量级的数据交换格式。它基于JavaScript语言 的一一个子集。作用： 客户端与服务端数据传输 本地对象存储语法规则：{"名称1":"值1","名称2","值2"}JSON值可以是:。数字(整数或浮点数) |。字符串(在双引号中)注意：必须是双引号。逻辑值（布尔）(true或false)。数组(在中括号中)。对象(在大括号中)。nulljson对象的访问...
2021-08-10 10:15:16
74
原创 正则表达式，说明以及简略运用
正则表达式按照就是简化字符串操作；简化匹配、查找、替换等字符串操作，正则表达式定义方式 构造函数方式创建正则表达式 字面量方式： 正则表达式的定义共有2种方式: 1.显式定义(构造函数) var变量名= iew RegExp("正则表达式模式"); 2.隐式定义(字面量) va...
2021-08-09 20:16:26
84
原创 JavaScriptwindow对象之定时器
JavaScript在浏览器中是单线程执行的。定时器就是允许JavaScript在间隔一定时间后执行相应代码。一次性的定时器：setTimeout( () = > {alert（'你好！'）},延迟的毫秒数)接受两个参数，一个参数就是要延时执行的代码，第二个参数就是要延迟的毫秒数。代表的是延迟多长事件执行什么代码。JavaScript是单线程执行，所以为了方便调度，当我们给某一段代码添加了定时器，代表的是在多少时间后将这段代码添加到执行队列中，若前一个任务没有执行完那么则会等待
2021-08-05 10:11:51
285
原创 JavaScript中节点获取，节点的属性，如何操作节点
任何 HTML 或 XML 文档都可以用 DOM 表示为一个由节点构成的层级结构。 一般来说在HTML中文档的节点分为三种：1、元素节点 通过querySelector获取的节点就是元素节点2、属性节点 通过getAttribute获取到的节点就是属性节点3、文本节点 我们通过innerText获取到的就是文本节点 节点属性：nodeType节点类型nodeN...
2021-08-04 21:29:33
3107
原创 JavaScript的时间对象的相关方法
时间对象的相关方法日期时间Date作用=>处理日期时间创建日期时间对象=>构造函数=> var date0bj = new Date( )=> new Date()没有参数->当前时间=> new Date( ‘2020-12-1 14:20:10’ )=> new Date( ‘2020-12-1’)=> new Date(2020,12,1) 日期时间格式化 Thu Jul 29
2021-07-31 16:24:24
121
原创 关于冒泡排序和选择排序
冒泡排序：主要思想：两两进行比较+值交换，像冒泡一样以下为我的思路： 关于冒泡排序：（以升序为例子）从第一个开始，相邻的两个数进行比较若第一个大一第二个，则进行交换以此类推、、、、、 从上面我们不难看出，冒泡排序其实就是一个双层for循环冒泡排序的外层循环控制的是需要进行冒泡的次数，关于如何确定冒泡的次数，当我们数组一共有n项时，那我们就有n-1项需要去进行冒泡。最后一项不需要进行冒泡...
2021-07-27 19:29:04
275
1
原创 关于S=a+aa+aaa+aaaa+...+aa..aa的问题
这是一个很经典的问题，我们主要解决的问题有如何实现每一项。关于这个问题，个人理解如下：将a利用类型转换为一个字符串，利用字符串的拼接，然后再将字符串通过类型转换变为一个number类型相关代码如下：方法一： function sum(n, m) { // n为一个0~10之间的整数 let b = ''; let c = 0; for (let j = 1; j <= m; j++)
2021-07-26 10:38:53
229
原创 在前端静态页面开发中常遇见的一些问题及解决办法
1、如何使用HTML和CSS解决单行文本溢出显示省略号： ①为文字所在的盒子设置宽度 width：**px; ②让多行文字不换行显示 white-space:nowrap; ③设置溢出隐藏 overflow:hidden; ④文本多余部分显示省略号text-overflow:ellipsis;2、如何触发文档中的BFC（关于BFC是什么请看以前的投稿） ①浮动能够触发B...
2021-07-19 22:35:16
798
原创 使用CSS3实现一个正方体相册
CSS3中提出了过渡，3D模型和动画的概念今天我们使用CSS3来制作一个六棱柱的相册下面是效果预览：https://www.bilibili.com/video/BV1Rb4y1k73C?share_source=copy_web关于代码：首先，我们先写出六个面，然后普分别给这六个面放相册需要的图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-07-19 20:33:03
217
原创 一个六边形的循环相册
今天使用HTML和CSS制作了一个六边形循环的相框具体效果可查看视频：https://www.bilibili.com/video/BV1DB4y1N7Lk/具体代码如下：HTML代码：使用时注意css的引入路径。其中的相关图片我放在文章的最后。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U
2021-07-13 19:55:29
81
原创 关于CSS中的定位问题
关于定位：将一个元素放在指定的位置。position:定位方式;坐标:left:*px | right:*px;top:*px | bottom:*px;1、静态定位：position：static; （元素的默认定位，也叫静态定位）2、固定定位：position：fixed；（元素的固定定位，是以浏览器窗口为参照 （常见小广告，回到顶部等；））设置了固定定位后该元素会脱离文档流将某一个广告定位到屏幕正中央，只需要设置left：50%；和top：50%；.
2021-07-12 20:43:38
299
原创 关于常用到的css3选择器和属性
关于各个浏览器内核以及CSS3兼容浏览器： 内核 前缀谷歌 旧webkit 新blink -webkit-火狐 gecko -moz-IE ...
2021-07-12 20:38:13
54
原创 关于表单（form）
表单相关：form表单：设置提交数据的地址和方式按钮：按钮的三个属性：submit提交按钮、reset重置按钮、button普通按钮<button type='submit | reset | button'>按钮上显示的文字</button><input type=' submit | reset / button ' value='按钮上显示的文字'>input的其他type属性值语法:<input type='tex
2021-07-05 17:10:31
336
原创 关于BFC的理解
BFC的名字：BFC名字叫做块级格式化上下文。 是W3C CSS 2.1 规范中引入的一个概念。 在普通流中我们设置的盒子会参与一种格式化上下文，而块级盒参与块级格式化上下文，这也就是我们所说的BFC。对于BFC的李姐（#doge）： BFC决定了元素与其他元素的关系和相互作用。简单理解BFC就是一块独立出来的特殊区域，在这个独立的区域中它规定这个区域里的内容与区域外部的所有内容毫不相干，互不影响。...
2021-07-05 17:04:56
148
原创 关于清除浮动的方法
清除浮动的方式：（清除浮动是清除浮动所带来的影响） ①、给浮动元素的父元素设置overflow:hidden; ②、给浮动元素的最后面设置一个空个兄弟盒子，给该盒子设置一个clear类，并给他设置一个样式：clear：both； 默认规定格式 ③、给浮动元素的父元素添加一个类clearfix，然后设置如下样式： ...
2021-07-01 19:40:55
55
原创 css中关于单行文本溢出部分用省略号显示
关于单行文本溢出使用省略号显示主要分为四个步骤：1、设置宽度：width：**px；2、强制该文本不换行：white-space:nowrap;3、溢出隐藏：overflow:hidden;4、文本溢出显示为省略号：text-overflow:ellipsis;...
2021-06-30 20:02:17
1874
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人