自定义博客皮肤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 1336

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

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

2020-02-26 16:22:50 1441

原创 Proxy 对象

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

2020-02-03 00:53:45 1907

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

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

2020-01-29 21:34:24 346

原创 关于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 192

原创 jQuery笔记

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

2019-11-01 09:25:04 165

原创 移动端常见的布局

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

2019-10-29 17:03:03 412

原创 HTML5、CSS3新增特性

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

2019-10-26 20:18:11 248

原创 BOM笔记

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

2019-10-20 17:03:00 286

原创 JS原型对象

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

2019-10-15 20:10:37 269

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

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

2019-10-14 13:56:30 316

原创 关于通过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 541

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

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

2019-10-05 16:34:41 1387

空空如也

空空如也

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

TA关注的人

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