js练习
关注
分享
扫一扫
文章平均质量分 56
呆呆bg
时光短暂
展开
-
antDesign+ react 获取输入框中的值
import React,{Fragment,PureComponent} from 'react';import moment from 'moment'; //引入了moment的库import {Input} from 'antd';class InputSave extends PureComponent{ state ={value1:'',value2:''}//在输入...原创 2019-11-22 11:43:29 · 7211 阅读 · 0 评论 -
create-react-app基础购物车功能实现
本文主要利用create-react-app创建项目，react16.8+版本，以及react-router5+版本，配合axios进行数据交互。准备商品列表组件Home.js：import React ,{Component}from 'react';import {NavLink} from 'react-router-dom'import axios from 'axios';im...原创 2019-11-21 20:39:21 · 474 阅读 · 0 评论 -
ajax 封装
两种传参形式//get post 是否向服务器（后台接口）传数据/* params * type:get/post * url:资源路径（接口地址） * data:前端给后台的数据{key1:value1,key2:value2} => key1=value1&key2=value2 * cb:前端接收到数据之后的处理函数 * *///传参形式//functio...原创 2019-09-10 17:42:49 · 121 阅读 · 0 评论 -
Cookie 获取，删除，修改添加，封装
//添加 或者修改function setCookie(name,value,date){ let oDate = new Date(); oDate.setDate(oDate.getDate()+date); document.cookie = name+"="+value+";expires="+oDate;}//获取function getCookie(name){ var...原创 2019-09-09 16:07:34 · 122 阅读 · 0 评论 -
星级特效（购物好评几颗星星）
html页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body,ul,li{ padding: 0; margin: 0; }...原创 2019-09-04 20:34:58 · 255 阅读 · 0 评论 -
放大镜（例如电商页面购买手机时鼠标放上去右边出现放大图）
图片大家可以自己找一些试一试css*{ margin: 0; padding: 0;}#box{ position: relative; width: 400px; height: 500px; border: solid 1px #cecece; margin: 10px;}#xiao{ position: relative; width: 400px; heig...原创 2019-09-04 20:27:57 · 250 阅读 · 0 评论 -
面向对象无缝轮播图
面向对象无缝最基础样式轮播图（如果有简单的方法大家可以私聊我讨论下）cssbody,ul,li{ margin: 0; padding: 0;}img{ display: block;}li{ list-style: none;}#box{ position: relative; width: 900px; height: 300px; overflow: hid...原创 2019-09-04 08:29:53 · 297 阅读 · 0 评论 -
while for循环（薪水，打印100以内所有偶数的和，打印100以内的奇数（两种方法），求出1-1/2+1/3-1/4…..1/100的和,闰年，三角形，整除，100阶乘，水仙花，九九乘法表）
入职薪水10K，每年涨幅5%，50年后工资多少？(使用wihile和for循环)while循环var a = 1;var b = 10;while(a<=50){ //while 循环b = b+b*0.05; //计算每年上涨薪水a++; //得出b之后+1}console.log(b) for循环var gongzi = 1...原创 2019-08-31 15:23:48 · 1736 阅读 · 0 评论 -
函数题（和，商，积，差 。。三个数字从大到小排列,奇数个数，四位数字验证码，公用电话传递密文，任意个数字和商积差，最大公约数，递归求阶乘）
一，编写一个函数，计算两个数字的和、差、积、商 要求：使用传参的形式function aaaaa(a,b){ //函数 a b 两个值 var sum = a+b; //- * / 类推就行 docunment.write ( sum); } jia.onclick = function (){ var a = Number(diy...原创 2019-08-31 15:01:24 · 655 阅读 · 0 评论 -
js,jsvascript常用正则表达式(邮编，文件压缩，多余空格，电子邮件，手机，身份证，中文，日期，6-16位数字字母 两者结合)
常用正则表达式//常用正则表达式 //检查邮政编码//共 6 位数字，第一位不能为 0 /^[1-9]\d{5}$/ //检查文件压缩包 //xxx.zip\xxx.gz\xxx.rar /^\w+\.(zip|gz|rar)$/ //删除多余空格 // str.replace(/\s/g,''); //删除首尾空格 str.replace(/^\s+/,''); s......原创 2019-08-28 18:52:54 · 771 阅读 · 0 评论 -
九宫格拖拽改变位置
cssbody{ padding: 0; margin: 0;}#wrap{ position: relative;}#wrap>div{ position: absolute; width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 50px; border...原创 2019-08-28 10:55:31 · 621 阅读 · 0 评论 -
Dom事件类型题目(搜索框，鼠标跟随特效，聊天框，事件委托，单元格拖拽改变位置，）
事件类型在这里插入代码片原创 2019-08-27 16:11:15 · 145 阅读 · 0 评论 -
string练习题
一 ，密码强度（大写字母 小写字母 数字）方法1，转化成ASCII码值进行判断先写入一个输入文本框和一个点击按钮<input type="text" name="" id="txt" value="" /><!-- 收集输入字符串 --><button type="button" id="btn">检测</button> <...原创 2019-08-21 14:57:01 · 609 阅读 · 0 评论