- 博客(173)
- 收藏
- 关注
RSS订阅原创 学习Vue3——watchEffect(高级侦听器)
立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行。有两个参数第一个参数就是要运行的副作用函数第二个参数是一个可选的选项，可以用来调整副作用的刷新时机或调试副作用的依赖。
2023-06-26 17:00:52
400
原创 学习Vue3——watch(侦听器)
在侦听器创建时立即触发回调。第一次调用时旧值是 undefined。通过设置用函数来获取监听值，可以解决上述问题。用于开启深度监听，解决层级过深监听不到。但是这时监听到的新值与旧值是一样的。
2023-06-26 16:12:04
374
原创 学习Vue3——To全家桶
应用场景：主要是用在把对象中的某个属性单独拿出来，同时还能保证拿出来后与源数据仍然保存联动，依然还是一个响应式数据。如果原始对象是非响应式的，就不会更新视图， 数据是会变的。但源数据是响应式对象时，可以更新,源数据也会被修改。就是一次可以解构出多个响应式数据。把响应式对象变成普通对象。
2023-06-26 11:26:42
100
原创 学习Vue3——Reactive全家桶
只能对浅层的数据响应，如果是深层的数据只会改变值， 不会改变视图。可以修改源数据的值,这样只读对象也会改变。一样，只能修改第一层的数据。解决方案二：包裹一层对象。
2023-06-26 09:38:39
123
原创 学习Vue3——Ref全家桶
的值是可以，但是页面展示不正常，因为这不是响应式的，无法被vue追踪。正常查看，要点开对象，然后点击value,才能看到值。是个工厂函数要求我们返回一个对象 并且实现。然后就可以直接看到值了，不用点击两次来查看了。是浅层次的比较 ，修改其属性是非响应式的。不能写在一起，不然会影响。来包装这个值，完成响应。启用自定义格式化程序。
2023-06-25 16:56:54
264
原创 TypeScript——类型别名(type)
type str = string let s : str = '我是张三' console . log(s)
2023-06-24 10:39:27
588
原创 TypeScript——基本类型
有时候，我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。类型是那些总是会抛出异常或根本就不会有返回值的函数表达式或箭头函数表达式的返回值类型；类型相反，它表示没有任何类型。类型就相当于原型链上的继承，所有类型都指向它 ，这就相当于any类型了。类型是任何类型的子类型，也可以赋值给任何类型；就是上面的可以包含下面,就是可以用下面的类型给上面类型赋值。类型表示的是那些永不存在的值的类型。，但是当没有类型断言或基于控制流的类型细化时。类型，当它们被永不为真的类型保护所约束时。是所有类型的子类型。
2023-06-23 15:57:16
560
原创 TypeScript——类（class）
在TypeScript是不允许直接在定义变量的 需要在上面先声明类只能继承（extends）类，实现（implements）接口类可以实现接口或类，类不可以继承接口，类只能继承类接口不能实现接口或者类，可以继承接口或类可多继承或者多实现。
2023-06-23 14:14:35
790
原创 TypeScript——类型断言、类型推论
这种方式可以告诉编译器，“相信我，我知道自己在干什么”。类型断言好比其它语言里的类型转换，但是不进行特殊的数据检查和解构。它没有运行时的影响，只是在编译阶段起作用。TypeScript会假设你，程序员，已经进行了必须的检查。如果没有明确的指定类型，那么 TypeScript 会依照类型推论（Type Inference）的规则推断出一个类型。至于使用哪个大多数情况下是凭个人喜好；然而，当你在TypeScript里使用JSX时，只有。类型断言有两种形式。语法断言是被允许的。
2023-06-22 15:44:52
405
原创 TypeScript——联合类型、交叉类型
交叉类型是将多个类型合并为一个类型。这让我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性。联合类型表示一个值可以是几种类型之一。就是说这个类型的对象同时拥有了这三种类型的成员。）分隔每个类型，所以。
2023-06-22 15:19:40
471
原创 TypeScript——interface接口
它描述了对象索引的类型，还有相应的索引返回值类型需要注意的是，一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集。和类一样，接口也可以相互继承。这让我们能够从一个接口里复制成员到另一个接口里，可以更灵活地将接口分割到可重用的模块里。接口能够描述JavaScript中对象拥有的各种各样的外形。除了描述带有属性的普通对象外，接口也可以描述函数类型。操作符，可选属性的含义是该属性可以不存在。比如用于判断数据唯一性标识的id,就可以用。可以保证数据只读，不能修改。
2023-06-21 14:29:36
187
原创 WordPress添加站点图标与底部备案信息
wordpress网站怎么设置更换站点favicon ico图标免费Favicon.ico图标在线生成器https://beian.miit.gov.cn/#/Integrated/recordQuery
2022-05-21 11:28:39
3972
4
原创 宝塔面板phpMyAdmin报405 not allowed错误及PHP与phpMyAdmin不兼容问题
文章目录1. phpMyAdmin报405 not allowed错误2.PHP与phpMyAdmin不兼容问题导致的数据库异常当我准备打开数据库-管理，想看看数据库的数据时出现了 405参考网上资料说是要重新安装一下phpMyAdmmin的版本就好了，我卸载 了以前安装的版本，安装了最新的然后把它的php版本设置成我安装的php版本结果再次访问503没了，出现了下面的字样然后我刷新了页面，出现了这个，然后我用数据库的用户名与密码登录进去，我以为这样是好的结果在看数据表的时候总是出
2022-05-03 22:45:50
4177
原创 服务器搭建博客（三）：手动配置LNMP&&问题汇总
文章目录一、宝塔问题相关宝塔面板网站502 Bad Gateway无法正常打开的解决过程宝塔面板无法连接二、Ubantu及安装问题Ubantu 不支持 yum 命令apt-get 下载Unable to locate package错误解决办法修改ubuntu 源三、Nginx相关关于nginx启动失败 [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)四、 安装MySQLdpkg依赖问题dpkg:Errors were enco
2022-04-30 10:24:13
288
原创 服务器搭建博客（一）：前期准备（服务器&域名）
文章目录前言前期准备1. 服务器2. 域名2.1 注册域名2.2 网站备案2.3 域名解析2.4 安装SSL证书前言以前自己单纯的会一点前端，随着学习的深入，我想自己搭建一个个人博客试试，拓宽一下知识面。过程也是一波三折，刚开始一窍不通，慢慢找资料，一步步做，原先准备使用宝塔来装的，结果都弄的差不多了，结果配置站点打不开，随下定决心自己搭，结果又是碰到一堆坑，感觉环境配置被我整的一地鸡毛，随又重新安装系统再出发，最终搭了一个雏形。为记录这一过程，遂作此博客，仅供参考。前期准备1. 服务器我参考了
2022-04-14 22:43:13
1266
转载 关于JS中数据运算时的精度损失问题
以前只知道在js中0.1+0.2 !==0.3,但最近做项目时遇到了这样的需求，上一个数据与下一数据要连续，要满足不同行之间的数据只差只能是0.1，当我写好了，按lastNum-currentNum = 0.1来判断时，发现判断是不对，最后发现这类问题其实浮点数运算的问题。这时才发现我需要总结一下。上述需求是这样解决的Number((Number(value) - Number(before)).toFixed(3)) <0.1 ,因为value与before可能是字符串，toFixed处理后也是
2021-12-06 20:29:10
187
转载 absolute导致的父元素高度塌陷问题解决
解决父元素高度塌陷的通常解决办法是在父元素中开启BFC。当子元素脱离文档流的原因是float，则可以通过开启BFC解决。但是如果子元素脱离文档流是因为absolute或者fixed，则开启BFC同样不管用。这种情况下，CSS没有办法解决，只能通过JS获取子元素的高度然后赋值给父元素来解决<body> <div class="container" id="container"> <div class="box" id="box" >
2021-12-05 14:17:15
897
原创 Hook 规则以及自定义Hook
文章目录Hook规则只在最顶层使用 Hook只在 React 函数中调用 Hook自定义HookHook规则只在最顶层使用 Hook不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确只在 React 函数中调用 Hook不要在普通的 JavaScript 函数中调用
2021-12-04 15:09:27
1439
原创 Hook API用法解析——useRef、useImperativeHandle
文章目录一、[useRef](https://react.docschina.org/docs/hooks-reference.html#useref)二、[useImperativeHandle](https://react.docschina.org/docs/hooks-reference.html#useimperativehandle)一、useRefuseRef 会在每次渲染时返回同一个 ref 对象，这是因为它创建的是一个普通 Javascript 对象。而 useRef() 和自建一个
2021-12-03 13:39:19
369
原创 React中Ref相关知识点汇总
文章目录一、 [Refs & DOM](https://react.docschina.org/docs/refs-and-the-dom.html)1.1 使用场景1.2 创建Ref1.3 将 DOM Refs 暴露给父组件二、[Refs 转发](https://react.docschina.org/docs/forwarding-refs.html)三、[回调 Refs](https://react.docschina.org/docs/refs-and-the-dom.html#callba
2021-12-03 13:30:25
1139
原创 Hook API用法解析——useState、useEffect、useLayoutEffect
文章目录一、[useState](https://react.docschina.org/docs/hooks-reference.html#usestate)二、[useEffect](https://react.docschina.org/docs/hooks-reference.html#useeffect)一、useState用于定义变量与修改状态const [state, setState] = useState(initialState);更新 state 变量总是替换它而不是合并
2021-11-30 10:07:17
929
原创 Hook API用法解析——useContext和useReducer
文章目录useContext和useReducer1. [useContext](https://react.docschina.org/docs/hooks-reference.html#usecontext)2. [useReducer](https://react.docschina.org/docs/hooks-reference.html#usereducer)3. 用 useContext + useReducer 替代 redux参考地址useContext和useReducer1. us
2021-10-18 22:45:36
310
原创 Hook API用法解析——React.memo和useCallback和useMemo
文章目录React.memo和useCallback和useMemo1.[React.memo](https://zh-hans.reactjs.org/docs/react-api.html#reactmemo)2. [useCallback](https://zh-hans.reactjs.org/docs/hooks-reference.html#usecallback)3. [useMemo](https://zh-hans.reactjs.org/docs/hooks-reference.html
2021-10-16 17:10:53
245
原创 vsCode 代码自动格式化配置
下载插件EslintPrettier - Code formatterVetursetting.json{ "workbench.iconTheme": "vscode-icons", "workbench.colorTheme": "Default Dark+", "editor.minimap.enabled": false, "files.autoSave": "afterDelay", "window.zoomLevel": 1, "ed.
2021-09-05 16:58:32
432
原创 解决vue 路由传参后退参数丢失的问题
文章目录业务需求遇到问题解决方案利用localStorage使用keep-alive业务需求从A页面传参跳转B页面，B页面传参跳转C页面，C页面可以返回B页面遇到问题当C页面返回B页面时，由于B页面参数丢失导致页面渲染失败解决方案利用localStorage思路：把B页面拿到的参数啊也传给C页面，在C页面把数据存储在localStorage中，返回B页面判断有无，再从storage中取出// A页面linkToDetail(id?: string, sheetSize?: number)
2021-08-13 18:17:39
2007
原创 ECharts之PieChart的封装使用
文章目录一、示例代码1.1 引入echarts1.2 组件1.3 组件使用对应PieChart的参考地址一、示例代码1.1 引入echarts// 在主文件中引入import Echart from 'echarts';Vue.prototype.$echarts = Echart;1.2 组件// PieChart.vue<template> <div :id="name" style="height: 200px;width:500px">
2021-08-03 15:02:20
977
原创 Form表单——动态增加、减少表单项的运用
文章目录一、代码示例二、相关问题2.1 编辑时如何复现动态项数据2.2 渲染问题官方参考地址业务场景：添加问卷问题，一共两类，选择题或简答题一、代码示例<template> <a-form :label-col="{ span: 5 }" :wrapper-col="{ span: 14 }" :form="form"> <a-form-item label="序号">
2021-08-02 18:50:59
2772
原创 react-native项目调试
文章目录一、通过谷歌浏览器调试二、用`react-native-debugger` 来调试三、总结一、通过谷歌浏览器调试按ctrl+m 模拟器上就会出现下面的弹窗，然后选择Debug然后就会在谷歌浏览器中打开按F12就能打开控制台查看，但是无法审查元素，这些元素还是当前页面的，不是我们编写的页面还有一个问题就是不能查看发出的请求，这个可以通过配置来解决，在根目录下的index.js中添加如下配置即可GLOBAL.XMLHttpRequest = GLOBAL.origina
2021-07-25 17:52:22
788
2
原创 React-Native项目的环境搭建-win10/android
文章目录参考文档安装环境介绍Node安装JDK安装安装配置检验Andriod环境配置下载Android Studio安装 Android SDK安装模拟器配置 ANDROID_HOME 环境变量创建项目遇到的问题参考文档官方文档安装环境介绍操作系统:Windows 10 家庭中文版安装依赖：Node、JDK、Android 环境Node安装下载地址：https://nodejs.org/zh-cn/下载msi,会帮你配置环境变量，一路默认安装就好，就是node包下载时间较长JDK安装
2021-07-25 16:27:35
497
1
原创 wxs 使用注意事项
wxs 参看文档1. 无法使用es6的语法变量声明不能用let、const，只能用varnew Date() 无法使用，需要使用getDate()代替导出函数也不能使用缩写var getTimeStamp = function (timeStr) { var time = getDate(timeStr).getTime(); return time;};module.exports = { getTimeStamp: getTimeStamp,};2.枚举
2021-06-25 17:36:42
461
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人