摘要：
当页面需要请求大量图片时，会耗费大量的数据，使用懒加载，跨域提高用户的体验 js代码 var num = document.getElementsByTagName('img').length; var img = document.getElementsByTagName("img"); // 存 阅读全文
摘要：
文件上传最方便的方式是form方式提交，但它在有些场景并不适合，需要使用ajax方式来实现上传文件，ajax直接调用后台是无法将file传送给后台，这时就需要引入formData,然后设置相关阐述，下面将详细阐述 一、dom结构和js结构 dom结构 <form id="form"> <label 阅读全文
摘要：
jquery中提供了很多方便的方法，本案例使用jquery的动画、获取鼠标手机位置、创建dom以及删除dom等方法，实现加入购物车，即点击当前物品滑入购物车 一、案例效果图如下所示： 二、具体实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
摘要：
最近使用到了基于jquery的layui框架，在使用layui的form表单的时候，会遇见一个问题，页面渲染完成之后，使用js或jquery操作表单dom元素是没有问题的，但表单内容并随之没有改变，需要使用layui提供的方法来重新渲染表单 一、初始化表单 1、dom结构如下 2、layui方法初始 阅读全文
摘要：
一、为什么会有滑块登录验证 很多网站为了防止机器人登录操作，往往会会添加一个滑块拼图验证，必须要拖拽拼成完整才能登录成功。 二、案例展示 本文使用的是基于jquery的语法以及jquery动画特效实现表单拖拽拼图验证，刷新页面，产生随机位置的两个方块，只有图片滑块滑倒空白方块附近才能算验证成功，可以 阅读全文
摘要：
1.OOP 面向对象编程(Object Oriented Programming，缩写为OOP)是目前主流的编程范式。它的核心思想是将真实世界中各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟 面向对象编程的基本特点是：封装，继承，多态 封装：封装的过程就是把一些属 阅读全文
摘要：
一、为什么会有滑块登录验证 很多网站为了防止机器人登录操作，往往会会添加一个滑块拼图验证，必须要拖拽拼成完整才能登录成功。 二、案例展示 刷新页面，即可产生随机位置的两个方块，只有图片滑块滑倒空白方块附近才能算验证成功，可以设置允许有几像素的误差；离目标较远会自动返回。 三、具体实现代码 <!DOC 阅读全文
摘要：
一、回调 回调函数 当一个函数A作为参数，传入另一个函数B中，某种情况下执行，作为参数的函数A，叫回调函数 用处： 获取异步的数据 获取将来的数据 回调地狱 当回调函数嵌套过多时 格式混乱，不方便程序调试 浪费性能 回调地狱解决了什么问题 多层异步，嵌套的问题 更好的解决方式 不产生回调地狱，实现多 阅读全文
摘要：
本文将介绍前端分页效果的实现，并没有借助地址栏的参数来实现，利用相关公式来完成。 1、总页数 = Math.ceil(数据长度/每页需要显示的数量)；注：向上取整 2、每页显示的数据的开头索引 = 当前页码-1 * 每页需要显示的数量； 注：循环创建的页码索引从0开始，页码从1开始，计算时需要减1 阅读全文
摘要：
本文主要从使用ajax请求的步骤、ajax状态码和http响应状态码以及ajax封装三个方面阐述 一、使用ajax请求的步骤 // 一、创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 二、规定请求的类型、URL 以及是否异步处理请求。 阅读全文