自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(118)
  • 资源 (4)
  • 收藏
  • 关注

原创 Mac 配置远程服务器 - 免密登陆

进入本地终端在对应目录下:我这里选的是data目录下的image.jpg文件,复制到服务器的data目录下。按三次回车,完成生成本地私钥和公钥。id_rsa.pub 公钥。本地文件复制到服务器上。服务器文件复制到本地上。id_rsa 私钥。

2023-06-05 16:34:33 593

原创 react 刷新滚动回到顶部

【代码】react 刷新滚动回到顶部。

2023-04-19 11:02:19 412

原创 框架离线缓存使用(appcache.manifest)

【代码】框架离线缓存使用(appcache.manifest)

2023-04-13 18:01:05 219

原创 H5禁止浏览器自带返回事件

H5 浏览器自带拦截

2022-11-22 10:53:12 1292

原创 git 版本会退操作

git

2022-06-08 11:47:23 117

原创 mongoDB常用命令

mongoDB常用命令查看命令提示helpdb.help()db.test.help()db.test.find.help()创建切换数据库use music查询数据库show dbs查看当前使用的数据库db/db.getName()显示当前db状态db.stats()查看当前DB版本db.version()查看当前DB链接机器地址db.getMongo()```删除数据库db.dropDataBase()...

2022-03-15 17:22:49 1212

原创 读取当前文件夹下的所有文件,及内容(node)

function readDir (pathUrl) { fs.readdir(pathUrl, ( err, fileName) => { if ( err ) { console.log('文件夹读取错误',err) }else{ for ( let i = 0; i < fileName.length; i++){ console.log(`${pathUrl}:`,fi

2022-02-18 15:46:11 1391

原创 nodeJs 文件及文件夹操作(fs模块)

const fs = require('fs');// fs.mkdir('./logs', ( err ) => { // 文件夹夹创建// if ( err ) {// // throw err// console.log('文件夹创建失败',err);// }else{// console.log('文件夹创建成功');// }// });// fs.rename( './logs', './log',

2022-02-18 15:44:30 573

原创 node自定义事件

events// node 的自定义事件const EventEmitter = require('events');class myEventEmitter extends EventEmitter {};const event = new myEventEmitter(); event.on('customEvent', ( value ) => { console.log(value);//movie});event.on('aaa', ( value ) =&gt

2022-02-14 15:23:33 276

原创 node跨域

jsonp实现跨域jsonp 不是ajax请求,是利用浏览器端请求了一个js不跨域的特性代码:前端代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view

2022-02-14 15:21:43 361

原创 js 控制scss 变量(vue)

利用css3的var()实现运行时改变scss的变量值<template> <div> <span v-for="item in list" :style="{'--text': item.text, '--color': item.color}"></span> </div></template><script>export default { name: '',

2021-11-17 18:15:05 2071

原创 axios 封装数据请求

数据请求封装(axios)安装 axios npm i axios创建request.js文件(这个文件是用来封装数据请求的)数据请求代码(下面写了常用的get 和post请求)import axios from 'axios'axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';axios.create({ // baseURL: 'https://some-

2021-09-28 17:41:30 521

原创 vue-router懒加载

vue项目实现路由按需加载(路由懒加载)的3种方式vue异步组件技术 ==== 异步加载vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 .但是,这种情况下一个组件生成一个js文件/* vue异步组件技术 */{ path: ‘/home’, name: ‘home’, component: resolve => require([’@/components/home’],resolve) },{ path: ‘/index’, name: ‘Ind

2021-09-26 12:09:58 452

原创 vscode打开项目从中文界面变成英文界面的缺陷

有时候我们vscode已经下载好中文简体的插件,但是通过vue init webpack xxx创建的vue项目用vscode打开后还是会切换回英文界面。这时候需要做如下操作:1.Ctrl+ Shift +P (command+shift+P)输入display 选择Configure display Language2.选择zh-cn这时候vscode会提示需要重启,点击restart重启vscode,重启后vscode就会显示中文界面。...

2021-09-24 11:46:34 825

原创 谷歌插件

Simple Translate 翻译Fireshot 截图(浏览器长图)uBlock Origin 去广告OneTab 这款插件可以一键关闭所有标签页,并将关闭的网址保存起来。这个插件有很多用途,它可以减少你的内存占用,因为关闭了没用的标签,可以节省很多性能。另外,因为它还提供了网页保存功能,你可以用来临时存储一些网页,方便随时取用Wappalyzer 它能够识别当前网站所用技术,比如使用的编程语言、数据库、Web服务器、框架和库、甚至WordPress这样的CMS等,Extension M.

2021-08-06 12:29:50 110

原创 苹果官方鼠标移动速度慢问题解决(Magic Mouse)2021-07-29

终端命令defaults read -g com.apple.mouse.scaling设置方法defaults write -g com.apple.mouse.scaling 7默认可能是:3 , 我这里设置的:7重启电脑生效

2021-08-06 09:18:54 3696

原创 微信小程序样式

尺寸单位小程序特有的单位rpx小程序规定屏幕尺寸为750rpxrpx可以根据屏幕尺寸自适应rpx单位换算rpx 换算成 px 是 屏幕宽度 / 750 px 换算成 rpx 是 750 / 屏幕宽度 iphone6 (375px * 667px)375px = 750rpx1rpx = 0.5pxiphone5(320px * 568px)1rpx = 0.42px1px = 2.34rpx如果设计稿不确定有多少像素时(设计稿未知宽度page)1p

2021-06-10 11:24:11 156

原创 小程序的事件绑定

小程序的事件绑定事件绑定关键词bindbindinput="事件名"、bindclick=""在小程序的方法里给data中的数据赋值需要用到setData({})示例this.setData({ num:10,})input事件获取input框内的数据e.detail.value点击事件bindtap=""小程序中事件无法直接传参需要通过自定义属性来传参通过事件源来(e) 来获取自定义属性...

2021-06-10 09:36:48 864

原创 微信模板语法

微信模板语法标签标签text标签相当于html中的span标签(行内)view 相当于div标签checkbox 标签复选框标签属性checked属性:控制默认状态(布尔值)checked=“{{true}}”disabled属性:是否禁用(布尔值)```disabled="{{false}}"block标签:写代码时候存在的,页面渲染后会移除掉使用场景:当你需要渲染某些数据是,不想额外的嵌套标签时使用微信属性数据绑定在js文件里的data中写入数

2021-06-08 14:57:58 253

原创 小程序的目录结构和配置说明

项目基本目录结构|-- pages ———————————————————————————————————页面文件| |-- index ———————————————————————————————首页| | |-- index.js ————————————————————————首页逻辑文件| | |-- index.json ——————————————————————首页配置文件| | |-- index.wxml ——————————————————————

2021-06-08 11:40:44 261

原创 mddir——自动生成文件目录结构

自动化生成项目目录结构,文件类型为.mdnpm install mddir -g打开项目所在的文件夹,cmd到控制台,mddir即可生成

2021-06-08 09:59:20 605

原创 微信小程序开发准备

环境准备注册账号小程序注册获取APPID登录微信开发平台找到开发管理中的开发设置,记住AppID(小程序ID)号开发工具下载开发工具

2021-06-07 11:02:44 59

原创 JS 中浮点数运算精度问题解决

解决js小数运算精度问题类似:0.1+0.2 = 0.30000000000000004;0.11 + 0.345 = 0.45499999999999996;解决方法需要把小数转成整数运算完后在转成小数这边以 0.11 + 0.345 = 0.45499999999999996; 这个为例代码//判断小数点后有几位let num1 = 0.11.toString().split(".")[1].length;//2let num2 = 0.345.toString().split("

2021-05-24 10:33:18 338

原创 var let const 的区别

varvar 声明变量会声明提升声明提升//原来代码(自己写的)console.log(age);//undefinedvar age = 26;//声明提升后(自动转换的)var age;console.log(age);//undefinedage = 26;可以反复多次声明同一个变量这是变量提升导致他不会报错var b = 1;var b = 2;var b = 3;console.log(b)//可以执行,不会报错var 是函数作用域生效

2021-05-06 17:24:34 74

原创 Java的数据类型

Java的数据类型基本数据类型(四类八种)整数型byteshortinitlong浮点型floatdouble字符型char’布尔型boolean八种基本数据类型数据类型关键子内存占用取值范围字节型byte1个字节-128~127短整型short2个字节-32768~32767整型init(默认)4个字节-231~231-1长整型long8个字节-263~263-1单精度

2021-04-30 16:44:21 44

原创 Jav 的编译和运行

java的编译打开cmd在.java文件目录下输入javac xxx.java将一个.java 文件编译成.class文件java 的运行命令在命令行运行.class文件输入 java xxx(要运行的.class文件名)(这不需要后缀)

2021-04-27 16:55:41 7641

原创 JS的运行机制、宏任务、微任务、任务队列、执行栈、事件循环

单线程的JavaScript单线程自上到下执行js是单线程的,基于事件循环,非阻塞IO的。特点: 处理I/O型的应用,不适合CPU运算密集型的应用。说明: 事件循环中使用一个事件队列,在每个时间点上,系统只会处理一个事件,即使电脑有多个CPU核心,也无法同时并行的处理多个事件。因此,node.js在I/O型的应用中,给每一个输入输出定义一个回调函数,node.js会自动将其加入到事件轮询的处理队列里,当I/O操作完成后,这个回调函数会被触发,系统会继续处理其他的请求。JavaScri.

2021-04-27 16:30:07 454

原创 JRE和JDK 下载和环境变量配置

JRE:是java程序的运行时环境,包含了JVM和运行时所需要的核心类库JDK:是java程序开发工具包,包含JRE和开发人员的工机具如果想运行一个已有的java程序,那么只要安装JRE即可如果想开发一个全新的java程序,那么就必须安装JDK下载安装JDK官网下载:下载JDK直接下一步安装就行了环境变量配置此电脑右击属性高级系统设置->环境变量新建系统变量变量名为:JAVA_HOME变量值:D:\Java\jdk1.8.0_261(JDK的位置..

2021-04-25 15:54:36 119

原创 计算机储存单位

计算机储存单位位(bit)一个数组0或1代表一位字节(Byte)没逢8位就是一个字节1Byte = 8bit1KB = 1024Byte1MB = 1024KB1GB = 1024MB1TB = 1024GB1PB = 1024TB1EB = 1024PB1ZB = 1024EB

2021-04-20 15:36:29 52

原创 webpack运行命令

运行命令开发环境:webpack ./src/index.js -o ./build/built.js --mode=development上面代码的意义:webpack会已src下的index.js文件为入口文件开始打包,打包后输出到build文件下的built.js文件生产环境:webpack ./src/index.js -o ./build/built.js --mode=production上面代码的意义:webpack会已src下的index.js文件为入口文件开始打包,打

2021-04-12 13:45:45 2497

原创 react 配置代理

react 配置代理安装http-proxy-middlewarenpm i http-proxy-middleware在src下创建setupProxy.js文件这是代理文件setupProxy.js文件文件内容代码const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function (app){ app.use( createProxyMiddlew

2021-04-06 17:01:51 245 1

原创 redux 数据分块 (项目中使用)

redux 数据分块的使用在src文件夹下建一个reducer文件夹在reducer下建一个index.js文件用于统一管理其它的 reducer文件reducer文件主要写各页面的逻辑(动作)reducer下的index.js内容需要安装reduximport { combineReducers } from "redux"代码如下/** * 这个文件是rootReducer * 用于统一管理其它的 reducer文件 */import { combineRe

2021-04-06 16:55:54 131

原创 浏览器本地存储的方法

cookie/* 定义一个cookie并给其设置一部分数据 */ document.cookie = "key1 = value1"; document.cookie = "key2 = 1234abcd"; var d = new Date(); d.setDate(d.getDate() + 3); //按天数设置 document.cookie = "key3 = 中国人民共和国万岁; expires=" + d;//即使设置了expires有效期/domain域名/p

2021-03-24 16:27:31 212

原创 React Router

React Router官网地址:https://reacttraining.com/react-router/web/api/RouteReact Router 4版面以后有巨大的变化 4后的思想是:一切皆组件(路由写成组件)之前的版本都是传统思想:路由应该统一在一处渲染(类似vue里的路由表)React Router包含四个包react-router:React Router核心APIreact-router-dom:React Router 的DOM绑定,在浏览器中运行不需要额外

2021-03-17 16:20:36 2986

原创 js 数组对象去重

js 数组对象去重 var obj = {}; arr = arr.reduce(function(item, next) { obj[next.key] ? '' : obj[next.key] = true && item.push(next); return item;37 }, []);38 console.log(arr);

2021-03-14 14:02:03 73

原创 React scss的使用

React scss的使用安装3npm i node-sass sass-loader -D直接在项目中使用

2021-03-08 16:22:39 289

原创 rem的使用

rem配置(React移动端)在项目中建一个utils文件(这个文件放的是公共封装库),在文件夹下建立一个rem.js文件rem.js中的配置(移动端)function font () { //按750的设计稿做 //750px = 7.5rem;100px = 1rem // document.documentElement.style.fontSize = document.documentElement.clientWidth/ 7.5 + "px" //不按设计

2021-03-08 16:17:22 281

原创 React组件通信

React组件的通信父子组件通信子父组件通信非父子组件通信跨组件通信1. 父子组件通信无论传递props(属性)还是state(状态),子组都通过props来接收props获取的两种方法定义在标签属性中通过this.props.name定义<Son name="子组件通过this.props.name调用"></Son>定义在组件内容中通过this.props.children调用定义<Son>{this.state}</So

2021-03-05 14:33:52 167 1

原创 前端的软件

前端基本软件编译器vscode:https://code.visualstudio.com/node.jsnode.js:https://nodejs.org/en/代码管理工具git:https://git-scm.com/科学上网ExpressVPN(首选推荐)NordVPNPureVPNVyprVPNBuffered VPN5款免费Hotspot ShieldHide.meTunnelBearWindscrib

2021-01-22 15:26:18 110

原创 移动端开发框架

总体概述现在比较流行的移动APP开发框架有以下六种:网页、混合、渐进、原生、桥接、自绘。前三种体验与Web的体验相似,后三种与原生APP的体验相似。这六种框架形式,都有自己适用的范围。无所谓好坏,适用就是好。网页应用适用于传统网站APP化,比如淘宝、京东,有大量WEB页面嵌入到APP中。混合应用适用于小成本应用开发,全部代码都基于Web,好处是开发快速、成本低。渐进应用适用于高机会成本的场合,边下载边使用,能快速获取,快速体验。原生应用适用于大型和高体验要求的应用,能做出让人.

2021-01-15 11:19:26 3457

React 学习文档

react,,react脚手架CRA,组件的数据挂载方式,受控组件与非受控组件,组件的生命周期,HOC(高阶组件),组件通信,Mobx,React Router

2021-01-19

面试宝典 v2-新增Vue和React.pdf

js面试题 一、HTML 和 CSS ....二、JS 基础 ............三、HTML5 CSS3 ............

2019-10-24

常用正则.txt

正则表达式常用的 整数或者小数,只能输入数字,只能输入m~n位的数字,只能输入由数字和26个英文字母组成的字符串。等等

2019-10-16

mongodb_basics.md

 数据库功能是用来存储数据的。  数据库分为关系系数据库和非关系型数据库(nosql)  关系型数据库是由表和表之间的关系组成的,nosql是由集合组成的,集合下面是很多的文档。  非关系型数据库文件存储格式为BSON(一种JSON的扩展)。

2019-10-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除