海棠依旧_NZ18-CSDN博客

原创浅谈隐式原型和显示原型

浅谈JavaScript三大件之一的“原型”（一）一、什么是原型(what)？每一个构造函数（可以理解为类）都拥有一个属性(prototype)，该属性指向一个对象，用于存放公共的属性和方法。构造函数的定义方式： var Fun=new Function() Function Fun(){} //Fun就是创建出来的构造函数二、为什么要用原型(why)？虽然常说js中一切皆对象，但js本身不是一项面向对象编程的语言，没有类（class）的说法，所以说为了让构造函数（Function

2021-06-02 15:16:28 1936

原创 Form表单中的省市级联动（均从后端获取接口来展现数据）

代码实现 const obtainProvince = async () => { try { const msg = await getProvince({ addressLevel: 1, }); const newMsg = msg.data.map((recond) => { return { value: recond.addressCode, label: reco

2021-06-02 15:09:16 482

原创 Form表单中的图片上传

一、图片上传具体实现const MyForm = () => { const [activityChart, setActivityChart] = useState([]);//用函数式组件来定义状态值 const options = { resize: false, //裁剪是否可以调整大小 resizeAndDrag: true, //裁剪是否可以调整大小、可拖动 modalTitle: '编辑图片', scale: 100, modalCancel: '取消',

2021-06-02 15:03:50 4316

原创 React官方脚手架怎么进行路由配置

一、下载react-router-dom$ npm i react-router-dom --save 二、在src/router/index.js1.引入库import {Link,Route, BrowserRouter as Router} from 'react-router-dom'2.引入跳转的页面组件import Index from 'src/pages/Index'import DashBoard from 'src/pages/DashBoardx'3.创建路由组件

2021-05-31 15:27:38 434

原创 React三个脚手架的搭建流程

React三个脚手架的搭建流程creat-react-app 1.$ npm install -g create-react-app //安装全局 2.$ create-react-app my-app（my-app是项目名称） //创建项目文件 3.$ cd my-app //进入文件夹 4.$ npm start //启动项目umi1.$ npm

2021-05-21 14:29:05 119

原创 PHP实现简易登录注册后端代码

登录模块<?php//支持中文 header("Content-type:text/html;charset=utf-8"); $loginTel=$_POST["loginTel"]; $loginPwd=$_POST["loginPwd"]; //测试用例 // $loginId="13830217871"; // $loginPwd="CKSDWL3@111"; $conn=mysql_connect("localhost","root","root"); mys

2020-11-28 16:18:21 711

原创 jQUery实现简单的抽奖小游戏

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } ul{ width: 640px; margin: 40px au

2020-11-07 14:21:25 192

原创采用Jsonp跨域的方式实现简易版的人工客服

html文件<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0px; margin: 0px; box-sizing: border-box; outline: none; color:#333;

2020-11-05 16:40:28 81

原创统计字符个数的两种方法

方法一：采用字符串的API实现var str="aabccdeefff";//声明一个空的数组var b=[];var sum=0;for(var i=0;i<str.length;i++){ if(b.indexOf(str.charAt(i)) == -1){ b.push(str.charAt(i)); }}for(var j=0;j<b.length;j++){ for(var k=0;k<str.length;k++){ if(b[j]==str.ch

2020-11-05 16:19:34 468

原创原生JavaScript中querySelector和querySelectorAll综合功能

原生JavaScript中querySelector和querySelectorAll综合功能function queryElement(str){ let i=str.charAt(0); let name=str.slice(1); switch(i){ case ".": let oClass=document.getElementsByClassName(name); if(oClass.length!=0){ if(obj.length==1){ retu

2020-11-04 16:25:41 199

karrymylove的博客