笔记
文章平均质量分 65
JQ...
这个作者很懒,什么都没留下…
展开
-
js实现函数的call方法(非es6)
call方法这个问题当初刚学js的时候就很困扰,fn.call(this,a,b,…)如果不用es6的解构方法,this后面的参数到底是如何传递给另外一个函数作为多个参数呢,今天回看红宝书突然回想起了这个问题,也找到了答案,不多说直接上代码 var obj = { color: "red", }; var color = "blue"; function sayColor(a, b) { console.log(this.color,原创 2021-07-21 21:23:37 · 223 阅读 · 0 评论 -
el-table中表格数据新增字段首次渲染后再次修改该字段表格内容不刷新问题
问题演示首先,使用定时器演示从后台获取过来数据,然后添加isPlaying字段,表格能正常渲染出来。但是当我们点击修改按钮修改isPlaying的时候,isPlaying的实际数据已经改变但是表格渲染出来的值却没变。 <template> <div> <el-table :data="list" style="width: 100%"> <el-table-column label="日期" width="180">原创 2020-09-14 22:22:54 · 1152 阅读 · 0 评论 -
使用privide/inject和this.$refs/this.$root进行通信
前言曾几何时,你是否有坐在家里等待出去工作,期间无所事事的那段时光;曾几何时,你是否有不知所措而心中莫名空虚寂寞的痛苦岁月;曾几何时,你是否有决定让自己保持进步,不再为回想起自己空虚的一天而烦恼;如果是这样,请翻阅我的官方博客。介绍通常在vue中我们会经常使用到一些组件间的通信方法,比如父-子、子-父、兄弟、vue-bus、vuex等,那么除了这些还有没有其他的通信方式呢。当然,今儿我就找到了另外的两种方法,privide/inject和this.$ refs / this.$ root注意:以下步原创 2020-05-13 14:51:16 · 416 阅读 · 0 评论 -
vue之keep-alive
在home首页<template> <div> 首页 <router-link to="/list">跳转列表</router-link> </div></template><script>export default {};</script><style la...原创 2020-04-25 11:20:59 · 99 阅读 · 0 评论 -
vue之异步组件以及vue-cli无法使用template定义局部组件
使用外部引入整个vue.js<body> <div id="app"> <button @click="compone='lisi'">lisi</button> <button @click="compone='zs'">zs</button> <!-- 不加keep-al...原创 2020-04-20 11:29:50 · 1094 阅读 · 0 评论 -
react组件通信
1.父向子传值import React, { Component } from "react";import ReactDOM from "react-dom";function Child(props) { return <div>我是子组件{props.name}</div>;}class Comment extends Component { re...原创 2020-04-11 13:14:07 · 120 阅读 · 0 评论 -
vue 组件通信及vue-bus
vue1.父向子传值<body> <div id="app"> <menu-item :pstr='pstr' :pnum='12' :pboo='true' :parr='arr'></menu-item> </div> <script src="./js/vue.js"><...原创 2020-04-11 13:02:17 · 160 阅读 · 0 评论 -
js执行序列
原创 2020-04-07 14:22:43 · 190 阅读 · 0 评论 -
js高级之节流的两种方法
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum...原创 2020-04-06 17:45:15 · 638 阅读 · 0 评论 -
js高级之防抖
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum...原创 2020-04-06 17:20:04 · 199 阅读 · 0 评论 -
MVVM 第三步发布和订阅
简述这的发布订阅流程:1.当我们转换mastach语法的时候 有两个步骤 查找和替换查找到节点内容中带有{{}}的字符串 解析成数组 然后再vm[xxx]找到对应的值查找完毕开始替换内容 这是一个查找替换过程2.单单只有查找替换还不够 因为要双向绑定 数据变化视图变化此时就需要一个监听 也就是watcher那么这里就有几个问题 1.什么时候添加订阅 2.什么时候发布 3.怎么添加...原创 2020-04-05 11:07:40 · 371 阅读 · 0 评论 -
mvvm 接上篇 加入compile简单模板编译功能
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum...原创 2020-04-04 15:44:41 · 116 阅读 · 0 评论 -
MVVM 通过Object.defineProperty将data中的属性改写为访问器属性
html代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&g...原创 2020-04-04 11:14:11 · 186 阅读 · 0 评论 -
js中this的指向问题
1.一般调用this指向作用域内最靠近自身的对象。没有声明的话一般指向window或global。【严格模式下必须设置一个值,否则undefined】2、箭头函数内部指向静态作用域3、对象内调用指向对象本身4、原型链调用指向对象本身5、构造函数指向构造器的新对象【你的问题】6、指向触发DOM执行语句的时候var ldh = new Star(‘刘德华’);等于执行了以下几个步骤var...原创 2020-04-03 20:16:40 · 104 阅读 · 0 评论 -
微信小程序登录流程及支付流程
1.准备登录相关的参数 - 获取用户信息简述:**登录微信小程序需要五个相关参数 可以通过微信开发的接口 wx.login()以及open-type="getUserInfo" bindgetuserinfo="getInfo"方法获取到五个参数**A.在登录按钮中,添加相关信息 open-type 及bindgetuserinfo='getUserInfo' 如下:<butt...原创 2020-03-27 11:04:17 · 719 阅读 · 1 评论 -
Vue简单练习封装button按钮 直接上代码和效果图
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum...原创 2020-03-24 16:03:51 · 776 阅读 · 0 评论 -
使用原生js实现一个简单的三级联动
Document --请选择城市-- --请选择城市-- --请选择城市--原创 2020-03-18 11:01:09 · 256 阅读 · 0 评论 -
随便写个随机点名
Document 开始 暂停原创 2020-03-05 19:43:50 · 251 阅读 · 0 评论