- 博客(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
434
原创 移动端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
500
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
303
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
338
原创 解决苹果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
809
原创 vue+ts配置路径别名后ts报错
tsconfig.json "paths": { "@/*": ["src/*"] },err:报错找不到路径解决方案:vscode开启工作区,将文件保存进工作区即可
2021-08-25 10:11:50
1349
原创 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
2876
原创 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
185
原创 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
184
原创 发送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
109
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
125
原创 本地存储
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
81
原创 构造函数
//构造函数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
80
原创 执行上下文
堆和栈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
73
原创 ## 学生管理系统简单版
学生管理系统简单版<!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
119
原创 2020-09-27
### 代码e.target 触发事件的节点.mouseenter 事件类型:鼠标悬浮上时(hover).click 事件类型:点击.addEventListener(事件类型,事件处理函数,Boolean) 例 arEle.addEventListener("click", function () {},
2020-09-27 23:42:40
202
原创 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
499
原创 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
61
原创 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
73
原创 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
80
原创 猜数字游戏
猜数字规则:系统生成一个不重复的四位数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
124
原创 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
667
原创 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
103
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
72
原创 纯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
908
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人