- 博客(62)
- 资源 (4)
- 问答 (3)
- 收藏
- 关注
RSS订阅
原创 react快速复习
一、主要依赖react、react-dom、react-router，react-router-dom、react-redux、redux、mobx、axios、promise、fetch、babel、es6、node、二、使用方式使用jsx主要依赖于babel、es6、react、react-dom三大类组件：函数式组件hooks、类组件、jsx类组件：在...
2021-09-24 18:23:59
209
原创 Mac下安装brew 并使用brew安装Node.js
brew国内镜像安装命令：/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"使用brew安装Node.js 搜索brew支持的node版本 brew search node下载安装brewbrew reinstall node@16根据bre...
2024-02-24 10:38:49
360
原创 react-router-dom6 路由不合法
1、昨天用react-router-dom6搭建了个项目，简直了，一个bug直接给我应用干废了！2、我试了试不合法的url是如何处理的，随意输入了个反斜杠http://localhost:8089/#/\3、结果应用搞岔气了，意思是我的url不合法。这没问题，问题是我需要一个calback或者其他的重置我的应用，不弹出这个界面，看了下源码，问题找到了：没错，就是这位老弟...
2023-08-14 17:50:42
210
原创 windows下根据端口结束进程
查找进程idshellnetstat -ano | findstr 端口号结束进程shelltaskkill /pid 进程id /f
2023-05-09 11:37:04
138
原创 react项目进行jest自动化测试配置
引入jest npm i jest -D// 兼容es5在node_modules下模块化引入css npm i -D identity-obj-proxy //fix bug when importing antd-mobile by babel dynamic error: Cannot use import statement outside a modul初始化...
2023-03-01 15:05:29
395
原创 如何使用内嵌H5取代小程序
一、在开发中，遇到各种业务场景，嵌套，环境容器隔离，引入各种库，造成bug尾大不掉，尤其是小程序。二、h5开发成本较低，不如做一全套h5，就没有那么多问题了。三、由此<web-view src="{{src}}"/>将代码放置在小程序接口，完美解决。...
2023-02-08 15:51:39
121
原创 React开发笔记
该函数默认返回 true。React立意选取最小块设计，元素化每个dom标签，在内存中进行操作，引起Dom的最小render，节约Html的性能，单向数据流自上而下，采用函数化和面向对象思想，给予每个模块最灵活的操作和对开发者极大的便利，React的最大优点并不是继承，而是组合Dom组件。ReactDOM.createPortal ReactDOM.render() 在return中可以使用{this.state.属性 && } {this.state.属性？
2023-01-25 19:20:43
372
原创 基于electron的创建桌面应用
electron是一个底层基于c++的应用开发框架，类似于webview+html嵌套，还需要在node的环境中运行，使用之后，发现我打包的应用只有一个html文件，打包后体积远远大于我html文件体积，不太理想，记录下怎么搭建使用。
2022-11-14 15:29:03
656
1
原创 forEach 跳出循环和throw err 与 throw new Error 的区别
forEach跳出循环和throw err 与 throw new Error 的区别
2022-06-10 19:21:10
202
原创 防抖和节流
## 防抖和节流1. 防止短时间内执行重复无效操作。2. 只执行一次操作。```javaScript <script> document.querySelector('button').addEventListener('click', 节流(Test, 1000)); function 防抖(go, time) { // 加载执行 console.log(this); let t.
2022-05-31 19:29:44
64
原创 webpack5 的最新使用
一、安装最新依赖库版本设定{ "name": "blogs", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack-dev-server --progress --config ./config/webpack.config.dev.js", "dev": "webpack --config ./config/webpack....
2022-05-31 16:17:39
292
原创 滚动到页面指定位置
document.getElementById('board7').scrollIntoView({ behavior: 'smooth', block: 'start' })
2022-01-29 14:35:46
474
原创 vue制作单向轮播组件
<template> <div :class="{'swiper': true} "> <div class="swiper-frame" @touchstart= "start" @touchmove= "move" @touchend= "end" @mousedown="dragStart" @mousemove="dragMove" @mouseup="dragUp.
2022-01-26 17:51:03
932
原创 vue2学习
vue版本vue --version全局安装：vue-clinpm install -g @vue/cli命令行运行单个vue文件：npm install -g @vue/cli-service-global升级全局的 Vue CLI 包:npm update -g @vue/cli创建项目vue create my-projectGUI创建vue uivue3.0使用Element Plus。"element-plus": "^1
2022-01-25 16:35:43
876
原创 MyBatis基本方式一复习
一、基本引入1、配置mysql8+myBatis教程：狂神官网：入门_MyBatis中文网项目地址：地址项目目录<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
2022-01-18 11:22:48
476
原创 MyBatis学习笔记
一、引入pom依赖 <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.6</version> </dependency>或 <dependency&
2022-01-18 10:49:42
47
原创 maven学习笔记
安装maven 配置环境变量， 配置本地仓库maven： src：源码 pom.xml maven项目配置文件（project、Object、Model） main 放主程序 test： 单元测试 java： 放java源文件 resources:存放框架和其他工具的·配置文件 mvn命令· clean、compile、test、package ...
2022-01-11 14:03:28
71
原创 解决css 文字下划线不齐
对于字符大小参差不齐的css设置下划线要设置边框。英文的四线格是个例子：由于文字不对齐，有的设备的text-decoration-line:默认对单个文字的基准线不同。
2021-12-31 10:30:53
381
原创 html input属性拍照视频录制上传文件功能
// capture 媒体类型 // user 视频录制// camcorder// camera// accept 文件类型 video/* image/*//<input type="file" name="video" id="video-input" accept="video/*" capture="user" onchange={} />
2021-12-18 16:33:29
471
原创 js剪切板事件
剪切板事件 const oInput = document.createElement('input'); oInput.value = tel; document.body.appendChild(oInput); oInput.select(); document.execCommand('copy'); oInput.remove(); // 移除键盘
2021-12-18 15:54:32
142
原创 小米k40开启热点后，计算机链接不上——AP
AP:（Access Point的缩写，无线访问节点、会话点或存取桥接器）。当前无线AP提供无线信号发射和接受的功能，通过电信号转化成不同频段的波信号，形成一定范围的波段范围覆盖，就是无线网。k40无线配置默认频段5GHZ,有些设备链接不上，因为设备不支持这个频段的链接，或其他原因，更改频段为2.4GHz,问题解决。...
2021-12-15 10:45:41
3191
原创 app和浏览器兼容性问题总结
一、app兼容性处理。①、ios12以后软键盘弹起以后，软盘原占用空白位置遗留，界面不能归位问题。document.body.addEventListener('focusin', () => { // 软键盘弹出 this.isReset = false})document.body.addEventListener('focusout', () => { // 软键盘收起 this.isReset = true setTimeout(() => {
2021-10-27 12:06:28
516
原创 递归函数和深浅拷贝
递归：在函数内部自己调用自己function fun(){ fun();}; 深浅拷贝 浅拷贝：只拷贝了地址指针指向，拷贝后，修改时，二者互相影响。 深拷贝：完全独立的另一份数据。浅拷贝var obj = {name:1age:1}var obj1 = obj;深拷贝function deepCopy(newObj,oldObj){ for(var k in oldObj){ var item = oldObj[k]; if(item instanceof Array
2021-10-08 18:05:18
80
原创 StartService和stopService播放音乐
一，在MainActivity中有代码如下：package com.example.jiyeliaoyuan.myapplication;import android.content.Intent;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.Vi...
2021-10-08 14:23:14
2812
原创 java中创建链表，实现链表的尾部插入
package test;//目标：创建链表，实现链表结点的尾部插入class Node_5{ private String data; public Node_5 nextNode; public void setData(String indata){ this.data=indata; } public String getData...
2021-10-08 14:22:22
2053
原创 promise异步执行原理探究
```javascript<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-10-08 14:20:17
114
原创 基于express 使用和api
1、package.json添加依赖/*package.json*/{ "name": "express", "version": "0.0.0", "private": true, "scripts": { "start": "nodemon ./bin/www" }, "dependencies": { "axios": "^0.21.1", "body-parser": "^1.19.0", "connect-timeout": "^1.
2021-10-08 14:19:27
104
原创 前趋图和进程
有向无循环图（DAG）：用于描述进程之间的执行先后顺序。程序顺序执行：编辑 编译 链接 执行程序结构：顺序、分支、循环结构。程序执行方式:顺序执行：单道批处理系统的执行方式，也用于简单的单片机系统。 并发执行：如今大多数操作系统（2020年）程序顺序执行的特性;顺序性 封闭性 可再现性引入并发执行可以提高资源的利用率。程序并发执行时的特征：间断性:进程...
2021-10-08 14:18:41
1001
原创 HTML5新增
一、HTML5新增标签属性section、header、nav、footermark、time、meter、progressaside、figureinput：type=> email、url、number、range、date、month、week、time、datetime、datetime-local、searchinput: autocomplete、autofocusform：action、enctype、method、novalidate、target、input、image
2021-10-08 14:16:28
122
原创 操作系统题库
一、单选题（共15题，30分）1、当前运行的进程( ),将引发系统进行进程调度。（2分）A、执行了一条转移指令B、要求增加主存空间,经系统调用银行家算法进行测算认为是安全的C、执行了一条I/O指令D、执行程序期间发生了I/O完成中断2、若某单处理器多进程系统中有多个就绪态进程,则下列关于处理机调度的叙述中,错误的是()。（2分）A、在进程结束时能进行处理机调度B、创建新进程后能进行处理机调度C、在进程处于临界区时不能进行处理机调度D、在系统调用完成并返回用户态时能
2021-10-08 14:15:57
2318
原创 面向对象:类的继承和原型链
面向对象:类的继承和原型链Babel转码器：Es6 => Es5polyfillBabel 默认只转换新的 JavaScript 句法,全局对象的方法都不会转码。例如：Iterator、Generator、Set、Map、Proxy、Reflect、Symbol、Promise <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> class Person{
2021-09-30 15:07:34
71
原创 nodejs使用笔记
一、http-errors制造错误信息返回给前端var createError = require('http-errors')；createError(401, 'Please login to view this page.')express制造服务const express = require('express')；const app = express()； app.get('/', function (req, res) { res.send('Hello World')}) ap
2021-09-29 17:10:31
163
原创 trao笔记二
import {Component} from "react"import {View,Text,Image} from '@tarojs/components'import KeFuImg from '../../imgs/icon_8423s1j69pf/a.png';import Taro from '@tarojs/taro'import './index.scss'export default class Person extends Component { constructor(
2021-09-29 17:09:02
331
React开发笔记，React立意选取最小块设计，元素化每个dom标签，在内存中进行操作，引起Dom的最小render，节约
2023-01-25
ie浏览器下，背景图片和img标签为什么不显示
2022-06-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人