- 博客(31)
- 收藏
- 关注
RSS订阅原创 js手写一个new
这一步，将构造函数 Person 内部的 this 指向了新创建的对象 obj，并执行构造函数内部的代码。和 this.age = age;来初始化属性，因此在这个过程中，obj 对象的属性被成功设置为 { name: 'Alice', age: 30 }。比如：有2个对象，对象A和对象B，我希望对象A能用对象B的所有属性，这个时候就可以通过对象私有属性__proto__指向对象B，对象B就是对象A的原型。对象A属性[[Prototype]]即对象B，对象B。属性作为其 [[Prototype]]
2024-03-19 09:36:03
199
原创 闭包用于理解案例
（closure）是一个函数以及其捆绑的周边环境状态（）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建这两段代码的区别在于闭包的使用方式和生命周期。init()nameinit()init()makeFunc()namemakeFunc()myFuncmyFunc()makeFunc()namemakeFunc()name因此，第二段代码中的函数可以被保存并多次调用。
2024-03-17 17:02:32
739
原创 利用VSCode实现远程连接服务器并实时同步保存文件
4.由于我这边连接服务器设置的是public key(id_rsa+密码)，所以配置文件添加IdentityFile设置（如果直接选Password，可不设置IdentityFile）IdentityFile设置成功的话，连接后会输入框提示的是enter passphrase for ssh key。3. 查找并打开配置文件，将自定义服务器名称、IP、登录用户名填写好并保存，可以设置多个服务器。2.下载完成后会出现箭头所示（如果没出现，请更新vscode版本）连接服务器，查看.ssh目录。
2024-01-10 13:51:44
1053
1
原创 解决vue2的watch方法中修改监听的数据并不会触发视图更新问题
监听器来监听数据变化时，直接修改监听的数据并不会触发视图更新。为了更新视图，你可以使用。这是因为在 Vue.js 的响应式系统中，使用。方法或者通过强制刷新组件来实现。
2023-11-01 13:28:01
938
原创 搭建MongoDB服务
userAdminAnyDatabase是 MongoDB 的一个内置角色之一。该角色授予用户在任何数据库上管理用户和角色的权限，包括创建、修改和删除用户，以及分配角色和权限。在将 MongoDB 部署到实际生产环境中时，需要进行一些进一步的配置和安全设置以确保数据库的稳定性和安全性。通过配置 MongoDB 的访问控制功能，可以限制对数据库的访问，只允许经过身份验证的用户连接。如果不使用 用户密码 连接，则无法操作任何数据库，由于服务开启验证。用于管理 MongoDB 的用户和角色。
2023-09-27 10:49:55
108
原创 Node.js和Express编写的后端部署服务器
将本地项目内node_module目录删除，压缩项目文件，上传速度更快。将图中左测本地的压缩包直接拖到右侧目录下，完成项目文件上传服务器。如果你想将文件解压到指定目录，可以使用。参数，指定目标路径。可以使用箭头所指的xftp进行上传项目文件。在 Xshell 中，可以使用。
2023-09-27 08:49:56
200
原创 react+xlsx读取项目public下文件，并修改文件内容，再下载
【代码】react17+xlsx^ 0.18.5读取项目public下文件，并修改文件内容，再下载。
2023-09-05 14:09:07
807
原创 react-create-app（react17+craco）使用svg
【代码】react-create-app（react17+craco）使用svg。
2023-08-10 09:35:29
302
1
原创 react17 antd中触发Tooltip组件，切换到其他页面无法关闭问题
所以切换到其他页面时，react拿不到提示框，所以setState无效（可以说是被存起来了，但不会去刷新页面），但调试框Element可以拿到提示框，这个时候我们可以从dom操作出发。切换到B页面，触发关闭按钮无效。2.在关闭后，open状态为false（切换到其他页面open状态不会发生变化，只有页面切换回来，open状态才被拿出来渲染），这个时候把它样式设置为空，防止阻碍Tooltip内置打开效果。实现代码：（效果：鼠标进入打开，鼠标出去关闭，点击会打开，但只能摁X按钮才能关闭）
2023-07-26 11:18:44
963
原创 使用mongoose时，返回的数据对象无法添加属性
1.我们正常打印对象时，返回的数据就是一个对象。3.这个时候可以发现我们需要的内容是在这个。我们发现这个对象是一个特别复杂 内容。
2023-06-01 10:44:01
81
原创 用express 写图片上传功能
将存储图片的目录设置为 Express 的静态资源目录（使用 express.static 方法）。这样，存储图片的文件夹就可以被公开访问。2.返回前端可以直接访问的url，req.protocol + '://' + req.get('host') + imgname。本人是公开访问public/images，所以imgname是在public/images目录下。前端传过来的图片是base64。
2023-04-28 17:14:02
427
原创 antd@4.23.0 修改select下拉框的样式
由于我打开F12 使用Elements就是点击不到下拉框的dom，导致我不知道要修改那个类的样式才能起作用。以上步骤就能想改啥就改啥了。
2023-04-28 13:23:11
865
原创 Vue3 ts 实现JSON编辑器
1. 将ace-builds/src-min 所有文件复制到自己项目内。本人是放在了目录public/lib/ace 下。2. 下载 vue3-ace-editor。
2023-04-21 14:05:58
493
原创 react+ts配置别名alias
3.修改package.json文件，用craco替代react-scripts。5.如果配置了eslint，在 .eslintrc.js添加settings。2.创建一个craco.config.js文件。4.在 tsconfig.json文件新增。
2023-01-06 14:43:23
387
原创 实现ECharts双Y轴左右刻度线一致
<div id="main" style="width: 1400px; height: 500px"></div> data() { return { carStream: [], //车流 date: [], //日期 income: [], //收入 } },mounted() { this. getDynamicData()},methods: { //近30天收入和车流 g...
2022-01-17 16:58:22
793
1
原创 vue+echarts实现y轴为百分比
npm install echarts --save<template> <div id="main" style="width: 600px; height: 400px"></div></template><script>import * as echarts from 'echarts'export default { data() { return { option: { ...
2022-01-11 14:24:19
4838
原创 css中position：absolute详细介绍
定义： 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。这些属性是相对于HTML标签
2021-10-04 09:16:53
1331
原创 reduce 的使用方法
arr.reduce(function(prev, cur, index, arr) {})prev: 第一项的值或者上一次叠加的结果值cur: 当前会参与叠加的项index： 当前值的索引arr: 数组本身1.用于数组中每个数相加求和 var arr = [1,2,3,4,5,6,7] function total(arr){ return arr.reduce((preValue,currentValue)=>{
2021-07-21 15:43:34
313
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人