学习
newbie (⊙o⊙)
这个作者很懒,什么都没留下…
展开
-
JavaScript HTML5 dom,图片拖拽上传功能
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ display: flex; width: 100%; justify-content: center; margin-top: 300px; align-items: center原创 2022-05-26 18:24:20 · 334 阅读 · 0 评论 -
JavaScript闭包
作用域链就是一层一层往上找,直到找到全局作用域还没有,就宣布放弃,这一层一层的关系就叫作用域链。 闭包会导致作用域链问题,“函数套函数,内层函数对外层函数变量的引用”。 let name = 'ao' let obj = { name:'bo', method:function(){ // let _this = this 将this指向当前对象 return function(){ return this.name } } .原创 2021-10-26 17:41:16 · 117 阅读 · 0 评论 -
JavaScript的函数重载
function sum(a,b) { return a + b}function sum(a,b,c){ return a + b + c}// js是弱类型语言,下面的sum函数会覆盖上面的sum函数// 使用累加器来实现这个加法函数的函数重载,不管传入几个参数都可以行function sum(){ let arr = Array.prototype.slice.call(arguments) return arr.reduce(function(a,b){原创 2021-10-26 14:09:05 · 267 阅读 · 0 评论 -
JavaScript数组方法整理
// 数组操作 // 创建数组 let fruits = new Array() fruits[0] = 'Apple' let fruits2 = ['Apple', 'Banana'] let fruits3 = new Array('Apple', 'Banana') //concat() 连接两个或多个数组,此方法不会更改原有数组,会返回一个连接后的新数组 //参数 数组或值 let fruit1 = ['Apple']原创 2021-08-31 16:23:50 · 184 阅读 · 0 评论 -
vue3组件自定义事件
emits自定义事件vue3中组件发送的自定义事件需要定义在emits选项中emits.vue<template> <div @click="$emit('my-click')"></div></template><script> export default { // 这里一定要注册,不然会触发两次,原生的点击事件也会触发 emits: ['my-click'] }</script>helloworld.v原创 2021-05-04 17:52:31 · 1297 阅读 · 0 评论 -
单例模式
单例模式:单:只有一个例:实例一个构造函数一生只能有一个实例,不管new多少次都是这一个实例。应用:自定义弹出层单例模式核心代码function Person(){ this.name = 'emil'}// 单例模式核心let instance = nullfunction singleTon(){ if(!instance) instance = new Person() return instance}//第一次调用singleTon的时候instance是null//原创 2021-04-25 17:09:31 · 102 阅读 · 0 评论 -
JavaScript(learn)
@click=“confirm”@confirm=“confirm()”的区别@confirm=“confirm” 会有默认传参,没有event事件@confirm=“confirm()” 加了() 就会导致默认的参数传递不过去,在某些组件例如uView ,和ant desgin of vue 的那个组件库有默认的参数使用@click=“confirm()”会有默认的event事件函数声明与函数表达式 解析器会率先读取函数声明,并使其在执行任何代码前可用(可以访问);至于函数 表达式则必须等到解原创 2021-04-16 16:25:16 · 913 阅读 · 0 评论 -
Vue3数据双向绑定原理learn
function vue(){ this.data = { content:'双向绑定开始' } this.el = document.getElementById('app') this._html = '' this.observe(this.data) this.render()}vue.prototype.observe = function(obj){ var _this = this this.data原创 2021-03-22 11:12:20 · 373 阅读 · 0 评论 -
Vue2数据双向绑定原理learn
function vue(){ this.data = { content:'双向绑定开始' } this.el = document.getElementById('app') this._html = '' this.observe(this.data) this.render()}vue.prototype.observe = function(obj){ var value; var _this = this原创 2021-03-22 11:10:14 · 107 阅读 · 0 评论