自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 ES6中数组api的扩展

数组在静态方法与实例方法中都有所拓展Array.from() Array.of()Array.prototype.find()Array.prototype.findIndex() Array.prototype.includes()Array.prototype.fill() Array.prototype.keys()Array.prototype.values() Array.prototype.entries()Array.from() 将类数组对象(必须有length属性)

2020-10-14 20:31:11 137

原创 var,let,const的区别

varvar 声明的变量会挂载在window上,是全局变量,没有块级作用域var 变量声明可以提升var 变量可以重复声明letlet 声明的变量是局部变量,即let声明的变量只能在对应代码块中使用,拥有块级作用域,let 变量声明不可以提升,即在变量声明之前无法使用该变量let 变量不可以重复声明constconst 声明一个常量,拥有块级作用域,只能在当前代码块中使用const 常量声明不可以提升const 常量不可以重复声明const 常量声明和初始化必须同时进行

2020-10-14 08:56:24 78

原创 JS中cookies,sessionStorage和localStorage的区别

cookies,sessionStorage和localStorage的区别?相同点:都会在浏览器端保存,有大小和同源限制。不同点:    1、cookie会随请求发送到服务器,作为会话表示,服务器可修改cookie。web storage不会随请求发送到服务器。    2、cookie有path的概念,子路径可以访问父路径的cookie,父路径不可以访问子路径的cookie。    3、有效期:cookie在设置的有效期内有效,默认为浏览器关闭消失。sessionStorage在会话窗口关闭后失

2020-10-13 18:36:28 406

原创 less的使用方法

什么是Less:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。Less的特点:1, 是css的一种预编译语言,扩展了css的语法2,less使得css具有动态语言特性,可以使用变量,函数,逻辑3,less语法中使用注释,不会将注释编译到css文件中(建议可以多使用注释)Css三大预编译语言:Sass:是市面上最成熟的预编译语言,适用范围比less更小,语法相对les

2020-10-13 16:52:49 450

原创 Js中数组的api使用方法

js中数组特点:1,每一项都可以保存任何类型的数据2,数组的大小是可以动态调整的3,数组的length属性:可读可写,可以通过设置length的值从数组的末尾移除项或向数 组中添加新项声明数组方式:1,使用Array构造函数var arr = new Array();var arr = new Array(20); // 预先指定数组的大小var arr = new Array(“tom”,“lisi”,“sam”); //传入参数2,使用数组字面量var arr = [“tom”,“l

2020-10-11 11:03:45 254

原创 外部引入css的两种方法对比

首先介绍一下,如何在html中应用css,可分为三种方法:1,行内样式表,将CSS规则写到style属性中例如: <div style="background-color: brown;color: aliceblue;">hello</div><br>2,内部样式表,将CSS规则写到style标签内例如:<style> div { background-color: blueviolet; b

2020-10-10 10:16:51 841

原创 Vue中的模板语法

Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的 HTML,所以能被遵循规范的浏览器和HTML解析器解析。一,插值的几种方式1,文本插值,使用双大括号{{}}js代码:var vm = new Vue({el:"#app",data:{text:“文本”}})html代码:{{text}} // 文本2,原始html双大括号会将数据解析成普通文本,而不是html代码。为了输出真正的html,需要使用 v-html

2020-10-08 16:48:15 334

原创 用vue实现的简单备忘录

学习了vue,vue-router后,上手快,逻辑思维相比更加简单,于是写了一个实现备忘录的代码其代码可实现的功能有:1,输入一条信息,可以依次显示出id(序号)并且是自增,显示输入的内容,以及输入时间2,可删除信息记录效果图如下:当删除第二条信息时,就剩第一条和第二条代码如下:...

2020-10-08 15:19:28 1393

原创 Vue中嵌套路由的使用方法

实际生活中的应用界面,通常由多层嵌套的组件组合而成。比如二级菜单,三级菜单。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件。最外层 是最顶层的出口,渲染最高级路由匹配到的组件。同样地,一个被渲染组件同样可以包含自己的嵌套 。要在嵌套的出口中渲染组件,需要在 VueRouter 的参数中使用 children 配置:const router = new VueRouter({routes: [{ path: ‘/article/:id’, component: Article},{ p

2020-10-07 19:39:27 529

原创 Vue中编程式导航的应用

编程式导航除了使用 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写js代码来实现。在 Vue 实例内部,你可以通过 $router 访问路由实例。$router是VueRouter中的全局对象Router实例方法router.push(参数) 向 history 栈添加一个新的记录$router.push(’/student’)$router.push(’{path:’’}’)$router.push(’{path:’’,query:{}}’)$rou

2020-10-07 11:22:13 326

原创 JavaScript中令人头疼的this指向问题

this指向问题仅需牢牢记住一点,this始终指向调用它的对象1,对象中的方法中的this,指向调用它的对象var o = {a: 10,b: {a: 12, //12,fn: function(){console.log(this.a); //12 输出结果是b对象中a的值console.log(this); // 输出结果是 b 对象}}}//调用b对象中fn方法o.b.fn();如果b对象中没有a,则this.a的输出结果是 undefined。var o = {a:

2020-10-06 10:56:12 144

原创 Vue简单概述

Vue特点1,目前前端的三大主流框架之一(Angular,React,Vue)2,体积更小(轻量级)3,数据驱动框架 (轻量减少dom操作,只需要关心底层逻辑)4,生态圈广泛,适合初学者学习(官方文档全面)Vue基于mvvm框架m model 服务器上的业务逻辑操作v view 视图(页面)vm ViewModel 模型跟视图间的核心枢纽,比如vue.jsmodel跟ViewModel之间双向关系model通过ajax通信,发送数据给ViewModel;ViewMod

2020-10-06 10:06:54 266

原创 间歇调用和超时调用

JavaScript与java语言不同,属于单线程语言,但是它允许通过设置超时值和间歇时间值来调度代码在特定的时刻执行。间歇调用:在javascript中间歇调用很常见。间歇调用,顾名思义,间隔一定时间重复调用。使用etInterval()方法,该方法可以接收两个参数,第一个参数是要执行的代码,可以是字符串,也可以是函数,第二个参数是以毫秒表示的时间(1000毫秒=1秒哦)。当第一个参数为字符串时,可能会导致性能损失。所以一般情况下,用的最多的是传递一个函数。setInterval()会返回一个数值

2020-09-17 23:38:51 267

原创 如何使用图标库iconfont

1可以百度输入iconfont搜索,或者点击此链接 点击官网进入到页面:在这里比如找一个类似用户的图标,输入用户回车查找,页面中就有很多相关用户的图标出现,如下:我们可以随机挑选两张图标,用鼠标划过图标,会出现如下接着类似于我们淘宝买东西,可以点击第一个购物车图标,这样子我们选中的图标就存放在购物车中了,可以加购多个图片,右下角会有个加购显示点击下方购物车我们可以将其添加到项目中,方便日后我们做项目管理这里我添加到了我命名为first的项目中点击Font Class和查看在线链接

2020-09-15 20:00:25 618

原创 html知识小概括

2020-09-15 18:44:13 70

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除