自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 JavaScript 排序算法(ES6)

建议:学习排序之前最好先看图解,这样可以更好的理解代码本文中常使用 swap 函数,在这里提前列出来,以下就省略了。function swap(arr, indexA, indexB) { //ES6 解构赋值 [arr[indexA], arr[indexB]] = [arr[indexB], arr[indexA]];}冒泡排序 Bubble Sort (查看图解)简...

2020-03-01 16:47:28 1165

原创 Vue中相同路由页面不刷新解决方法

在Vue官方文档中提到,当使用路由参数时,例如从 /user?id=1 导航到 /user?id=2,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。但是有时候确实需要通过刷新界面渲染不同的数据,官方也给出了两种方法决绝组件复用的问题。watch (监测变化) $route 对象:<script...

2020-02-26 16:22:50 1359

原创 Proxy 对象

Proxy对象可以在对目标对象进行某个操作时,对该操作进行拦截,并定制自定义拦截行为ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。使用方法let proxy = new Proxy(target, handler);参数说明target表示所要拦截的目标对象handler是一个对象,用来定制拦截行为 (具体的行为列在文章最后面)...

2020-02-03 00:53:45 1774

原创 关于 Promise对象值得注意的点

通过学习阮一峰的《ECMAScript 6 入门》,自己总结的一些关于 Promise容易忘记的知识点new Promise((resolve, reject) => { reject() resolve() console.log('hello')}).then(() => { console.log('resolve');}, () =>...

2020-01-29 21:34:24 196

原创 关于Webpack的配置

安装webpack,通过npm//局部安装npm install --save-dev webpack//全局安装npm install --save-dev webpack -g--save-dev: 保存到package.json的devDependencies模块列表中,该模块中所列举的插件属于开发环境的依赖,通过npm install可以把package.json文件中...

2019-11-22 10:35:06 140

原创 jQuery笔记

jQuery:–javascript库入口函数:等待DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完毕–$ (document).ready(function(){});–$ (function(){}); //推荐使用$是jQuery的别称,可以相互替换:–jQuery(document).ready(function(){});–jQuery(function()...

2019-11-01 09:25:04 123

原创 移动端常见的布局

移动端常见的布局:1.单独制作移动端页面–流式布局(百分比布局)–flex弹性布局–less+rem+媒体查询布局–混合布局2.响应式页面–媒体查询–bootstrap//=============================================================================移动端web开发之流失布局–移动端浏览器主要对web...

2019-10-29 17:03:03 335

原创 HTML5、CSS3新增特性

HTML5新特性:IE9+以上版本的浏览器支持//==============================================================新增的语义化标签:<header></header> :头部标签<nav></nav> :导航标签<article></article> :内...

2019-10-26 20:18:11 196

原创 BOM笔记

1、定义全局变量与window对象上定义属性还是有点差别的:1.1全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以。IE8及更早的版本,遇到delete删除window属性语句时报错,IE9以后的版本不会delete删除一个属性或方法是,成功返回true,失败返回false。1.2如果访问未声明的变量会抛出错误,但是访问未声明的属性时undefine,因为在...

2019-10-20 17:03:00 225

原创 JS原型对象

1.1 理解原型对象创建每个函数时,每个函数都会自动添加一个属性:prototype,一般我们称此属性为原型,因为它指向的是一个对象,所以称为原型对象。我们拿个例子来说明一下://创建一个构造函数function Person(num){ this.num = num; //属性};console.dir(Person); //得到函数的结构其中prototype就是原型对象...

2019-10-15 20:10:37 195

原创 JS对象属性的理解理解(一)

1.1理解对象:生活中我们是怎样理解对象的:行动或思考时作为目标的人或事物。也就是说特指某个人或物,那么人就有特征和行为。在JS中,ECMA-262(欧洲计算机协会)把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”,把集合当做一个人或者事物来看的话,那么集合里的属性就相当于人或事物的特征,函数则相当于行为。1.2创建对象的方式:1.2.1.字面量方式var pers...

2019-10-14 13:56:30 244

原创 关于通过JS移动脱标盒子left或top值时遇到设置的值与展示效果不一样的问题

最近自己写些案例时遇到了这样的问题://先写一个简单的布局和样式(省略了html,head,body标签)//布局:在一个父盒子中嵌入一个子盒子<div id="parent"> <div id="child"></div></div>//样式<style type="text/css"> </style>...

2019-10-11 13:18:19 465

原创 addEventLinstener与attachEvent区别、兼容性问题

刚入门前端萌新,通过写blog来巩固知识,希望各位大牛指点一二

2019-10-05 16:34:41 1269

空空如也

空空如也

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

TA关注的人

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