案例
关注
分享
扫一扫
文章平均质量分 81
ZHANGJIN9546
这个作者很懒，什么都没留下…
展开
-
浅拷贝与深拷贝思考(深入了解什么是拷贝及数据类型)
浅拷贝与深拷思考前言在写这篇文章之前，如果有人问我什么是深拷贝/浅拷贝？如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，如果B没变，那就是深拷贝。这句话面试回答可以勉强蒙混过关，也是最通俗易懂的一个答案了。但实际开发过程中确总是出现各种“意外事件”。1、javascript数据类型内容：1、了解基本数据类型与引用类型的存储方式2、拷贝概念只针对引用类型1.1、基本数据类型string、number、null、undef原创 2021-04-26 10:30:08 · 612 阅读 · 2 评论 -
新增和修改数据，封装一个组件，运用于不同页面和不同类型，form表单中有可编辑的表格（父子传值，antd-Form表单的二次封装）
import React, { Component } from 'react';import { Table,Button,Input,Icon,Form,message,Modal,Select,DatePicker,Upload,Pagination,Tooltip,InputNumber,Col, Row,Radio,Tabs, Layout} from 'antd';import {...原创 2019-12-26 16:14:47 · 937 阅读 · 0 评论 -
javaScript中常见的五种排序（冒泡、快速、插入、选择、sort）详解
1、冒泡排序实现思路：相邻两个数进行比较，大数下沉，小数向上浮。如果前一个数比后一个数大就交换function fnSort( arr ){ var temp = null; for ( var i = 0 ; i < arr.length - 1 ; i++){ for( var j = 0 ; j < arr.length - i -1 ; j++){//i每循环一次，...原创 2019-07-11 10:57:06 · 322 阅读 · 0 评论 -
5种方法实现数组元素去重（详解）
1.遍历数组法最简单的去重方法， 实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：//最简单的数组去重function noReapet1(arry){ //定义一个临时的空数组 var arr = [ ]; for ( var...原创 2019-07-11 09:51:41 · 2057 阅读 · 0 评论 -
用js代码简单的介绍自己
在JavaScript中使用prototype扩展对象属性和方法JavaScript是基于对象的程序开发语言，在JavaScript中可以创建对象和函数，但创建好的对象有时也需要prototype对象对其属性和方法进行拓展<script> function person(name , jingli,jineng){ this.name = name; this.jingl...原创 2019-07-13 10:56:13 · 3017 阅读 · 0 评论 -
三种方式实现banner图的轮播（jq实现淡入淡出、jq实现层级轮播、js面向对象实现无缝轮播）
三种方式实现banner图的轮播（jq实现淡入淡出、jq实现层级轮播、js实现无缝轮播）//1、jq实现淡入淡出思路：a、使用JQ库里面的.fadeIn()\fadeOut()方法**fadeIn()原创 2019-06-28 15:31:51 · 1224 阅读 · 0 评论 -
使用jq实现电商网站“楼梯”效果制作（左侧显示楼层号、显示对应楼层信息）
使用jq实现电商网站“楼梯”效果制作思路 ：1、点击左侧的楼层号 显示对应的楼层信息操作当前点击的楼层号的高亮显示点击不同楼层号 设置页面滚走的距离 为当前楼层距离内容窗口的top值2、点击 top 回到顶部3、操作滚动条显示对应的楼层号4、技术点：滚动条的获取、页面滚走的距离、jq操作样式、对应下标显示楼层内容（在代码中我都会详细注释）//代码分享<!DOCTYP...原创 2019-06-28 12:03:43 · 813 阅读 · 0 评论 -
点击a标签，实现路径的转换并发生跳转
//购物车按钮html<a title="我的购物车" href="javascript:void(0)" id = "goodsCar"> <span class="icon-shop-car"></span> <span class="f12 text-shop-car">购物车</span></a>//...原创 2019-06-28 11:25:14 · 973 阅读 · 0 评论 -
登录注册功能的实现详解（多用户名注册、案例补充）
登录注册功能的实现详解（多用户名注册、案例补充）案例功能说明1、可以保存多个注册用户2、注册时判断用户名是否存在，不存在可注册3、注册成功后，跳转到登录页面4、取出cookie里面的值，进行判断，若用户输入的用户名和密码匹配成功则成功登录//登录界面<body> 用户名 ： <input type="text" id="uname" /><br>...原创 2019-06-27 16:47:19 · 4694 阅读 · 0 评论 -
js中关于时间对象的两个小案例（跳动的时钟、倒计时设计）
// 案例一 ： 跳动的时钟/*实现思路获取当时时间，再根据当前时间分别获取年、月、日、小时、分、秒将这些拼接为字符串判断月、日、小时、分、秒为以为数时，在前面加一个0将拼接的字符串放入页面中设置一个定时器，每一秒获取一次当前时间、实现时间的动态变化*/ function dateToString( d ){ var y = d.getFullYear(); var m = ...原创 2019-07-02 17:33:04 · 696 阅读 · 0 评论 -
JSON的应用，动态创建页面元素（案例详解）
使用json对象进行页面的动态渲染实现功能：1、动态创建页面内容2、当鼠标移入时改变该事件源的样式效果展示<body> <ul id="u"> <!--<li><img src="a.jpg"/><p>小米</p></li>--> </ul> </body&...原创 2019-06-27 08:26:49 · 1258 阅读 · 0 评论 -
网站列表展示(不同类型的排行榜制作)
网站列表展示功能实现1、选项卡功能实现（鼠标事件触发选择区，内容区出现对应的内容）2、鼠标移入到内容区，对应内容显示详情（：hover）//HTML（tabContebt中的所有ul对应都有10个li显示内容，为让读者更方便学习，故省略）<body> <div id="ranking"> <h2>观看排行榜</h2> ...原创 2019-06-26 22:33:50 · 1169 阅读 · 0 评论 -
模拟selelct下拉菜单（搜索框简易版）
模拟selelct下拉菜单（可用于搜索框）// 点击 span 显示 列表 ul// 点击文档 document ,隐藏 列表ul// 点击每一个li ， 将当前li的 内容 显示到 span中效果展示：<body> <div id="search"> //相对定位 <div class="box"> <for...原创 2019-06-26 21:29:58 · 1003 阅读 · 0 评论 -
网页瀑布流效果实现详解
网页瀑布流效果实现详解确定构造函数 WaterFall确定属性 ：好多个box确定功能 ：初始化功能 ： 摆放每一张图片 （图片加载自动排序）找数组中最小值的下标（按照最小高度依次排序）操作滚动条（设置滚动条条件，图片无限加载）<body> <div id="main"> <!--position:relactive--> &l...原创 2019-06-26 12:18:36 · 1088 阅读 · 1 评论 -
电商网站商品放大镜功能、选项卡功能案例详解
电商网站商品放大镜功能、选项卡功能案例详解实现功能1、选择下标小图，图片显示区出现对应的图片2、鼠标移入图片显示区时出现放大镜，放大部分出现在右侧3、点击前进后退的按钮，可将更多的图片显示出来效果展示方法一：面向对象实现<body> <div id="box" > <!--正常显示图片区域--> <div id="small"...原创 2019-06-25 23:00:39 · 787 阅读 · 0 评论