- 博客(22)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 2020-09-26---错题小系统
错题小系统技术环境界面功能1.查2.增3.删4.改数据库文件结构代码CSSphpJS技术Bootstrap、JavaScript、Ajax、PHP环境VScode、谷歌浏览器、PHPstudy（Apache、MySQL）界面主界面：点击添加错题：点击修改错题：功能1.查显示所有错题，把数据库中的错题都显示到页面。2.增添加错题，点击添加错题按钮后，弹出模态框，可以输入对应的内容，通过ajax内容添加到数据库中，然后再通过重载功能把内容加载到页面中。3.删删
2020-09-26 17:46:46
855
原创 2020-09-24---Promise & jsonP
Promise & jsonPPromise一、什么是promise?二、语法：三、方法四、Promise有三种状态五、 Promise的静态方法 Promise.all()当有多个异步程序时1.计时器回调函数2.计时器Promise3.计时器 PromiseAjax的同源策略跨域方式有jsonP（前端可以实现的跨域方式）Promise一、什么是promise?是ES6提出的一种异步编程解决方案。它是一个构造函数Promise二、语法：//resolve : 成功 reject :
2020-09-25 21:58:11
260
原创 2020-09-23---Ajax
Ajaxajaxajax原理ajax封装应用1.通过ajax请求 .txt 的内容ajax概念无需加载整个网页（刷新页面）的情况下，能够更新部分网页对的技术。优点（1）无刷新更新数据（2）异步与服务器通信，不打断用户的操作（3）前后端负载平衡（4）前后端分离缺点（1）对搜索引擎支持较弱（2）不能很好地支持移动端设备（3）没有了back和history功能，即对浏览器机制的破坏（4）对IT企业带来了新的安全威胁。ajax原理四步1.创建对象2.连接服务器3.发送请求
2020-09-24 10:34:00
101
原创 2020-09-23---Cookie实现购物车
购物车四大步骤第一步：用户注册，首先是前端正则检测，然后后端cookie检测，符合规则，注册成功，点击登录跳转到登录页面第二步：用户登录，首先是前端正则检测，然后后端cookie检测，符合规则，登录成功，跳转到商品详情页面第三步：商品详情页，点击购买商品会加入到购物车，点击查看购物车会跳转到购物车页面第四步：购物车页面效果登录成功跳转到商品详情页面点击‘查看购物车’跳转到购物车页面文件结构一个购物车文件夹，下面有四个HTML文件，一个js文件夹，里有一个js文件。代码1
2020-09-23 21:41:35
394
原创 2020-09-22---Cookie
创建cookie//创建cookie// function createCookie(key,value,json){// //初始化参数// //如果第三个参数没有传，就是undefined，然后下面用json.[]时候就是undefined.[],这样就会报错。所以必须要初始化第三个参数，有参数就为传过来的参数，没有就为空对象// json = json || {};// let cookis_str = encodeURIComponent(key) + '
2020-09-23 15:45:33
127
原创 2020-09-21---php&mysql实现登录注册
php&mysql实现登录注册环境数据库文件结构步骤代码login.htmlregistor.htmllogin.phpregistor.phpapidoc.md效果环境数据库文件结构必须要注意，文件夹必须放在服务器上，然后才能运行。步骤在服务器上新建一users个文件夹，然后新建login.html和registor.html文件，接着新建一个php文件夹，用来放php文件，在php文件夹里面，新建login.php和registor.php。最后在新建一个API文档apidoc
2020-09-22 09:58:28
304
原创 2020-09-16---js实现五星好评效果&放大镜效果&瀑布流
放大镜效果&瀑布流放大镜效果思想瀑布流固定列数思想放大镜效果思想面向对象的思维分析分析功能移入事件，移入的时候，滑块显示，大图显示移出事件，移出的时候，滑块消失，大图消失移动事件，移动的时候，滑块跟随，滑块有边界，不能出来图片，且鼠标在滑块中间放大镜的核心：求比例鼠标在小图上移动多少，对应的右边的大图移动相应对的比例。瀑布流固定列数思想瀑布流的核心：找最小高度的列的位置面向对象分析1.求最小高度：求所有列当中最小高度列所在的下标值固定列数，每一列为一个ul，把所
2020-09-17 09:49:35
539
原创 2020-09-15---js实现购物车&轮播图
购物车&轮播图购物车思想轮播图购物车思想/*一、 查看购物车-- 点击事件–跳转页面二、购买 ==== 点击事件1. 获取购物车页面所需要的商品信息（id/name/price/num)let good_id = …;let good_name = ‘…’2. localStorage = ‘key’ ‘value’‘key’ ‘product_’ + 商品id‘value’‘{“id” : 1,“name” : “水杯”,“price” : 29,“num” :
2020-09-16 21:29:57
791
原创 2020-09-14---js案例（轮播图&烟花效果）
轮播图思路/*轮播：核心： 当前下标方式：大图 display 小圆点 backgroundColor属性：1. 获取大盒子2. 获取大图（ul_li)3. 计算大图数量4. 创建并返回所有的小圆点 = 补全页面()5. 获取左按钮6. 获取右按钮7. 当前下标 = 08. 添加事件()9. 获取文字信息框10. 调用轮播//方法1. 补全页面1> 左按钮1… 创建span2… 添加内容 <3… 添加id4… 添加到大盒子中2&
2020-09-14 21:45:13
194
原创 2020-09-13---js中的运动
js文件let timer = null;//匀速运动//01从左向右走，走向目标function sport01(obj){ clearInterval(timer); timer = setInterval(function(){ if(obj.offsetLeft >= 500){ clearInterval(timer); }else{ obj.style.left = obj.offset
2020-09-13 18:46:00
196
原创 2020-09-13---js中的兼容
js中的兼容1.滚动条距离顶端的距离2.滚动条距左端的距离3.byClassName的兼容4. 获取非行内样式5. 获取事件对象的兼容6. 获取鼠标编码值的兼容7. 获取键盘编码值的兼容8. 阻止事件冒泡的兼容9. 阻止默认行为的兼容10.添加事件监听器的兼容11. 移除事件监听器的兼容12. 获取事件源的兼容1.滚动条距离顶端的距离//1滚动条距离顶端的距离var scroll_top = Math.floor(document.documentElement.scrollTop || docume
2020-09-13 18:34:19
98
原创 2020-09-12---周总结
js第三周总结day1 event（上）一、什么是事件对象？（黑匣子，行车记录仪，监控）二、如何获取事件对象？day1 event（上）一、什么是事件对象？（黑匣子，行车记录仪，监控）当绑定事件的对象在触发条件时，发生的信息保存在一个地方，这个地方叫做事件对象。二、如何获取事件对象？标准浏览器 ： 事件处理程序...
2020-09-12 16:07:37
213
原创 2020-08-27---函数（上）
函数（上）一、什么是函数？二、好处三、函数的分类四、函数的类型五、函数的声明1.语句定义法：任意位置都可调用2.表达式定义法：只能先声明，后调用六、调用函数七、函数的参数1.实际参数（实参）：2.形式参数（形参）：八、函数的返回值九、事件相关概念绑定事件的语法：onload ： 加载事件表单鼠标键盘一、什么是函数？对于需要反复使用的功能代码，将其封装成一个独立的模块，这种功能代码块叫函数。二、好处程序可控。一次封装，多次使用（复用）。随处可调三、函数的分类内置（库、系统）函数自定义函
2020-09-11 14:26:21
315
原创 2020-09-10---ES6
ES6一、严格模式“use strict”； 注：写在作用域开头二、修改上下文this指向函数的方法：1. bind（对象，参数1，参数2，……） 返回函数2. call（对象，参数1，参数2，……） 返回对象3. apply（对象，数组|arguments） 返回对象三、JSON方法1.JSON.parse() : 将严格的json格式的字符串解析为对象2.JSON.stringify() ：将对象转为JSON字符串四、新增关键字 let & const1.let : 用户声明变量
2020-09-10 22:09:00
72
原创 2020-09-09---正则表达式
正则表达式一、什么是正则表达式二、如何声明正则表达式1.字面量 /正则表达式/标志位2.构造函数 new RegExp('正则表达式'，'标志位')三、正则的方法1.正则表达式.test(字符串)2.正则表达式.exec(字符串)字符串处理正则的方法1.字符串.match(正则表达式)：返回数组2.字符串.search（正则表达式）：查询正则匹配的字符串在父串中第一次出现的下标位置，没有匹配，返回-1；3.字符串.replace() : 替换exec 与match的区别四、正则的元字符（三二二三三个一）1
2020-09-09 22:09:03
437
原创 2020-09-08---event
event一、浏览器默认行为及阻止1.右键菜单2.超链接3.拖拽的默认行为二、事件监听器三、事件委托（事件代理）四、拖拽1.思想2.伪代码3.代码实现五、滚动事件一、浏览器默认行为及阻止1.右键菜单document.oncontextmenu = function(){ return false; //既阻止默认行为，也阻止事件冒泡}2.超链接标准浏览器 ： event.preventDefault()IE: event.returnValue = false;var o_a = d
2020-09-08 22:47:09
105
原创 2020-09-07---event
event一、什么是事件对象？（黑匣子，行车记录仪，监控）二、如何获取事件对象？三、事件的对象的应用1.如何获取鼠标的编码值（1）event.button（2）which IE9以下不支持2. 如何获取鼠标的坐标值（1）鼠标的相对坐标值(相对鼠标所在对象的坐标值)（2）鼠标的绝对坐标值(相对于body（左上角）的坐标值)（3）鼠标的可视区坐标值（4）鼠标的屏幕坐标值3.如何获取键盘的编码值（1）onKeydown/onKeyup（2）onkeypress4.如何实现组合（快捷）键5.阻止事件冒泡的兼容案例模
2020-09-07 22:29:23
515
原创 2020-09-05---周总结
day1 数组一、什么是数组？存储一组或一系列相关数据的容器二、数组的好处？数据集中管理，提高性能三、数组元素存储在数组中的数据四、数组下标能够唯一标识一个容器的索引号（从0开始，到数组的长度-1）五、数组属性length：数组长度...
2020-09-06 21:31:27
1341
原创 2020-09-03---BOM、DOM
BOM、DOM一、BOM 浏览器对象模型二、顶级对象是：widow三、顶级对象的六大子对象是：四、location五、history六、navigator七、window对象的方法八、计时器九、onscroll 滚动事件十、DOM ： 文档对象模型十一、获取元素一、BOM 浏览器对象模型二、顶级对象是：widow三、顶级对象的六大子对象是：document location history navigator screen frames四、location跳转页面window.locati
2020-09-04 22:23:22
114
原创 2020-09-04---DOM
DOM一、创建对象二、添加节点对象三、修改节点对象四、删除节点对象五、克隆节点对象六、常见节点及节点属性七、访问或设置元素节点中的属性八、outerHTML、innerHTML、innerText九、获取所有的子节点十、高级选项十一、offsetWidth、offsetHeight十二、获取非行内样式十三、offsetLeft、offsetTop一、创建对象元素节点对象document.createElement()文本节点对象document.createTextNode()文档碎片doc
2020-09-04 22:21:19
100
原创 2020-09-02---Math和Date
Math和Day一、Math:内置的数学对象，注：Math对象不可以new！1.属性2.方法：一、Math:内置的数学对象，注：Math对象不可以new！1.属性Math.PI：圆周率2.方法：Math.abs() : 绝对值Math.round() : 四舍五入注：如果是负数时， >0.5 进一，<=0.5 舍去Math.ceil() : 向上取整Math.floor() : 向下取整Math...
2020-09-02 16:29:57
173
原创 2020-09-01---ES5、String
ES5_String一、选择排序二、利用堆栈理解值传递与引用传递三、JSON ：是一个跨平台跨语言的一种网络数据传输格式。四、严格模式五、arguments ： 内置的伪数组对象（实参副本）六、ES5新增的数组方法（都不会改变原数组）1.indexOf（元素，[start]）：2.lastIndexOf（元素，[start]）:3.forEach（function(value,index,array){}） 遍历数组4.map（function(value,index,array){return ...}）
2020-09-02 14:00:10
661
bootstrap.zip
2020-06-30
HTML CSS JS的作用.zip
2020-06-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人