2019年9月23日
2019.9.5绘图
摘要： Web前端中的绘图技术 canvas技术 2D图像/图形 SVG技术 矢量图 WebGL 3D图形/图像 不在HTML5 的标准中 今天主要来讲讲画布canvas <canvas width="600" height="400" id="can"></canvas>注意，宽高要在标签上设置而不能再C 阅读全文
posted @ 2019-09-23 21:04 矜鸾 阅读(133) 评论(0) 推荐(0) 编辑
2019.9.4拖拽事件
摘要： 拖拽事件一共分为7种： 在开始移动的时候触发ondragstart 在移动中触发ondrag 拖拽结束的事件ondragend 拖拽元素进入目标元素时触发ondragenter 在目标元素中移动中ondragover 离开目标元素时触发ondragleave 鼠标松开时触发ondrop 拖拽的声明周 阅读全文
posted @ 2019-09-23 20:56 矜鸾 阅读(167) 评论(0) 推荐(0) 编辑
2019.9.3视频播放
摘要： 首先要说的是目前Flash已被HTML5取代，具体取代的方面有： 音频和视频 <video></video> <audio></audio> 绘图 <canvas></canvas> 动画 <canvas></canvas> + 定时器 统计图表 <canvas></canvas> <svg></s 阅读全文
posted @ 2019-09-23 20:52 矜鸾 阅读(161) 评论(0) 推荐(0) 编辑
2019年9月17日
2019.08.30数组去重的几种方法以及所需时间对比
摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组去重方法</title></head><body> <script> function unique1(arr){ // 遍历数组arr for(var i = 阅读全文
posted @ 2019-09-17 21:05 矜鸾 阅读(164) 评论(0) 推荐(0) 编辑
2019.08.29定时器以及轮播图
摘要： js 定时器有以下两个方法： setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。循环 setTimeout() ：在指定的毫秒数后调用函数或计算表达式。单次 用法： var time = s 阅读全文
posted @ 2019-09-17 21:02 矜鸾 阅读(182) 评论(0) 推荐(0) 编辑
2019.08.27BOM的六个子对象（2）
摘要： navigator ：封装浏览器的配置信息 对象属性： cookieEnabled 返回浏览器中是否启用cookie的布尔值 onLine 是否处于脱机状态的布尔值 userAgent 返回user-agent的头部的值 eg 使用.plugins 浏览器安装的所有插件信息检查浏览器是否安装了 Ch 阅读全文
posted @ 2019-09-17 20:51 矜鸾 阅读(162) 评论(0) 推荐(0) 编辑
2019.08.27BOM的六个子对象（1）
摘要： JavaScript中BOM以及DOM的区别：DOM w3c 让js有能力去操作HTML和XML 间接的操作样式BOM 专门操作浏览器的API 兼容性 BOM的六个子对象 history:浏览器的历史记录 location：窗口的url 地址栏的信息 navigator： 浏览器的配置信息 docu 阅读全文
posted @ 2019-09-17 20:32 矜鸾 阅读(312) 评论(0) 推荐(0) 编辑
2019.08.26关于分页
摘要： 由于做表格时需要用到分页，所以这次我整理了一些分页的用法，主要是逻辑思维的运用 <html><head><meta charset='utf-8'><title>www.jb51.net js表格分页</title> <style type="text/css"> #idData {color: r 阅读全文
posted @ 2019-09-17 20:17 矜鸾 阅读(202) 评论(0) 推荐(0) 编辑
2019年8月21日
2019.8.21页面功能的实现
摘要： 利用数组的原型对数组进行去重 Array.prototype.fun = function(){ for(var i = 0,result= [];i < arr.length;i++){ for(var j = 0;j < result.length;j++){ if(result[j] == a 阅读全文
posted @ 2019-08-21 16:28 矜鸾 阅读(102) 评论(0) 推荐(0) 编辑
2019.8.21一些面试题以及记录
摘要： 今天给大家分享一些面试题，以及我个人的见解，话不多说，上题！ var person={fname:"John",lname:"Doe",age:25}; var txt=""; for (x in person){ txt= txt + x+ person[x]; } alert(txt); 输出为 阅读全文
posted @ 2019-08-21 16:19 矜鸾 阅读(302) 评论(0) 推荐(0) 编辑