JS
Hamstery
这个作者很懒,什么都没留下…
展开
-
JS日期格式化
日期格式化方法原创 2022-12-21 17:18:36 · 190 阅读 · 1 评论 -
鼠标的mouseover/mouseout和mouseenter/mouseleave区别
共性:都是鼠标移入移出元素触发 个性:当对父元素添加over/out和enter/leave事件时原创 2019-12-30 22:03:35 · 355 阅读 · 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 · 620 阅读 · 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 · 368 阅读 · 0 评论 -
this指向
this指向前言情况一:普通函数调用情况二:作为对象的方法调用情况三:作为构造函数调用情况四:call、apply、bind改变this指向 前言 this是什么? 它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用 function test() { this.name = "hamsterY"; } // 函数没有运行,指向无法确定 this指向谁? 可以用一句话来...原创 2019-12-05 20:47:08 · 415 阅读 · 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 · 1687 阅读 · 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 · 194 阅读 · 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 · 8424 阅读 · 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 · 8209 阅读 · 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 · 197 阅读 · 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 · 457 阅读 · 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 · 636 阅读 · 0 评论 -
JS-BOM
目录 1 BOM概念 2 BOM对象 2.1 location 2.2 history 2.3 navigator 3 定时器 1 BOM概念 Browser Object Model 浏览器对象模型,可以于浏览器窗口进行互动。 BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是他的子对象。 我们在浏览器中的一些操作都可以使用BOM方式进...原创 2018-07-29 10:36:47 · 314 阅读 · 0 评论 -
继承&原型链
实现继承:原型链 原型链:实例对象和原型对象之间的关系,通过__proto__来联系 要理解原型链,首先要理解构造函数、原型、实例之间的关系 如果原型对象指向另一个实例 constructor1.prototype = instance2; 则全都指向新的原型对象(通过instance2间接指向) 如上图中,原先的原型对象(prototype1)指向新的实例(ins...原创 2018-08-08 16:23:33 · 217 阅读 · 0 评论
分享