自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 移动端web布局方式

目前移动端开发主流方案有单独制作移动端页面(如:京东,淘宝,苏宁等等)即移动端pc端分开,单独为移动端制作一套页面,这也是目前移动端主流的开发方案,以及响应式布局(如三星官网)即移动端pc端共用一套页面,在不同的屏幕尺寸下样式会自动适应。这篇文章主要介绍移动端单独制作的布局方案。流式布局,也叫百分比布局。 flex弹性盒子布局 less+rem+媒体查询布局 混合布局一.百分比布局 通过将盒子宽度设置成百分比来适应屏幕大小的变化。...

2021-07-21 20:45:26 210

原创 用JQuery与FormData上传文件

主要介绍如何用JQuery与FormData如何上传一个或者多个文件。1.首先利用input的type属性中的file选择上传文件,如果要上传多个文件在input属性中添加multiple属性,这个属性类似于checkbox可以对文件进行多选。如下:<input type="file" id="file" multiple></input><button id="btnSend">上传文件</button>2.引入JQ文件后,给按钮设置

2021-07-17 11:51:14 2477 2

原创 JS封装原生AJAX请求

封装原生ajax请求,主要就是对请求类型进行判断以及对传递的参数进行处理。简单列举了get请求以及post请求,实际引用中delete请求等同于get请求,put请求等同于post请求。// 封装ajax请求function myAjax(option) { // 创建一个XML对象 var xhr = new XMLHttpRequest() // 将传入的请求类型进行处理 转换成大写 var methods = option.type.toUpperCase

2021-07-15 20:22:29 494 1

原创 JQuery制作轮播图

用jquery制作一个简单的轮播图。页面效果如下对功能进行拆分。 小圆点显示以及小圆点高亮 左右箭头显示与隐藏 点击小圆点实现轮播图切换 点击左右箭头实现图片切换 轮播图可以自动轮播 鼠标移入停止图片轮播鼠标离开开启自动轮播 结构如下:...

2021-07-11 23:32:32 358 1

原创 JQuery 购物车案例

本文介绍用JQuery实现购物车案例相关功能界面如下主要功能为:1.单选全选按钮 当单选按钮全选中时全选按钮也被选中,选中商品高亮效果2.商品数量++ -- 功能,商品数量输入框功能 删除商品功能。3.单个商品小计,总商品数量计算,总价计算。4.清空购物车及删除选中商品。一.全选功能 //1 全选功能 $('.checkall').change(function () { var check = $(this).prop('checke

2021-07-08 20:44:49 724

原创 HTML5用canvas制作飞机大战小游戏

css样式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2021-07-03 14:54:36 647 2

原创 HTML5 用canvas画吃豆人

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-07-03 14:49:45 531

原创 JavaScript函数柯理化

简而言之,柯理化就是将接收多个参数的函数,变成一个接收部分参数的函数,再返回一个新函数,继续接收参数,直到参数全部接收,再计算结果。如:fn(a,b,c,d)→fn(a)(b)(c)(d)或者:fn(a,b,c,d)→fn(a,b)(c)(d)即可以让函数的参数不必一次全部传递,可以多次传递。 // 要实现的功能 参数想加function add(a, b, c, d) { return a + b + c + d;

2021-06-26 13:40:05 86

原创 JS中函数的防抖与节流

前言在JS中,一个事件在短时间内多次触发,不加以节制的话,会对服务器以及浏览器造成极大的负担,所谓的节流防抖简而言之就是限制一个事件在一定事件的触发次数。防抖防抖的原理:在一定时间事件无论触发多少次,只有最后一次的触发事件会执行。举个栗子: <!-- 创建一个input标签 --> <input type="text" id="ipt"> <script> // 获取到这个input var ipt =

2021-06-24 19:55:24 192 1

原创 JS中的递归

递归函数在js中函数自己调用自己,就称为递归。递归函数的必要条件递归方程以及递归结束条件,即给递归函数安排出口

2021-06-20 17:35:47 11746

原创 JS判断一个对象是不是数组的方法

1.获取当前对象的隐式原型,判断是否全等于Array的原型(不稳定)。2.判断当前函数是不是由Array这个函数构造的(不稳定)。3.判断当前函数d

2021-06-20 16:17:14 946

原创 JS中的原型及原型链

原型1.所有的函数都有一个prototype属性,称为原型,值为一个普通对象。2.所有的对象都有一个__proto__属性,称为yingshiyuanxing

2021-06-15 08:47:30 71

原创 浅析JS中的作用域链及闭包

前言要知道什么是作用域链,我们首先的知道什么是作用域,简而言之,作用域就是变量起作用的范围。什么是作用域链在对作用域有了一定的liaojiezhih

2021-06-15 08:47:07 69

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除