自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 create-react-app 5.0: Invalid Options for PostCSS Loader

customize-cra version: 1.0.0create-react-app version: 5.0.0报错ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema. 解决办法(在addLessLoader之后)adjustStyleLoaders(({ use:

2022-05-06 09:43:36 420

原创 vant输入框设置fontSize后真机调试输入内容上移

聚焦之后 文字上移设置–cell-line-height:1即可

2022-02-28 10:46:39 406

原创 移动端css实现元素融合按钮、动画滑动按钮(filter实现)

<!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" /> <title>Docu

2021-09-28 15:41:05 491 1

原创 移动端css实现元素融合按钮、动画滑动按钮(svg实现-更简易)

<!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" /> <title>Docum

2021-09-28 15:37:46 294 1

原创 解决移动端屏幕拖动问题

//该操作会导致所有拖动都无效 document.body.addEventListener( "touchmove", function(e) { // console.log("this.refDes_isScroller", store._isScroller); if (!store._isScroller) { e.preventD

2021-09-28 11:19:48 319

原创 解决苹果iPhone底部小横条

//html中头部增加<meta name="viewport" content="width=device-width, viewport-fit=cover">//在需要适配的页面对根元素中添加样式 绝对定位的话给margin padding-bottom:constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);...

2021-09-28 11:06:06 788

原创 vue+ts配置路径别名后ts报错

tsconfig.json "paths": { "@/*": ["src/*"] },err:报错找不到路径解决方案:vscode开启工作区,将文件保存进工作区即可

2021-08-25 10:11:50 1333

原创 PostgreSQL插入数据时存在就更新,不存在就新增

设置唯一约束索引//约束名称随便写ALTER TABLE 表名 ADD CONSTRAINT 约束名称 PRIMARY KEY (字段:如code)插入数据时sql语句//userName type code 是我拿到数据结构出来的 可以写固定值来测试;code字段为上面设置的唯一约束。如果code值没有变就是修改,否则就是新增INSERT INTO 表名(username, type, code) VALUES('${userName}', '${type}', '${code}') ON C

2021-08-18 18:34:44 2834

原创 nodeJS使用PostgreSQL触发器动态改变修改时间

nodeJS使用PostgreSQL触发器动态改变修改时间1.定义触发器函数2.创建触发器3.遇到报错已存在1.定义触发器函数 create or replace function 触发器函数名称() returns trigger as $$ begin new.updatetime= current_timestamp; return new; end $$ language plpgsql;2.创建触发器 /

2021-08-18 18:22:34 177

原创 redux-actions的使用

安装redux-actions依赖后 redux-actions中handleActions和createAction/createActions的使用方法;const ADD="ADD";const MINUS="minus";const RED="red";import { handleActions } from "redux-actions";//第一个参数type类型:执行的方法;第二个参数初始值export const count = handleActions({ [ADD

2021-01-04 15:59:21 177

原创 发送Ajax请求

let xhr=new XMLHttpRequest(); //创建Ajax XML是一个数据结构 //添加专属事件 xhr.onreadystatechange=()=>{ //判断是否满足Ajax状态码到4(完成)和HTTP状态码为200(成功) if(xhr.readyState===4&&xhr.status===200){ console.log(xhr.responseText);//...

2020-11-23 18:14:13 100 1

原创 HTTP

node模块化一个js文件就是一个模块//页面1const a=1;//暴露module.exports={add(x){ return a+x;}}//页面2//引入const a=require("./2");const b=a.add(2);console.log(b);//3node是为了处理依赖管理和变量污染; 一个页面中打开一个端口就是在module.exports的对象中写一个方法;另一个页面用require(“地址”)就可以拿到接口的方法.创建web

2020-11-17 18:25:48 120

原创 本地存储

localStorage 永久存储(使用和下面一样)sessionStorage 会话obj=JSON.parse(sessionStorage.getItem(“obj”)); //JSON.parse把获取的值转换成原本的数据类型sessionStorage.setItem(“obj”,JSON.stringify(obj)); //JSON.stringify把JS中各类数据转换成’字符串’进行存储;sessionStorage.setItem(“class”,“F70”); 设置数据se

2020-11-09 16:32:15 79

原创 构造函数

//构造函数let obj = new Object(); //对象let arr = new Array(); //数组let set = new Set(); //集合let fn = new Function(); //函数let map = new Map(); //映射let re = new RegExp(); //正则表达式let data = new Date(); //日期处理格式let str = “1232”;let num = new Number(str);co

2020-11-03 09:03:29 76

原创 执行上下文

堆和栈let i=0;let j=1;let k=[0];k[i]=j;let z=k;//因为k是引用数据类型,所以z和k共用一个地址console.log(z);//[1]k[0]=2;console.log(z);//[2]z[0]=3;console.log(k);//[3]k=[1,2]; //重新开辟一个地址 重新赋值给kconsole.log(z);//[3];/** * 堆 栈 * 存储基本数据类型 存引

2020-10-27 10:11:04 67

原创 ## 学生管理系统简单版

学生管理系统简单版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> h

2020-10-19 10:25:40 108

原创 2020-09-27

### 代码e.target 触发事件的节点.mouseenter 事件类型:鼠标悬浮上时(hover).click 事件类型:点击.addEventListener(事件类型,事件处理函数,Boolean) 例 arEle.addEventListener("click", function () {},

2020-09-27 23:42:40 193

原创 2020-09-20

表示XXX重复声明(let)XXX has already been declared表示XXX没有声明XXX is not definedundefined 表示变量声明未赋值(不是报错)创建变量ES5书写格式:关键字, 标识符(变量名) 分号​ var F70 ;ES6书写格式:关键字, 标识符(变量名) 分.

2020-09-20 22:00:41 454

原创 2020-09-17

const rs = require("readline-sync");let users = user();// let login = false; //设置登录成功的变量console.log(`欢迎光临老八银行!!!`);//存储账户function user() { users1 = [{ name: "1", pwd: "1", banlace: 1000 }, {

2020-09-17 17:33:06 54

原创 2020-09-17

//随机生成范围内的数字function getRandomNum(min, max = 0) { if (min > max) { [min, max] = [max, min]; } return parseInt((max - min + 1) * Math.random() + min);}//随机生成电脑数字(1-9不重复的4个数)function getComputerNum() { let computerSet = new Se

2020-09-17 17:32:18 70

原创 2020-09-16

const rs = require("readline-sync");//创建账户(多账户)let users = [ "1", "1", 1000, "2", "2", 2000, "3", "3", 3000,];//判断用户是否登录成功function islogin(ischange = true, changeIndex = 0) { //设置登录次数 let count = 3; //设置是否登录成功的变量 let logi

2020-09-16 16:18:58 72

原创 猜数字游戏

猜数字规则:系统生成一个不重复的四位数1-9之间,然后开始猜,A表示数字正确位置也对,B代表数字正确位置不对。 let state = true;let temp = 0;let count = 10;function getRandomNum(min, max = 0) { if (min > max) { [min, max] = [max, min]; } return parseInt(((max - min + 1)) * Math.

2020-09-13 22:12:45 101

原创 JS 数组转集合(数组去重)

JS 数组转集合(数组去重)let Num=[1, 2, 3, 4, 5, 6, 1, 1, 1 ]let Num1=new Set(Num);console.log(Num);//[1, 2, 3, 4, 5, 6, 1, 1, 1 ]Num = [...Num1];console.log(Num);//[1,2,3,4,5,6]

2020-09-11 10:26:59 652

原创 JS基础编程 ATM机

JS基础编程 ATM机const rs = require("readline-sync");let users = [ ["1", "1", 111], ["2", "2", 222], ["3", "3", 333]];let index = 0;let login = false; //设置登录成功的变量console.log(`欢迎光临老八银行!!!`);for (let count = 3; count > 0; count--) { con

2020-09-10 16:20:23 100 1

原创 2020-09-09

JS基础运算let num=1.5;console.log(`向下取整:${Math.floor(num)}`)//1let num=1.2;console.log(`向上取整:${Math.ceil(num)}`);//2let num=1.56534;console.log(`四舍五入:${Math.round(num)}`)//1let num=1.23232;console.log(`保留两位小数:${num=num.toFixed(2)}`)//1.23如果toFixed(3),则

2020-09-09 18:16:44 68

原创 纯CSS完成影院选座

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 导入CSS外部样式表 --> <link.

2020-09-09 18:06:39 898 1

空空如也

空空如也

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

TA关注的人

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