![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE_Rect_JS_TS
JS前端相关
kuilaurence
NRZ
展开
-
解决ssh: connect to host github.com port 22: Connection timed out
这意味着通过 443 端口成功进行了身份验证,但 GitHub 不提供 shell 访问权限。这意味着成功通过 443 端口进行了身份验证,并且现在可以正常连接到 GitHub。当连接 GitHub 时无法连接到 22 端口时,可以尝试将端口更换为 443。文件中覆盖 SSH 设置。这说明不能通过 22 端口连接到 GitHub。这意味着无法通过 22 端口进行 SSH 连接。这意味着成功克隆了 GitHub 上的仓库。4. 现在,我们需要在。原创 2024-01-29 13:08:07 · 3554 阅读 · 5 评论 -
前端实现截图并下载
使用html2canvas库来捕捉当前HTML文档的内容,并将其渲染到canvas元素上。一旦内容被渲染,它将把canvas转换为数据URL,并创建一个带有适当下载属性的链接元素。确保通过从官方网站下载库文件或从CDN引用它来在项目中引入html2canvas.min.js文件。使用一个名为html2canvas的JavaScript库。这个库允许你将当前的HTML内容渲染到一个canvas元素上,然后将其转换为图像并进行下载。请记得在不同的浏览器和环境中进行测试,以确保兼容性。原创 2024-01-09 18:28:55 · 779 阅读 · 0 评论 -
React使用Valtio的hook实现响应式状态管理
它的使用方式非常简单直观,让我们能够轻松跟踪和更新应用程序的状态,并且无需手动处理组件重新渲染的逻辑。假设我们正在构建一个社交媒体应用,我们想要追踪用户的信息、主题设置以及未读通知的数量。使用 Valtio,我们可以轻松地管理状态,让状态更新和组件重新渲染变得简单而直观。这样,我们就可以直接修改状态字段,而无需手动编写繁琐的状态更新逻辑。现在,我们已经定义了一些更新状态的函数。函数来订阅状态的变化。然后,我们可以在组件中直接访问状态字段,并将其渲染到页面上。首先,我们需要创建一个状态对象,我们可以称之为。原创 2024-01-09 12:11:41 · 1024 阅读 · 0 评论 -
bat文件操作学习
注释: start “” cmd /c ***.bat 新开窗口执行该bat文件。cd /d %~dp0 切回到该bat文件当前目录 执行.避免父级对子级的路径影响.目的:通过一个bat文件启动其他的bat文件,各自启动自己的服务.pause >nul 保持界面不闪退,通常为了看具体报错。一键启动.bat文件内容。原创 2023-06-02 12:30:27 · 127 阅读 · 0 评论 -
Vue做个显示代码的区域Ts
Vue做个代码显示框,依赖包:highlight.js, prismjs, vue-prism-editor。原创 2023-03-08 15:46:47 · 219 阅读 · 0 评论 -
Js获取当前浏览器设备类型封装get、post请求Ts
Js获取当前浏览器设备类型封装get、post请求Ts。原创 2023-03-08 15:08:24 · 375 阅读 · 0 评论 -
Vue使用scss变量控制主题色
原理将变量注入到body的样式里,改变主题色的时候修改变量的颜色即可。放body的好处是全局可用。原创 2022-12-02 10:39:53 · 1658 阅读 · 0 评论 -
中国城市名单拼音排序(json)
找A-Z排序的城市名单,都不理想,整理了一份。如下:{ "citys": [ { "title": "A", "lists": [ "阿尔山市", "阿克苏市", "阿拉尔市", "阿拉山口市", "阿勒泰市", "阿图什市",原创 2021-05-27 19:17:56 · 1026 阅读 · 1 评论 -
React官网井字棋案例重写
直接上代码:import { BtnStype } from '../components';import React, { useState } from 'react';import { Button } from '@material-ui/core';const Tictactoe = () => { const [datas, Setdatas] = useState({ currentPlayer: "X", winPlayer: "",.原创 2020-10-23 19:57:50 · 261 阅读 · 0 评论 -
React简单理解加自己的笔记
1.npm init -y2.src源代码 dist产品目录3.在src下新建index.html (输入!然后按table,生成index模板代码)4.可以使用cnpm 替代 npm 用法一样 生成node_modules npm install express -g 修改环境变量5.cnpm i webpack-cli -d 注意出问题:全局装一个 本地装一个webpack-cli6.webpack.conf原创 2020-09-30 18:22:55 · 108 阅读 · 0 评论 -
React初级之大数计算器(一)类组件
直接上代码:import React from 'react';import { BigNumber } from "bignumber.js";import styled from 'styled-components';class Calculate extends React.Component { constructor(props) { super(props); this.state = { currentNum: ''.原创 2020-10-19 18:51:44 · 512 阅读 · 0 评论 -
React初级_添加爱好显示列表
效果如图:代码:import React from 'react';class Hobby extends React.Component { constructor(props) { super(props); this.state = { ...this.state, hobbies: this.props.hobbies || [] } this.addHobbyCallb原创 2020-10-12 17:33:48 · 145 阅读 · 0 评论 -
JavaScript 代码延时sleep()以及时间格式化
sleep():function sleep(time) { return new Promise((resolve) => setTimeout(resolve, time));}async function solve{ for (var i = 0; i < list.length; i++) { ... await sleep(800); }}时间格式化:function dateFormat(fmt, date) { let ret; c原创 2020-12-14 10:40:57 · 617 阅读 · 0 评论 -
React初级之大数计算器(三)函数组件_加样式
直接代码:import styled from 'styled-components';import React, { useState } from 'react';import { BigNumber } from "bignumber.js";import { makeStyles } from '@material-ui/core/styles';import {Button,Input} from '@material-ui/core';const Calculate = () =.原创 2020-10-20 18:02:15 · 215 阅读 · 0 评论 -
React初级之大数计算器(二)函数组件
废话少说,上代码:import React,{useState} from 'react';import { BigNumber } from "bignumber.js";import styled from 'styled-components';const Calculate = () => { const [state, setState] = useState({ currentNum: '', numA: '', oper.原创 2020-10-19 18:52:27 · 500 阅读 · 0 评论 -
nodejs的post请求json类型及表单类型
json类型:var https = require('https');var qs = require('querystring');var request = require('request');var post_data = { "text": "百度", "index": 0};const url = 'https://aip.baidubce.com/rpc/2.0/creation/v1/couplets?';var token = "";function原创 2021-02-19 12:36:44 · 1374 阅读 · 0 评论 -
C#|JS 95到105的100个随机数和为10000
直接上代码:C#代码。先随机一半,另一半用和来求,然后用洗牌算法过一遍即可。JS代码:原创 2022-07-04 11:46:39 · 333 阅读 · 0 评论 -
javascript 保留N位&删除小数末尾多余的0&解决科学计数法
JS实现去除小数末尾多余的0function cutZero(str) { if (!Boolean(str)) return '0'; if (!(/^[0-9.]+$/g.test(str))) return '0'; if (!str.includes(".")) return str; while (str.slice(-1) === "0") { str = str.slice(0, -1) } if (str.endsWith("原创 2021-04-23 20:29:59 · 1807 阅读 · 0 评论 -
Javascript之对象数组的处理
obj={home:true,account:false,other:false}提取对象的keys 组成数组,Object.keys(obj) //["home", "account", "other"]提取对象的value组成数组,Object.values(obj) //[true, false, false]对数组/对象遍历有for-in循环和for-of循环两种循环。其中,for-in是ES5标准,遍历的是key(可遍历对象、数组或字符串的key “index”);for-of是E原创 2021-01-12 17:26:35 · 1288 阅读 · 0 评论 -
前端浏览器兼容
<script src="https://cdnjs.cloudflare.com/ajax/libs/reconnecting-websocket/1.0.0/reconnecting-websocket.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script> <link href="h.原创 2021-01-12 17:30:25 · 129 阅读 · 0 评论 -
html 一键复制功能以及下载功能
1.需要引入库:clipboard.min.js。原创 2021-01-05 17:44:00 · 2944 阅读 · 5 评论 -
js在数组map时使用异步
直接上代码:let arr = [1, 2, 3, 4, 2];async function xxx(num) { return 666 + num;}async function ttt() { let res = await Promise.all(arr.map(async (item) => { return await xxx(item); })) return res;}ttt().then(console.log)[原创 2021-06-15 19:49:34 · 1030 阅读 · 0 评论 -
高德地图sdk设置marker并且将设置为地图中心
高德地图sdk设置marker并且将设置为地图中心,直接在官方demo里改,授权key需要改为自己的。原创 2022-08-26 15:48:59 · 1028 阅读 · 0 评论 -
VUE3/TS踩坑笔记
缩写v-bind 缩写Vue.js 为两个最为常用的指令提供了特别的缩写:v-on 缩写emit 传值Home.vue //v-oncode:HelloWorld.vue //$emitprops: 传值Home.vueHelloWorld.vuev-if 与 v-show 的区别在切换 v-if 块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁原创 2020-12-23 16:23:13 · 258 阅读 · 1 评论