- 博客(28)
- 收藏
- 关注
RSS订阅原创 关于this的调用
然后最外层的js环境指向的对象是winodw对象，所以这里的this指向的是window对象。这是因为在这段代码中，对象的方法被直接调用，而不是通过对象的引用进行调用。总结起来，无论如何改变箭头函数的执行上下文，它仍然会继承外部作用域的。无论是箭头函数还是普通函数，当它们作为对象的方法被调用时，它们的。在全局作用域中，箭头函数的外部作用域是全局作用域，因此。在这里，箭头函数的外部作用域是全局作用域，因此。值是在执行时确定的，而不是在定义时确定的。是作为一个独立的函数被调用的，而不是作为。
2023-10-30 15:55:17
98
原创 vue3的ref 和 reactive区别
它通过包装一个变量或对象，使其具有响应性。2. `reactive`：`reactive` 是一个函数，用于创建一个响应式的对象。总结一下，`ref` 适用于创建单个基本数据类型的响应式对象，而 `reactive` 适用于创建包含多个属性的响应式对象。在上面的例子中，我们使用 `ref` 创建了一个名为 `count` 的响应式对象，并通过 `.value` 属性来访问和修改其值。在上面的例子中，我们使用 `reactive` 创建了一个名为 `state` 的响应式对象，并直接访问和修改其属性。
2023-10-29 18:51:53
593
原创 Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-09-12 08:32:25
43
原创 Missing message: “menu.美人鱼“ for locale: “zh-CN“, using default message as fallback.
在目录config下的defaultSettings配置locale：false即可。
2023-03-20 21:27:29
319
原创 Error: A component suspended while responding to synchronous input...
外层添加Suspense即可解决。
2023-03-13 15:04:09
1400
原创 Utils
bilibili开源的html5flash视频播放器，使浏览器在不借助flash插件的情况下可以播放flv，目前主流的直播、点播解决方案。可以与CSS3属性、SVG、DOM元素、JS对象一起工作，制作出各种高性能、平滑过渡的动画效果。一个跨浏览器的css3动画库，内置了很多典型的css3动画，兼容性好，使用方便。一个极简的处理时间和日期的JavaScript库，和Moment.js的。一个简单的、轻量的处理cookies的jsAPI。设计保持一样,但体积仅有2KB。......
2022-07-21 16:54:10
634
原创 数组中第一个不重复的值
解析： 1、实现数组的浅拷贝。2、将对象转换数组 for in 与 for of 的区别：for in 是ES5标准，遍历的是key（可遍历对象，数组和字符串的key）注：不推荐数组使用for of 是ES6标准，遍历的是value（可遍历对象，数组和字符串的value）......
2022-07-14 10:55:12
116
原创 js删除对象的某个属性
第二种（ES6）：Reflect.deleteProperty()判断对象中是否有某一属性的两种方法第一种：obj.hasOwnProperty()第二种：!==
2022-06-07 15:39:29
38740
原创 Pormise
Promise是一个构造函数三种状态：（进行中）、（已成功）和（已失败），fulfilled和rejected都是由pending改变，一旦状态改变，就不会再变。参数是数组：Pormise.race([])用途：可在网络请求延迟使用做提示。不管失败还是成功，谁先执行完成就返回谁Pormise.all:参数可以不是数组，但是必须是iterator用途：等待多个请求成功的结果，再一起渲染页面成功的返回值是一个数组...
2022-06-07 14:44:10
194
原创 react跨域处理
let normaLize = function (params) { let arr = params.split(/[\[\]]/g).filter((v) => v); let result = {}; let obj = result; while ((key = arr.shift())) { obj.value = key; if (!arr.length) break; .
2022-03-03 20:42:37
218
原创 js立即执行函数写法
优点：1、立即执行，不用担心临时变量污染全局变量，减少命名。2、方便封装。写法：(function name(params) { console.log(params) //打印 1})(1)(function name(params) { //执行}())也可以使用 ! + - void 做立即执行函数!function name(params) { //执行 })()+function name(params) { //执行 })(
2022-03-02 10:21:21
266
原创 react反向代理配置
官网：https://create-react-app.dev/docs/proxying-api-requests-in-development安装npm install http-proxy-middleware --save //或者yarn add http-proxy-middleware接下来，在其中创建src/setupProxy.js并放置以下内容：const { createProxyMiddleware } = require('http-proxy-middle
2022-01-03 16:48:34
519
原创 antd表单赋值，回显表格数据
使用 antd 做表格回显数据时，会看到文档有写：所以我们可以1.定义hooksconst [form] = Form.useForm();2.在触发事件中使用，以打开模态框赋值为例const showModal = () => { setIsModalVisible(true); form.setFieldsValue("表格数据") };3.Form 要加上我们定义的form<Form form={form} ..
2021-12-26 20:27:39
2166
原创 antd使用阿里巴巴矢量图标
最近需要在antd引入中阿里矢量图标，看到几个关于antd使用iconfont的回答，其中关于Icon的引入，都是写的从antd引入（不可用）旧版本：import { Icon } from 'antd';现在的版本中，4.0后版本，antd 不再内置 Icon 组件，而是从@ant-design/icons 引入直接使用createFromIconfontCN 就可以提前安装npm install --save @ant-design/icons配置imp...
2021-12-25 01:01:35
1173
原创 antd获取表单的所有数据
当我们使用antd的组件的form表单时，数据一般在form中的onFinish={onFinish}方法上可以拿到const Demo = () => { const onFinish = (values: any) => { console.log("表单数据",values); };我们还可以使用 const [form] = Form.useForm() 拿到表单的数据具体步骤1.引入antd，拿到formimport form {Form} fr
2021-12-22 23:06:16
5892
原创 zustand
最近工作中需要用到zustand，先记录一下学到的demo安装：npm install zustand公共文件store引入import create from 'zustand'const useStore = create(set => ({ bears: 0, increasePopulation: () => set(state => ({ bears: state.bears + 1 })), removeAllBears: () =>
2021-12-17 18:22:43
329
原创 react实现点击复制
1、使用浏览器提供的document.execCommand('copy')2、使用copy-to-clipboard库document.execCommand("copy")1、document.execCommand封装function copy(e) { let transfer = document.createElement('input'); document.body.appendChild(transfer); transfer.value = t
2021-10-17 21:59:18
2637
原创 React脚手架项目结构
public ---- 静态资源文件夹 favicon.icon ------ 网站页签图标 index.html -------- 主页面 logo192.png ------- logo图 logo512.png ------- logo图 manifest.json ----- 应用加壳的配置文件 robots.txt -------- 爬虫协议文件src ---- 源码文件夹 App.css -------- App组件的样式 App.js --------- A.
2021-09-02 20:20:55
79
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人