- 博客(92)
- 资源 (5)
- 收藏
- 关注
RSS订阅
转载 CSS的Flex布局语法
一、Flex布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}
2021-12-10 16:55:01
37498
原创 前端使用Blob处理后台传输的文件流
调接口时添加 responseType: ‘blob’ return request('接口', { method: 'POST', responseType: 'blob', data:{ ...params, }, });对返回的文件流进行处理response为获取到的文件流(response: any) => { // 创建blob对象 const blob = window.URL.crea
2020-09-01 11:15:34
42947
原创 最全禁浏览器热键禁F5F12复制粘贴删除前进后退等
document.oncontextmenu = function(){ event.returnValue = false; } // 或者直接返回整个事件 document.oncontextmenu = function(){ return false; } // onselect...
2020-01-10 15:36:11
42202
原创 React面试题总结（二）
React中setState和replaceState的区别？react中onClick绑定后的工作原理？....
2023-10-11 21:56:04
476
1
原创 React面试题总结（一）
redux本来是同步的，为什么它能执行异步代码？实现原理是什么？中间件的实现原理是什么？redux中同步action与异步action最大的区别是什么...
2023-09-14 17:27:55
385
原创 浅谈 React 中的 XSS 攻击
前端一般会面临 XSS 这样的安全风险，但随着 React 等现代前端框架的流行，使我们在平时开发时不用太关注安全问题。以 React 为例，React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度，看看 React 做了哪些事情来实现这种安全性的。
2023-05-30 13:00:52
781
转载 【转】JS继承机制
继承是怎样实现的？要用 ECMAScript 实现继承机制，我们可以从要继承的基类入手。我们定义的类都可作为基类。出于安全原因，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。
2022-10-24 16:31:01
197
原创 微信多开方法
TASKKILL /F /IM wechat.exestart "" "D:\Program Files (x86)\Tencent\WeChat\WeChat.exe"start "" "D:\Program Files (x86)\Tencent\WeChat\WeChat.exe"start "" "D:\Program Files (x86)\Tencent\WeChat\WeChat.exe"taskkill是Windows命令行里终止指定程序“进程”的命令。/f 表示强制终止
2022-04-13 17:49:21
576
原创 JS大数字转换为万
//数字改变（加万位） const bigNumberTransform = (value:any) => { const newValue = ['', '', ''] let fr = 1000 let num = 3 let text1 = '' let fm = 1 while (value / fr >= 1) { fr *= 10 num += 1 // console.log('数字', v..
2022-04-02 11:07:32
1758
1
原创 JS中sort()方法原理及使用
sort() 方法用于对数组的元素进行排序，并返回数组。默认排序顺序是根据字符串UniCode码。因为排序是按照字符串UniCode码的顺序进行排序的，所以首先应该把数组元素都转化成字符串（如有必要），以便进行比较。语法：arrayObject.sort(sortby);参数sortby 可选，用来规定排序的顺序，但必须是函数。https://www.cnblogs.com/saifei/p/9043821.html...
2022-03-31 17:17:26
388
原创 怎样快速上手TypeScript
5分钟上手TypeScript让我们使用TypeScript来创建一个简单的Web应用。安装TypeScript有两种主要的方式来获取TypeScript工具：通过npm（Node.js包管理器）安装Visual Studio的TypeScript插件Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript。 如果你的Visual Studio还没有安装TypeScript，你可以下载它。针对使用npm的用户：> n
2022-03-17 15:16:37
259
原创 JS继承机制
继承是怎样实现的？要用 ECMAScript 实现继承机制，我们可以从要继承的基类入手。我们定义的类都可作为基类。出于安全原因，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。选定基类后，就可以创建它的子类了。是否使用基类完全由我们自己决定。有时，你可能想创建一个不能直接使用的基类，它只是用于给子类提供通用的函数。在这种情况下，基类被看作抽象类。尽管 ECMAScript 并没有像其他语言那样严格地定义抽象类，但有时它的确会创建一些不允许使用的类
2022-01-19 11:01:55
22709
原创 Swiper 应用Vue遇到问题处理记录
Swiper 应用Vue遇到问题处理记录最近在学习vue，在开发一个需求中发现了一个问题，轮播图图片在语言切换后不更新，解决过程做个记录，错误不足希望靓仔们指教，tank yo!首先是在组件中引入common文件夹下不同语言下配置的共同的属性const state = reactive({ imgs: { btnIcon: tc('message.btnIcon'), }})使用图片<img class="center-icon" :src="imgs.b
2022-01-19 11:00:22
29291
原创 JS的Array对象解析
Array是什么?Array是 JavaScript 的原生对象，同时也是一个构造函数，可以用它生成新的数组。var arr = new Array(2);arr.length // 2arr // [ empty x 2 ]上面代码中，Array()构造函数的参数2，表示生成一个两个成员的数组，每个位置都是空值。如果没有使用new关键字，运行结果也是一样的。var arr = Array(2);// 等同于var arr = new Array(2);考虑到语义性，以及与其他构造.
2022-01-19 10:41:56
36818
原创 浅谈JS包装对象
定义对象是 JavaScript 语言最主要的数据类型，三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。所谓“包装对象”，指的是与数值、字符串、布尔值分别相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变成（包装成）对象。var v1 = new Number(12345);var v2 = new String('abcde');var v3 = new Boolean..
2022-01-19 10:39:47
35123
原创 事件循环：微任务和宏任务(一)
浏览器中 JavaScript 的执行流程和 Node.js 中的流程都是基于 事件循环 的。理解事件循环的工作方式对于代码优化很重要，有时对于正确的架构也很重要
2022-01-19 10:31:34
33807
原创 事件循环：微任务和宏任务(二)
浏览器中 JavaScript 的执行流程和 Node.js 中的流程都是基于 事件循环 的。理解事件循环的工作方式对于代码优化很重要，有时对于正确的架构也很重要。
2022-01-19 10:30:40
31878
原创 时间过得可真快啊 | 2021年终总结（都是图片 没有技术）
！！！提醒： 本文图片较多！！！写在前面大家好，我是前端郭德纲，一个前段coder，2018-03-27加入CSDN大家庭，很高兴在CSDN能够认识一群可爱的人&学到了更多的技术。回顾这一年技术上略有提升看脱口秀的快乐技术上略有提升一年里经过做更多的项目，也有了更多的经验，对react也更熟悉这一年做了三个项目，都是管理系统，项目不大，都是有条不紊的进行（为什么只做了三个不大的项目？央企，早八晚五的工作时长，从未加班，你懂得）技术上略有提升，一直用的是react ,目前.
2022-01-18 11:42:21
40089
原创 Js的Generator函数（一）
常规函数只会返回一个单一值（或者不返回任何值）。而 Generator 可以按需一个接一个地返回（“yield”）多个值。它们可与 iterable 完美配合使用，从而可以轻松地创建数据流。
2022-01-18 11:23:39
36066
原创 Js的Generator函数（二）
常规函数只会返回一个单一值（或者不返回任何值）。而 Generator 可以按需一个接一个地返回（“yield”）多个值。它们可与 iterable 完美配合使用，从而可以轻松地创建数据流。
2022-01-18 11:23:30
34710
原创 Js的动态导入
import(module) 表达式加载模块并返回一个 promise，该 promise resolve 为一个包含其所有导出的模块对象。我们可以在代码中的任意位置调用这个表达式。
2022-01-18 11:21:34
35131
5
原创 JS判断整数x是否是回文数
题目给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文，而 123 不是。示例 1：输入：x = 121输出：true示例 2：输入：x = -121输出：false解释：从左向右读, 为 -121 。 从右向左读, 为 121- 。因此它不是一个回文数。示例 3：输入：x = 10输出：false解释：从右向左读, 为 01 。因此它不是一个回文数。示
2022-01-18 11:19:01
30090
原创 JS复制input内容
const onCopy = (certB64: any) => { let oInput = document.createElement('input') oInput.value = certB64； document.body.appendChild(oInput) oInput.select() // 选择对象 document.execCommand("Copy") // 执行浏览器复制命令 message.success("复制成功")..
2022-01-14 15:18:43
25232
转载 Js的Mixin 模式
mixin 是一个包含可被其他类使用而无需继承的方法的类。换句话说，mixin 提供了实现特定行为的方法，但是我们不单独使用它，而是使用它来将这些行为添加到其他类中。
2021-12-28 15:12:47
33491
转载 Js的长轮询
长轮询是与服务器保持持久连接的最简单的方式，它不使用任何特定的协议，例如 WebSocket 或者 Server Sent Event。它很容易实现，在很多场景下也很好用。
2021-12-23 15:11:34
39975
转载 可选链操作符
可选链操作符允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。操作符的功能类似于 链式操作符，不同之处在于，在引用为null 或者 undefined的情况下不会引起错误，该表达式短路返回值是 undefined
2021-12-22 14:20:04
36603
3
原创 空值合并运算符
空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。
2021-12-21 15:00:25
37162
原创 Es6空值合并运算符
if((value??'')!==''){}// 取代if(value !== null && value !== undefined && value !== ''){ }
2021-12-21 11:47:14
32523
3
转载 如何让 (a == 1 && a == 2 && a == 3) 返回 true
文章来自： https://zhangzhao.name/posts/make-a-1-a-2-a-3-evaluate-true/以下为原文：前两天在网上看到了一道很有趣的题目，题目大意为：JS 环境下，如何让 a == 1 && a == 2 && a == 3 这个表达式返回 true ？。这道题目乍看之下似乎不太可能，因为在正常情况下，一个变量的值如果没有手动修改，在一个表达式中是不会变化的。当时我也冥思苦想很久，甚至一度怀疑这道题目的答案就是 不能。直到在
2021-11-26 15:56:48
29187
转载 0.1+0.2为什么不等于0.3，以及怎么等于0.3
在开发过程中遇到类似这样的问题：let n1 = 0.1, n2 = 0.2console.log(n1 + n2) // 0.30000000000000004这里得到的不是想要的结果，要想等于0.3，就要把它进行转化：(n1 + n2).toFixed(2) // 注意，toFixed为四舍五入toFixed(num)方法可把 Number 四舍五入为指定小数位数的数字。那为什么会出现这样的结果呢？ 计算机是通过二进制的方式存储数据的，所以计算机计算0.1+0.2的时候，实.
2021-11-10 16:10:06
38029
原创 es6数组的扩展新增方法
Array.from()Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。实际应用中，常见的类似数组的对象是 DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。如果map函数里面用到了this关键字，还可以传入Array.from的第三个参数，用来绑定this。Array.fr.
2021-10-24 12:45:37
34183
原创 什么是SPREADJS的脏数据?
脏概念定义如下：通常，只有单元格值的变更才导致其成为脏数据。如果单元格是脏数据，其所在的行也将是脏数据。如果插入了一行并为其中的一个单元格设置了值，那么此行将只是一个插入的行，而不是脏数据。被设值的那个单元格也不是脏数据。加载绑定数据的项不是脏数据，但是，在通过 spreadSheet 修改绑定数据之后，它将变为脏数据。脏数据的状态不会因为撤销操作而改变。你可以通过调用表单上的 getDirtyRows 方法来获取所有的脏行。如果存在绑定的数据，用户可以从脏行中获取 row,item, 和 o
2021-10-21 10:50:27
33745
原创 antd组件Datepicker中，时区差8小时前端处理
在开发中会用到antd 的 Datepicker组件会出现传给后台的时间与你选中的时间相差八小时选中的时间：向后台传输的时间：
2021-08-09 16:40:36
24617
2
原创 百度翻译为：“yield”表达式隐式生成“any”类型，因为其包含的生成器缺少返回类型注释
第一个片段是博主正在处理的代码，在model文件里，下面是它抛出的错误，它发生在代码中的每个“yield select”部分项目中用到了redux-sage(redux-saga: redux中间件，旨在处理应用中的副作用, 官网： https://redux-saga.js.org） effects: { *fetch({ payload }: any, { call }: any) { const response = yield call(QueryUsers, pa
2021-07-12 11:34:45
36586
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人