qq_39155611的博客

JavaScript数组对象的迭代方法详解 上一篇博客讲到了数组的方法，当然里边比较复杂的就是数组的迭代方法，因为涉及到了回调函数，所以这篇博客我们来详细讲解一下js数组迭代方法的使用。 1.forEach(funcrion(value,index,arr){}):对数组的每一项运行给定函数，这个方法不进行返回，所以一般用于让数组循环执行某方法。 var arr=[1,2,3,4,5,6]; arr.forEach(function(val,index,arr){ conso

JavaScript的数据类型及区别 一.JavaScript的数据类型分类 js的数据类型分为值类型(基础类型/原始类型)和引用数据类型两大类。其中 值类型(基本类型/原始类型):字符串(String) 数字(Number) 布尔(Boolean) 对空(Null) 未定义(Undefined) Symbol(es6新增的，独一无二) 引用数据类型(混合数据类型):对象(Object) 数组(Array) 函数(Function) 1.值类型 // 1.字符串 string

CSS样式命名 说明 命名规则说明： 所有的命名最好都小写,不可以用纯数字命名，不可以用数字或“_”开头命名 属性的值一定要用双引号("")括起来，且一定要有值如class=“box”,id=“box” 每个标签都要有开始和结束，且要有正确的层次，排版有规律工整 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgCol...

常用字体对应表： HTML，CSS，font-family：中文字体的英文名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2...

浅谈对几种ajax请求方式的理解

利用JavaScript的循环语句再页面中打印图形 前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形 // 利用循环语句在网页中打印十行十列的矩形 for (var j = 0; j < 10; j++) { // 一行打印10个 @ for (var i = 0; i < 10; i++) { document.write("

JavaScript实现鼠标拖拽效果 前几篇博客一直在讲鼠标的移动事件相关的效果，今天再来讲一讲如何利用鼠标事件实现拖拽div块移动的效果。效果如图： HTML代码： <div id="box"></div> CSS代码： * { margin: 0; padding: 0; } #box { width: 200px; height:

教你如何利用canvas画布绘制哆啦A梦 最近一直在练习使用canvas画布标签，今天教大家如何使用canvas画布绘制哆啦A梦。如图： HTML代码： <canvas id="my_canvas"></canvas> CSS代码： canvas { display:block; margin:0 auto; background: pink } JavaScript代码：

利用javascript制作计算器 前面我们讲到如何用js模拟计算器的基本运算，现在咱们来讲一下如何使用HTML+CSS+javascript制作一个功能齐全，切外观大气的计算器。功能效果如下图所示： HTML代码： <table> <tr> <td colspan="5"> <input type="text" id="text"> </td>

JavaScript实现省市区三级联动 之前的文章中我们说到过如何利用JavaScript实现二级联动，这次我们来说说如何利用JavaScript实现三级联动。效果如图： HTML代码： 请选择省份：<select name="" id="province"> <option value="">请选择省份......</option> </select> 请选择城市：<select name="" id="cit

HTML字符实体 做开发的小伙伴们都知道，HTML有一些预留字符，浏览器在解析时不能正确的显示，这个时候我们就需要使用字符实体进行替换。同时，有一些键盘上找不见的符号我们也可使使用字符实体进行替换，下面是我整理的几类我们经常遇到的字符。 1.常见的HTML预留字符 字符 实体编号 实体名称 描述 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &a

原生JS实现轮播图效果 上篇文章我们说到了怎样利用原生JS实现Tab切换的效果，现在我们来说一下Tab切换的“升级版”。如何利用原生JS实现轮播图效果。如图： HTML代码： <div class="box"> <img src="img/0.jpg" alt=""> <!-- <img src="img/1.jpg" alt=""> <img src="img/2.jpg" alt="">

详解BOM的存储对象 今天来讲一下BOM中的最后一部分内容，BOM的存储对象。在JavaScript中以前有cookie对象可以对一部分数据进行存储，但是安全性低，并且容量有限。所有就有了现在的BOM中的存储对象 sessionStroage 和 localstroage 对象。 HTML代码： <h1>02BOM的储存对象</h1> <h3>sessionStorage</h3> <button>setItem()<

HTML5的学习之新增元素 这篇文章学习一下HTML5新增的元素及浏览器的兼容 标签 描述 <article> 定义页面独立的内容区域。 <aside> 定义页面的侧边栏内容。 <bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。 <command> 定义命令按钮，比如单选按钮、复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框，比如提示框

标签 对应英文 说明 <!–> / 注释 <!DOCTYPE> document type a anchor ['æŋkə] 锚超链接 abbr abbreviation [əbriːvɪ’eɪʃ(ə)n] 缩写缩写词 acronym acronym ['ækrənɪm] 首字母缩略词缩写词 address ...

利用JavaScript的控制图片的CSS位置实现轮播图功能 上篇博客我们说到了如何给轮播图添加定时器效果，当然前面的两个轮播图功能实现都是通过改变图片的路径(图片名称取巧)实现的，有一定的局限性。今天说一说怎样通过改变位置实现轮播功能。效果如图： HTML代码： <div class="box" id="box"> <ul class="min_box" id="banner"> <li class="banner">&

HTML5的学习之表单元素 这篇博客我们继续对HTML5进行学习,主要讲解HTML5的表单元素相关的内容。 1.input元素新增的类型 type类型 描述 color 选色板 month 月份 week 周 date 日期 datetime 多数不兼容 datetime-local 日期加时间 time 时间 email 检测邮箱地址 number 数字 range 范围 调节音量 进度条 search 搜索 tel 电话 不支持 u

HTML5的学习之媒体元素 前几篇博客我们将HTML5中的canvas画布元素进行了讲解，接下来开始学习其他的HTML5新元素。这篇就博文主要讲解HTML5中的媒体元素 <video> 和 <audio> 。 HTML代码： <!-- 视频 --> <video src="../js练习/英雄联盟.mp4" controls autoplay></video> <video controls> &

HTML5的学习之canvas画布 canvas其他剩余的方法和属性。 转换 方法 描述 scale() 缩放当前绘图至更大或更小。 rotate() 旋转当前绘图。 translate() 重新映射画布上的 (0,0) 位置。 transform() 替换绘图的当前转换矩阵。 setTransform() 将当前转换重置为单位矩阵。然后运行 transform()。 图像绘制 方法 描述 drawImage() 向画布上绘制图像、画布或视频。 cre

HTML5的学习之canvas画布 这篇博客继续学习canvas的文字相关属性和方法。 属性 属性 描述 font 设置或返回文本内容的当前字体属性。 textAlign 设置或返回文本内容的当前对齐方式。 textBaseline 设置或返回在绘制文本时使用的当前文本基线。 方法 方法 描述 fillText() 在画布上绘制"被填充的"文本。 strokeText() 在画布上绘制文本（无填充）。 measureText() 返回包含指定文本宽度的对象