- 博客(17)
- 收藏
- 关注
RSS订阅
原创 js的函数自执行
// js的函数自执行// 常见的写法(function () { console.log('hello');})();除此之外，还有const f = function () { console.log('hello');}();~function () { console.log('hello');}();!function () { console.log('hello');}();+function () { console.log('.
2021-04-16 11:03:19
132
原创 react多层级组件通讯跨组件通讯，传参，react hooks使用pubsub（发布订阅）
在react中跨多层级组件通讯通过传参太麻烦了，所以我就采用了发布订阅模式来跨组件通讯，选用的pubsub-js在react直接使用pubsub是有问题的，一不小心就会重复订阅，导致多次执行，这肯定不是我们想要的效果所以在pubsub-js的基础上封装了个PubSub hook，下面看代码新建一个usePubSub.js的文件import PubSub from 'pubsub-js';export function useSubscribe (msg, callback) { .
2020-09-09 11:27:03
2063
2
原创 我要开始写系统架构的博客了，还是记录下，免得忘记了。都忘记好多了，嘿嘿嘿
大致从k8s，docker，springcould，springboot，私有镜像仓库，日志收集系统，分布式事物，分布式配置，存储系统，oauth身份认证自动化部署，接口管理平台（yapi），web前端方面记录下react服务端渲染， 以及独立的web中间服务的设计...
2020-04-30 15:50:19
130
原创 js的几个小技巧
1、解构原始数据 const rawUser = { name: 'Allan', age: '25', sex: "man" }; let user = {}; ({ name: user.name, age: user.age} = rawUser); console.log(user); // {name: "Al...
2020-04-26 14:05:26
154
原创 useState回调函数
在看的小朋友，新的react hook写法，官方默认setState方法移除了回调函数，推荐使用useEffect，但是改动的数据过多还是有很多问题。so，我在useState基础上扩展了回调函数功能，就可以像以前类写法一样传递回调方法啦。话不多说上代码import {useEffect, useState} from "react";function useCallbackStat...
2020-04-20 14:21:42
20589
原创 DllPlugin极大优化打包速度
话不多说直接上代码/步骤1、安装webpack4.x2、创建 webpack.dll.config.js 的文件3、这样写入配置const path = require('path');const DllPlugin = require('webpack/lib/DllPlugin');const rootPath = require('app-root-path')...
2020-04-01 14:51:05
434
原创 js中的bind的使用
"use strict" var c = { b:"66" }; var a = function () { console.log(this.b) }.bind(c); a(); // 输出66 此时a的指向就指向到了c
2018-10-09 14:11:53
111
原创 js中 改变this指向 之 call apply
"use strict" var a = function (c) { console.log(this,c) }; var c = { b:"66" }; a(); //undefined,undefined a.apply(c,[999]); // c,999 a.call(c,999); /...
2018-10-09 14:05:33
89
原创 js中的this指向
"use strict" var obs = { a:1, al:function () { console.log(this) } }; var A = function () { console.log(this) }; var c = obs.al;...
2018-10-09 13:53:12
76
原创 js中的原型链
var A = function () {}; A.prototype.sex = "man"; var B = function () { this.name = "allan"; this.age = 22; }; var a = new A(); B.prototype = a; console.log...
2018-10-08 20:47:12
103
原创 Object.create 的浅拷贝
var A = function () { this.name = "allan"; this.age = 23; }; var d = new A(); var c = Object.create(d); d.age = 24; console.log(c.age,d.age); // 输出24,24 /...
2018-10-08 20:23:51
3052
原创 js的数据封装
var B = function () { var _name = "allan"; return { getName:function () { return _name; } } }; console.log(new B().getName()...
2018-10-08 20:05:47
577
原创 js对象的多态性
var A = function () {}; var B = function () {}; A.prototype.sound = function () { console.log("A"); }; B.prototype.sound = function () { console.log("B"); };...
2018-10-08 19:57:42
248
原创 instanceof判断构造函数
var A = function () {}; var B = function () {}; console.log(new A() instanceof A); // true 构造函数是A console.log(new B() instanceof A); // false 构造函数不是A使用 instanceof 来判断实例的构造函数。...
2018-10-08 19:50:35
620
转载 前端JS实现导出EXCEL表格
html>head> meta charset="utf-8"> script type="text/javascript" language="javascript"> var idTmr; function getExplorer() { var explorer = window.navigator.userAgen
2017-06-06 10:15:39
793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人