- 博客(31)
- 收藏
- 关注
原创 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
125
原创 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
118
原创 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
111
原创 关于将form 表单提交 改为ajax 提交
防止多次点击 创建多个 form 表单提交不好修改这个bug。url 为 form 上面的 action 路径。form 表单 设置id form1。提交submit 按钮 设置id save。
2023-06-29 11:34:05
288
原创 CSS 常用
超出范围 显示 ...width:400px;/*要显示文字的宽度*/text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/white-space :nowrap; /*让文字不换行*/overflow : hidden; /*超出要隐藏...
2022-05-12 16:21:41
100
原创 刷新当前页面-父级页面
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload(); //刷新当前页面.()parent.location.reload(); //刷新父亲对象(用于框架)opener.location.reload(); //刷新父窗口对象(用于单开窗口)top.location.reload(); //刷新最顶端对象(用于多开窗口)窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本
2022-02-22 10:42:53
2678
原创 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
563
原创 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
324
原创 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
2151
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
1927
原创 tmpl 模板字符串
最简单的 模板 : 常用的标签${},{{each}},{{if}},{{else}},{{html}}不常用标签{{=}},{{tmpl}}and{{wrap}}.${}等同与{{=}}是输出变量${}里面还可以放表达式 (=和变量之间一定要有空格,否则无效)<!DOCTYPE><html lang="zh-CN"><head><meta...
2021-12-16 20:35:17
1021
原创 总结 props
1、理解每个组件对象都有 props 属性 props 是只读的属性,不能在组件内修改组件标签的所有属性都保存在props中2、作用通过标签属性从组件外向组件内 传递变化的数据 name=“哈哈”3、编码操作组件内部读取某个属性值例如 this.props.name对props中的属性值 类型进行限制使用pr...
2021-12-15 20:40:58
1293
原创 React props 在组件中的应用
1、props 作为组件的三大 属性之一, 在类式组件和 函数式组件中都有应用2、在类式组件中的应用3、在函数式组件中的应用
2021-12-15 19:42:39
640
原创 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
326
原创 总结 state
1、理解 state是类式组件最重要的属性,值是对象(可以包含多个 key-value 的组合,name:'辞耳') 我们通过更新组件的state 来更新对应页面的 展示, (重新渲染组件)2、注意 1、组件render 方法中的this 是组件的实例对象。 2、组件自定义的方法 中 this 的问题 a 、强制绑定 this 通过bind()方法 b、箭头函数...
2021-12-09 21:10:48
627
原创 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
683
原创 关于setState
1、setState 是React中用来改变 State的一个API , 在react中不能随意的 用赋值语句 来改变state ,毕竟state是 react中组件的三大属性之一。当然得有点小弟来 辅助他。2、
2021-12-08 20:09:14
78
原创 关于state
1、简单介绍State————个人理解 State 翻译为 状态 、 是类组件实例上的 三大属性 之一 state props refs 人 状态 影响 行为 组件 状态 驱动 页面 在react 中 我们不需要去操作 Dom 来渲染页面,当我们 改变State 就会自动的为我们渲染 页面。3、创建一个类式组件,在构造函数中 初始化 state。import React, { Com...
2021-12-07 21:44:27
270
原创 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
167
原创 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
158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人