自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端常用小知识

前端常用小知识

2021-11-29 17:03:41 548

原创 async和await方式 实现 ajax

promise async、await ajax

2024-01-02 16:15:02 496

原创 TypeScript 学习

视频学习来源TypeScript从入门到精通视频教程-2020年新版_哔哩哔哩_bilibili、 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客文档可以看 阮一峰TypeScript 的 interface 接口 - TypeScript 教程 - 网道 (wangdoc.com)为了以后学习Nest.js 基础1、安装 npm install typescript -g2、安装 ts-node npm install -g ts-node 为了直接能执

2023-10-11 15:21:52 95

原创 redux 学习

总结过程 自言自语。

2023-09-22 15:15:17 84

原创 JavaScript 字符串常用API

一、 length: 返回字符串的长度 var str = "abcdef" var strLen = str.length // 6二、 indexOf( ): 返回字符串中指定文本首次出现的索引(位置***如果未找到返回 -1(可以利用这个做js判断) var str = "abcdefdasf" var strfirst = str.indexOf('d',1) //3 // 第一个参数为查找的字符,第二个是从那个位置开始,不写默认为第一项三、lastI

2023-09-21 15:21:48 79

原创 node.js koa2 后端学习

5、npm start 或者 npm run dev 这个可以热更新 但是应该会需要npm 版本是6.0.1 麻烦。在mongodb bin 启动cmd 执行mongod --dbpath D:\MongoDB\data\db。新建controller 文件夹 user.js 文件 可以将路由文件中的 代码复制到这边。在路由文件中就可以引入 调用 例子user 在routes users.js 中。之后在路由文件中 就可以导入 直接调用这个useradd。

2023-09-21 15:20:02 50

原创 关于将form 表单提交 改为ajax 提交

防止多次点击 创建多个 form 表单提交不好修改这个bug。url 为 form 上面的 action 路径。form 表单 设置id form1。提交submit 按钮 设置id save。

2023-06-29 11:34:05 237

原创 mobx react状态管理 2 action

mobx react状态管理 action

2023-02-13 17:36:42 168

原创 mobx react状态管理 1

mobx react 状态管理 redux

2023-02-10 16:29:25 105

原创 js 实现瀑布流

js 实现瀑布流

2023-01-13 16:54:42 158

原创 解决安卓/ios 键盘收回屏幕留白

解决安卓/ios 键盘收回屏幕留白

2022-11-08 14:00:39 752

原创 解决前端跨域 ----jsonp

解决前端跨域 ----jsonp

2022-09-07 17:33:49 481

原创 CSS 常用

超出范围 显示 ...width:400px;/*要显示文字的宽度*/text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/white-space :nowrap; /*让文字不换行*/overflow : hidden; /*超出要隐藏...

2022-05-12 16:21:41 76

原创 刷新当前页面-父级页面

如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload(); //刷新当前页面.()parent.location.reload(); //刷新父亲对象(用于框架)opener.location.reload(); //刷新父窗口对象(用于单开窗口)top.location.reload(); //刷新最顶端对象(用于多开窗口)窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本

2022-02-22 10:42:53 2533

原创 this 指向 和 改变this 指向方法

一、在普通函数中,对函数的调用方式不同,this的指向就不同。1、直接调用 因为是 直接调用,this指向 window function fun() { console.log(this); // window } fun(); // window.fun(),此处默认省略window2、对象方法 因为是对象的方法 this指向该方法的对象 var obj = { fun: function () { co

2022-01-25 11:04:44 524

原创 JavaScript 数组常用API

修改原数组的APIpop():弹出数组中最后一个元素,并返回这个元素let arr = [1,2,3,4,5,6]let result = arr.pop()console.log(arr) // [1, 2, 3, 4, 5]console.log(result) // 6push():添加一个或多个元素到数组末尾,并返回新的长度let arr = [1,2,3,4,5,6]arr.push(7,8)console.log(arr) // [1, 2, 3, 4, 5, 6

2022-01-14 14:39:31 293

原创 React关闭Eslint代码检查

1、npm run eject2、在package.json 中修改代码 "eslintConfig": { "extends": [ "react-app", "react-app/jest" ], "rules": { "no-undef": "off", "no-restricted-globals": "off", "no-unused-vars": "off" } },3、重启项目.

2022-01-04 11:48:42 2020 1

原创 antd vue组件国际化、业务文案国际化 i18n

一、组件内建文案国际化官方文档:国际化 LocaleProvider - Ant Design Vue (antdv.com)官方文档 有些不需要的 我减去了先创建组件A 上代码:<template> <div> <div class="change-locale"> <a-radio-group :value="locale" @change="changeLocale"> <a-ra...

2021-12-20 16:24:34 1783

原创 tmpl 模板字符串

最简单的 模板 : 常用的标签${},{{each}},{{if}},{{else}},{{html}}不常用标签{{=}},{{tmpl}}and{{wrap}}.${}等同与{{=}}是输出变量${}里面还可以放表达式 (=和变量之间一定要有空格,否则无效)<!DOCTYPE><html lang="zh-CN"><head><meta...

2021-12-16 20:35:17 962

原创 总结 props

1、理解每个组件对象都有 props 属性 props 是只读的属性,不能在组件内修改组件标签的所有属性都保存在props中2、作用通过标签属性从组件外向组件内 传递变化的数据 name=“哈哈”3、编码操作组件内部读取某个属性值例如 this.props.name对props中的属性值 类型进行限制使用pr...

2021-12-15 20:40:58 1227

原创 React props 在组件中的应用

1、props 作为组件的三大 属性之一, 在类式组件和 函数式组件中都有应用2、在类式组件中的应用3、在函数式组件中的应用

2021-12-15 19:42:39 610

原创 阻止冒泡事件 和代理事件的纠缠

11

2021-12-13 17:12:39 518

原创 div 水平垂直居中 两种方法 CSS

1、第一种 方法 需要给定 div的 定长 定宽 设置div的宽度为400px,高度为200px 给 div 设置css属性 width:400px hight:200px position: absolute;top: 50%;left: 50%;margin: -100px 0 0 -200px; //这里是 长宽的 一半 ...

2021-12-11 14:40:22 294

原创 总结 state

1、理解 state是类式组件最重要的属性,值是对象(可以包含多个 key-value 的组合,name:'辞耳') 我们通过更新组件的state 来更新对应页面的 展示, (重新渲染组件)2、注意 1、组件render 方法中的this 是组件的实例对象。 2、组件自定义的方法 中 this 的问题 a 、强制绑定 this 通过bind()方法 b、箭头函数...

2021-12-09 21:10:48 601

原创 UEditor 超链接 默认选中新窗口打开

在 link.html 文件中 找到 $G("target").checked = url && link.target == "_blank" ? true : false; $G("target").checked = !url || url && link.target == "_blank" ? true : false;原来 应该是$G("target").checked = url && link.t...

2021-12-09 16:24:47 595

原创 关于setState

1、setState 是React中用来改变 State的一个API , 在react中不能随意的 用赋值语句 来改变state ,毕竟state是 react中组件的三大属性之一。当然得有点小弟来 辅助他。2、

2021-12-08 20:09:14 50

原创 关于state

1、简单介绍State————个人理解 State 翻译为 状态 、 是类组件实例上的 三大属性 之一 state props refs 人 状态 影响 行为 组件 状态 驱动 页面 在react 中 我们不需要去操作 Dom 来渲染页面,当我们 改变State 就会自动的为我们渲染 页面。3、创建一个类式组件,在构造函数中 初始化 state。import React, { Com...

2021-12-07 21:44:27 233

原创 React Day_02 创建Hello World

前提 基于脚手架的默认 项目已经创建好了。1、可以删掉一些没必要的文件,创建组件文件夹 components 是一个放组件的文件夹。放自定义的组件 index.js 是项目的入口文件 App.js 是一个根组件2、重写 index.js//引入react 核心库import React from 'react';//引入ReactDomimport ReactDOM from 'react-dom';//引入APP组件im...

2021-12-06 22:12:19 147

原创 React Day_01 基于脚手架创建项目

运用脚手架 创建一个自带的项目如果啥也没安装的话:1、安装node.jsNode.js 安装包及源码下载地址为:Download | Node.js。下载node完成后,npm也会自行下载完成。2、安装脚手架npm i -g create-react-app3、创建项目create-react-app rproject (rproject为自定义项目名) 在你想创建项目的文件夹,点击地址栏---输入CMD 然后输入————create-react-app myreac......

2021-12-06 21:44:35 144

原创 简单防抖函数

简单的防抖函数,防止多次点击,多次请求。

2021-11-29 17:09:57 818 1

原创 关于attr和prop

关于attr和prop

2021-11-29 17:05:38 107

空空如也

空空如也

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

TA关注的人

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