JS
Hamstery
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS日期格式化
日期格式化方法原创 2022-12-21 17:18:36 · 242 阅读 · 1 评论 -
鼠标的mouseover/mouseout和mouseenter/mouseleave区别
共性:都是鼠标移入移出元素触发个性:当对父元素添加over/out和enter/leave事件时原创 2019-12-30 22:03:35 · 402 阅读 · 0 评论 -
call, apply, bind的区别
目录call,apply,bind的使用call()apply()bind()call,apply,bind的异同不同点共同点call,apply,bind的应用求数组的最大 / 最小值apply实现数组追加call,apply实现继承call,apply,bind的使用这些都是函数的原生方法,用于改变this指向,可以直接使用call()// 简单使用function fn() { ...原创 2019-12-11 21:50:45 · 669 阅读 · 0 评论 -
let和var的区别
前言个人一直认为 let 和 var 完全一样,所以接触了ES6后就一直用let声明变量直到有一次在看 “this指向” 相关的内容的时候,发现了一个问题let a = 1;function test() { console.log(this.a);}test();// 结果: undefined ???上面的test(),相当于window.test(),也就是说 let...原创 2019-12-07 20:42:31 · 405 阅读 · 0 评论 -
this指向
this指向前言情况一:普通函数调用情况二:作为对象的方法调用情况三:作为构造函数调用情况四:call、apply、bind改变this指向前言this是什么?它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用function test() { this.name = "hamsterY";}// 函数没有运行,指向无法确定this指向谁?可以用一句话来...原创 2019-12-05 20:47:08 · 450 阅读 · 0 评论 -
JS最佳实践——红皮书
最佳实践前言1 可维护性2 降低耦合2.1 将css从js中抽离2.2 模板文本写注释2.3 应用逻辑 / 事件处理程序分离2.3.1 概念2.3.2 Demo2.4 松散耦合原则3 编程实践3.1 不轻易修改对象3.2 避免全局量3.3 避免与null比较3.4 使用常量4 性能4.1 注意作用域4.2 避免不必要的属性查找4.3 优化循环4.4 最小化语句数4.5 优化DOM交互4.6 其他方...原创 2019-11-26 23:44:19 · 1838 阅读 · 0 评论 -
vue
vue创建vm对象视图层(HTML)写相应代码创建vm对象let vm=new Vue({ el: 根, // 根元素 data: { // 数据 txt: '' }, methods: { // 事件 }});视图层(HTML)写相应代码输出 {{txt}}双向数据绑定 v-model属性绑定v-bind:属性名="原创 2019-02-09 11:36:29 · 239 阅读 · 0 评论 -
vue Ant Design Upload上传本地图片
vue Ant Design Upload上传本地图片(点击图片可预览)图片为base64格式,存在imageUrl中<template><div> <a-upload name="avatar" listType="picture-card" class="avatar-uploader" ...原创 2019-09-19 23:05:15 · 8539 阅读 · 0 评论 -
ant design vue离线文档
链接:https://pan.baidu.com/s/1j4fUQg_MeHSfGGdZsoXpXw提取码:obqy解压后1. npm install // 安装node_modules依赖2. npm start // 运行默认运行在 localhost:3000...原创 2019-09-23 22:36:54 · 8495 阅读 · 4 评论 -
Ajax
Ajax1 简介2 GET &amp;amp; POST2.1 get 和 post 的区别2.2 get请求2.3 post请求2.4 readyState状态值:2.5 setRequestHeader( content-type,属性值 )3 Ajax封装4 跨域4.1 概念4.2 方式1 简介作用:获取服务器数据,对页面进行局部异步刷新Asynchronous Javascript And ...原创 2018-11-23 16:29:43 · 243 阅读 · 2 评论 -
Promise
Ajax &amp;amp;amp; Promise1 基础1.1 三种状态1.2 一旦状态改变,就不会再变1.3 缺点2 基本用法2.1 生成实例2.2 then()2.3 catch()2.4 all()例子异步加载图片Promise 对象实现 Ajax 操作1 基础1.1 三种状态pending——进行中fulfilled——已完成rejected——已失败只有异步操作的结果才可以决定当前是哪一...原创 2018-10-23 22:01:55 · 532 阅读 · 0 评论 -
ES6新特性
ES61 变量 / 赋值1.1 变量:1.2 解构赋值:2 函数2.1 箭头函数:1 变量 / 赋值1.1 变量:var 可以重复定义,没有块级作用域,不能限制修改let 不可重复定义,变量,块级作用域const 不可重复定义,常量,块级作用域1.2 解构赋值:左右两边必须一样,右边的语法需要合法声明和赋值同步完成2 函数2.1...原创 2018-10-22 16:33:13 · 710 阅读 · 0 评论 -
JS-BOM
目录1 BOM概念2 BOM对象2.1 location2.2 history2.3 navigator3 定时器1 BOM概念Browser Object Model 浏览器对象模型,可以于浏览器窗口进行互动。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是他的子对象。我们在浏览器中的一些操作都可以使用BOM方式进...原创 2018-07-29 10:36:47 · 348 阅读 · 0 评论 -
继承&原型链
实现继承:原型链原型链:实例对象和原型对象之间的关系,通过__proto__来联系要理解原型链,首先要理解构造函数、原型、实例之间的关系 如果原型对象指向另一个实例constructor1.prototype = instance2;则全都指向新的原型对象(通过instance2间接指向) 如上图中,原先的原型对象(prototype1)指向新的实例(ins...原创 2018-08-08 16:23:33 · 257 阅读 · 0 评论
分享