
代码片
qiqi-fairy
菜鸟记录学习点滴,希望大佬多多指教
展开
-
React中点击选择复选框时下面内容变化
React中点击选择复选框时其下面内容变化选一个:选一个:都选:都不选:以上就是需求:我刚开始判断还是不够严谨的,控制的时候没有写清楚,是因为MJ告诉我是怎么控制,又学到一招了啊因为是复选框,就可以用*length*来进行判断呢代码来啦:这就是主要的逻辑呢:handleCheck = (e) => { if(e.length === 0) { this.setState({ flagPerson: false,原创 2021-04-27 18:10:23 · 701 阅读 · 1 评论 -
React中有关于单选按钮的选择以及其下内容的变化
选中单选按钮以及下面内容的变化目前碰到的需求是: 点击单选按钮,选择不同的按钮来显示不同的内容用的是 react 的组件库 Ant Design:这就是需要做到的要求:刚开始亏很懵逼的,然后通过学习做到了,但是用的是:组件来吧 ,看看代码:import React, { Component } from "react";import { Row, Col, Radio, Checkbox, Input } from "antd";const plainOptions = ['星期一',原创 2021-04-27 17:52:28 · 1179 阅读 · 0 评论 -
react中关于富文本编辑的应用
react中所使用的富文本编辑器这两天接触到的需求中有一个模块是需要有富文本编辑器的,所以去学习了一下有关富文本编辑器的在react中的应用我是用的是: react-quill1、先安装依赖包npm i react-quill --save2、引入import ReactQuill, {Quill} from 'react-quill'3、初始化constructor(props) { super(props) this.reactQuillRef = nul原创 2021-04-26 18:20:48 · 3167 阅读 · 0 评论 -
React组件传值之子组件给父组件传值
子组件给父组件传值类组件子组件中调用一个方法:然后将这个方法写在父组件之中 父组件中写好父组件的展示区,其中展示区也包含着子组件 将方法的调用赋值给子组件的属性中,一起用bind解决this指向问题,如此就可实现子组件给父组件传值上代码:---- 父组件:import React, { Component } from 'react'import Child from './component/Child'export default class App extends Compon原创 2021-04-16 11:27:20 · 232 阅读 · 0 评论 -
最全数组方法以及JSON的处理方法
有关于数组的一切方法数组元素操作方法1、创建数组的两种方法 数组字面量 new Array() 检测是否为数组 instanceof 运算符 isArray()2、添加元素 1、push() 在我们数组的末尾,添加一个或者多个数组元素 ①:push 是可以给数组追加新的元素 ②:push() 参数直接写 数组元原创 2021-03-01 10:34:23 · 749 阅读 · 2 评论 -
九九乘法表
九九乘法表一共有9行,但是每行的个数不一样,因此需要用到双重循环。外层的for循环控制行数i,循环9次,可以打印9行。内层的for循环控制每行公式j。核心算法: 每一行,公式的个数正好和行数一致, j<=i。每行打印完毕,都需要重新换行。\t 表示空格。var str = '' for (var i =0;i<=9;i++) { for(var j=1;j<=i;j++) { str += j+'x'+i+'=原创 2021-02-25 16:36:04 · 168 阅读 · 0 评论 -
面试高频点总结-web前端开发
Git版本回退git reset --hard 版本号Node是什么是一个让JavaScript 运行在服务端的开发平台是一个基于Chrome V8引擎的JavaScript运行环境再简单地说:Node.js 就是运行在服务端的 JavaScript搭建Vue项目:1、基于可视化工具 vue ui2、基于命令行 vue create 项目名称路由导航守卫全局导航守卫beforeEach()router.beforeEach( function(to, from ,原创 2021-01-13 00:41:56 · 136 阅读 · 0 评论 -
使用button按钮来模拟input的文件以及图片上传的事件、原生写法
使用button按钮来模拟input的图片上传基本思路1、搭建 HTML 结构2、构建 JavaScript 块,写逻辑3、验证通俗的讲就是:先点击按钮,在点击按钮时模拟点击 input,然后再来监听 input本身带的 change事件,用来实现具体的图片上传话不多说,上代码:上文中的: URL.createObjectURL() 静态方法会创建一个 DOMString, 其中包含一个表示参数中给出的对象的URL。 这个 URL 的生命周期和创建它的窗口中的 document 绑原创 2020-12-04 16:56:46 · 3064 阅读 · 3 评论 -
查漏补缺-数组去重、数组翻转、递归函数、冒泡排序
数组的去重数组去重原理:先有一个旧数组,一个空的新数组,然后去遍历旧的数组,如果存在重复的元素就保留一个元素并将其添加到新数组中,如果只是一个单独的数组元素,没有其他的重复项,也将其添加到新数组中。 注意: 新数组.indexOf(元素) === -1 就是来判断旧数组中的元素是否存在于新数组。具体代码如下:*代码执行结果是:[1, 2, 4, 85, 6, 84, 69]递归函数递归就是指: 在函数自身自己调用自己但是递归函数有一个很明显得问题就是: 如果没有返回条件,会造成死循环原创 2020-11-07 16:50:48 · 192 阅读 · 0 评论 -
Vue基础知识记录、指令合集、事件绑定、事件传参
Vue 基础知识点:Vue的基本使用步骤 1、需要提供Vue.js库文件 2、需要标签用来填充数据——id选择器 3、new vue( {} ) 4、把Vue提供的数据填充到标签里面——{{xxx}}实例化Vue时必须要加的属性:var 变量名 = new Vue({ el: " ", data: { } })其中,el 表示 Vue要控制哪个标签data 用来存放数据HTML中应用时,采用 {{ }} — 差值表达式 <div> {{in原创 2020-11-01 13:35:03 · 180 阅读 · 0 评论 -
模拟快递单号查询的实现
实现快递单号查询的具体实现思想与核心 1、快递单号输入内容时, 上面的大号字体盒子(con)显示(这里面的字体更大) 2、表单检测用户输入: 给表单添加键盘事件 3、同时将快递单号里面的值(value)获取过来赋值给 con盒子(innerText)作为内容 4、如果快递单号里面内容为空,则隐藏大号字体盒子(con)盒子键盘事件用keyupkeydown: 事件触发时,文字还没有落入文本框中keypress:事件触发时,不仅文字还没有落入文本框中且不识别功能键CSS原创 2020-10-24 16:36:39 · 3766 阅读 · 0 评论