- 博客(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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人