2021年01月_furfur-jiang

转载前端图片HTTP请求的各种情况分析

CSS控制前端图片HTTP请求的各种情况示例示例一：隐藏图片示例二：重复图片示例三：重复背景示例四：不存在的元素的背景示例五：隐藏元素的背景示例六：多重背景示例七：hover的背景加载示例八：JS里innerHTML中的图片示例九：图片预加载总结CSS控制前端图片HTTP请求的各种情况示例)示例一：隐藏图片<img src="haorooms.jpg" style="display: none" /> <img src="haorooms2.jpg" style="visibi

2021-01-31 21:06:50 651

原创 Js深浅拷贝代码实现

深浅拷贝代码实现深拷贝和浅拷贝概念浅拷贝实现1.Object.assign()2.concat()和slice()深拷贝实现1.JSON.parse(JSON.stringify())2.1.递归实现深拷贝函数2.2.深拷贝函数改进（防止循环递归爆栈）2.3.深拷贝函数最终版3.函数库深拷贝和浅拷贝概念深拷贝和浅拷贝都只针对引用数据类型浅拷贝会对对象逐个成员依次拷贝，但只复制内存地址，而不复制对象本身，新旧对象成员还是共享同一内存；深拷贝会另外创建一个一模一样的对象，新对象跟原对象不共享内存，修改新

2021-01-31 16:53:25 315

原创 vue3+ts+ant-vue:手把手教你实现穿梭框简易版，配源码

效果通过脚手架创建项目（@vue/cli 4.5.11）vue create 项目名配置需要注意选择Ts（空格选中）选择vue3.x然后一路回车到这了就完成vue3+ts配置需要用到ant-vue需要安装，注意安装2.x版本，安装官网直接安装是1.x版本安装npm install ant-design-vue@next --save如果安装错误版本就卸载重装卸载npm uninstall ant-design-vue配置ant在main.ts引入import { c

2021-01-30 17:19:23 1297

原创 vue3+ts+ant-vue实战：vue3-todo-list 配源码

效果展示：知识点：vue3基础练习ts基础练习ant-vue使用使用到的技术点：父子通信provide/inject 祖孙通信接口类型定义类型断言，类型猜测setup，ref，reactive，computedflex布局github地址：https://github.com/furfur-jiang/vue3-todo-list-ant-vue.git有用的话记得点个Star!...

2021-01-29 21:10:37 246

原创 Ts报错:Type ‘Function | undefined‘ is not assignable to type ‘Function‘；Cannot invoke an object

报错Type ‘Function | undefined’ is not assignable to type ‘Function’.Type ‘undefined’ is not assignable to type ‘Function’.意思是：类型’Function | undefined’不能赋值给类型’Function’。类型’undefined’不能赋值给类型’Function’。解决：将类型定义为Function | undefined const myFun: Function

2021-01-29 20:44:36 4423

转载手写new面试

实现一个 new答案function funcNew(obj, ...args) { const newObj = Object.create(obj.prototype); const result = obj.apply(newObj, args); return (typeof result === 'object' && result !== null) ? result : newObj;}解读先通过一个例子来理解 new 的作用吧：functi

2021-01-10 21:25:28 152

原创剑指 Offer 58 - II. 左旋转字符串（JavaScript：切割拼接）

剑指 Offer 58 - II. 左旋转字符串字符串的左旋转操作是把字符串前面的若干个字符转移到字符串的尾部。请定义一个函数实现字符串左旋转操作的功能。比如，输入字符串"abcdefg"和数字2，该函数将返回左旋转两位得到的结果"cdefgab"。难度：简单示例 1：输入: s = “abcdefg”, k = 2输出: “cdefgab”示例 2：输入: s = “lrloseumgh”, k = 6输出: “umghlrlose”限制：1 <= k < s.length

2021-01-10 20:45:41 78

原创面试题 02.03. 删除中间节点（JavaScript：替换）

面试题 02.03. 删除中间节点实现一种算法，删除单向链表中间的某个节点（即不是第一个或最后一个节点），假定你只能访问该节点。难度：简单示例：输入：单向链表a->b->c->d->e->f中的节点c结果：不返回任何数据，但该链表变为a->b->d->e->f思路：传入的节点就是要删除的节点A，用节点A后一个的节点B替换掉要删掉的节点A，然后跳过原B，因为此时的B已经给了A，删掉B就不会重复var deleteNode = functi

2021-01-10 20:04:44 92

原创 535.TinyURL 的加密与解密（JavaScript）

535.TinyURL 的加密与解密TinyURL是一种URL简化服务，比如：当你输入一个URL https://leetcode.com/problems/design-tinyurl 时，它将返回一个简化的URL http://tinyurl.com/4e9iAk.要求：设计一个 TinyURL 的加密 encode 和解密 decode 的方法。你的加密和解密算法如何设计和运作是没有限制的，你只需要保证一个URL可以被加密成一个TinyURL，并且这个TinyURL可以用解密方法恢复成原本的UR

2021-01-10 19:26:52 204

原创 771. 宝石与石头（JavaScript：暴力，Set）

771.宝石与石头给定字符串J 代表石头中宝石的类型，和字符串 S代表你拥有的石头。 S 中每个字符代表了一种你拥有的石头的类型，你想知道你拥有的石头中有多少是宝石。J 中的字母不重复，J 和 S中的所有字符都是字母。字母区分大小写，因此"a"和"A"是不同类型的石头。难度：简单示例 1:输入: J = “aA”, S = “aAAbbbb”输出: 3示例 2:输入: J = “z”, S = “ZZ”输出: 0注意:S 和 J 最多含有50个字母。J 中的字符不重复。暴力解法思

2021-01-10 11:47:06 83

原创 654. 最大二叉树（JavaScript，递归）

给定一个不含重复元素的整数数组 nums 。一个以此数组直接递归构建的最大二叉树定义如下：二叉树的根是数组 nums 中的最大元素。左子树是通过数组中最大值左边部分递归构造出的最大二叉树。右子树是通过数组中最大值右边部分递归构造出的最大二叉树。返回有给定数组 nums 构建的最大二叉树。难度中等示例 1：输入：nums = [3,2,1,6,0,5]输出：[6,3,5,null,2,0,null,null,1]解释：递归调用如下所示：[3,2,1,6,0,5] 中的最大

2021-01-10 11:01:02 122

furfur-jiang的博客