![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
功不唐捐(春小喜)
这个作者很懒,什么都没留下…
展开
-
不知道为什么,利用input时,最后一个字无法实现删除
1.当我把searchKeyWord:‘ ’设置为有一个空格时,就可以实现删除最后一个字了2.原创 2021-06-26 22:45:25 · 758 阅读 · 1 评论 -
HTML和CSS做一个简单的注册页面
我们先来看一下效果图大致就是背景图片+白色背景的边框在白色边框里面加元素我们可以把里面分为三个部分:左边是一段文字、中间是form表单、右边是一段文字1.先把form表单搞定简单介绍一下table表格属性: tr:表示一行 td:表示一个单元格 input属性: 1.1.type: text:文本 ...原创 2020-08-15 20:45:29 · 2896 阅读 · 0 评论 -
JavaScript进行表单检验
<!-- 需求:实现用户名和密码的校验 *如果满足正则表达式就提交表单,并在光标移出输入框时给出成功的提示 *如果不满足就正则表达式,当光标移出输入框时就会自动给出警告 分析: 1.form表单所以就得用onsubmit事件,给出返回值 2.构造两个方法,一个是名字输入框的,即username;另一个是password输入框的 3.在方法里面,先获取输入框的内容 ...原创 2020-08-22 22:35:32 · 456 阅读 · 0 评论 -
用JavaScript实现动态表格
先来看一下效果先捋一下思路:要想实现动态效果,那就得使用增删节点的知识。A.先来搞定添加的功能。1.给添加按钮添加事件2.获取输入框的内容,如var id = document.getElementById("id").value;3.创建td、文本节点,这里有三个元素,id name 和gender 。如:createElement("td") createTextNode(id) 注意在使用文本节点时,直接传参数就行,不要写成string格式。4.把文本节点添加为t.原创 2020-08-22 09:10:33 · 1295 阅读 · 0 评论 -
创建一个react项目的过程
1.新建一个static Web项目2.打开terminal窗口,输入指令:tyarn init -y 其作用是对项目进行初始化。3.再输入指令:tyarn add umi --dev 其作用是添加项目依赖。执行结果后会生成一个package.json文件,其内容如下:接下来我们需要在该文件的devDependencies中添加如下:添加该依赖的作用是为了方便后面调用dva、antd等组件"devDependencies": { "@umijs/preset-react": "^1原创 2021-05-30 21:02:17 · 116 阅读 · 0 评论 -
Ant Designer的简介以及在umi 3.4中怎么调用
Ant Design是阿里蚂蚁金服团队基于React开发的ui组件,主要用于中后台系统的使用。其官网为https://ant.design/docs/react/introduce-cn1.在umi 3.4的react中怎么使用antd?步骤:直接在config.js文件中配置如下export default { dva : {}, //开启dva功能 antd : {} //开启antd功能};2.通过一个例子来看怎么利用antd中提供好的组件比如:我想用如.原创 2021-05-30 10:40:18 · 586 阅读 · 0 评论 -
利用umiJS对项目进行转码,以及下载react developer谷歌拓展包
利用umiJS对项目进行转码,将 ES6 代码转为 ES5 代码,从而在浏览器或其他环境执行。1.打开项目所在文件位置,然后在红色框所在位置,输入cmd,就可以打开所在项目的cmd2.分别输入tyarn init -y对其进行初始化,会在项目中生成package.json;然后再输入umi g page index ,会在项目生成pages文件夹3.打开IDE的控制台,打开terminal,然后输入 umi dev4.在index.js中输入自己的测试代码,然后打开自己上面的lo原创 2021-05-24 11:51:08 · 302 阅读 · 0 评论