- 博客(42)
- 收藏
- 关注
RSS订阅原创 react--安装
语法特点：声明式编码：只在意结果不在意过程组件化编码：html,css,js的集合单向数据流：vue也是单向数据流，有一个双向绑定功能。支持服务器端编写高效：先生成一个虚拟DOM，然后在DOM中操作，再一次性返回到真实界面首先安装好node.js和npm安装 Webpack：npm install -g webpack安装对应的 loader: npm instal...
2019-12-26 10:59:41
145
原创 js库
引用 Prototype如需测试 JavaScript 库，需要在网页中引用它。为了引用某个库，请使用 <script> 标签，其 src 属性设置为库的 URL：<scriptsrc="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js"></script>Prototype...
2019-12-24 18:22:20
145
原创 js---浏览器BOM
window尺寸有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5：...
2019-12-24 17:56:40
157
原创 js--将一个固定时间改变为倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="jQuery/jquery-1.8.3.min.js"></script> ...
2019-12-24 15:57:54
377
原创 js--DOM元素
创建新的 HTML 元素如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。<body><div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。</p></div><script...
2019-12-24 10:42:34
94
原创 js--HTML DOM EventListener
DOM EventListener用于向指定元素添加事件句柄。在用户点击按钮时触发监听事件： document.getElementById('myBtn').addEventListener('click', displayDate);addEventListener() 方法添加的事件句柄不会覆盖已存在的事件句柄。可以向一个元素添加多个事件句柄。<script...
2019-12-24 10:26:35
181
原创 js-void(0)的含义
href="#"与href="javascript:void(0)"的区别# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。而javascript:void(0), 仅仅表示一个死链接。在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。如果你要定义一个死链接请使用 javascript:void(0) 。<body><a ...
2019-12-23 16:22:01
165
原创 js--严格模式
使用 "use strict" 指令"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。支持严格模式的浏览器: Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera...
2019-12-23 15:52:52
90
原创 js--调试
debugger关键字debugger 关键字用于停止执行 JavaScript，并调用调试函数。这个关键字与在调试工具中设置断点的效果是一样的。如果没有调试可用，debugger 语句将无法工作。<script>var x = 15 * 5;debugger;document.getElementById("demo").innerHTML = x;<...
2019-12-23 15:37:27
108
原创 js--错误
JavaScript 错误 - throw、try 和 catch try 语句测试代码块的错误。 catch 语句处理错误。 throw 语句创建自定义错误。JavaScript 抛出（throw）错误当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。JavaScript try 和 catchtry 语句允许我们定义在执行时进行错误测试的代...
2019-12-23 15:33:50
102
原创 js--类型转换
typeoftypeof:查看javascript变量的类型 NaN 的数据类型是 number 数组(Array)的数据类型是 object 日期(Date)的数据类型为 object null 的数据类型是 object 未定义变量的数据类型为 undefinedconstructor属性返回所有javascript变量的构造函...
2019-12-23 15:20:51
115
原创 jQuery--AJAX
AJAX是指一种创建交互式网页应用的网页开发技术。AJAX=异步JavaScript和XML（标准通用标记语言的子集）。AJAX是一种用于创建快速动态网页的技术。AJAX是一种在无需重新加载整个网页的情况下，能够更新部份网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新，也就是：按需...
2019-12-20 17:28:30
138
原创 jQuery--特效
显示与隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #content{display: none;} </sty...
2019-12-19 16:13:42
164
原创 jQuery--函数
命名函数可多次调用。函数声明：function func(args) {//执行语句};例：<script> $(document).ready(function() { //创建一个点击事件 $('img').clikc(show); //show()函数声明 function show() ...
2019-12-18 17:10:44
91
原创 jQuery--事件
绑定事件给页面元素绑定事件：even()和bind().<script> $(document).ready(function() { //1、向页面中已存在的元素添加事件：event() $('img').click(function() { $(this).attr({'src':'images/2.png'...
2019-12-18 16:35:07
103
原创 jQuery--复制元素、包装元素、删除元素
复制元素仅适用于页面上存在的元素。<script> $(document.body).append('<div id="link">链接</div>');//向当前页面添加一个div元素 $('h3').clone().appendTo('#link');//将所有h3元素复制到id为link的div元素下 });</...
2019-12-18 16:03:59
292
原创 jQuery--文档元素的插入与替换
<script> $(document).ready(function() { $('#site').bind('click',function() { //1、append()：将新元素添加到当前的jQuery对象中 $(this).append('html');//html添加到了h3标签里面 ...
2019-12-18 15:22:35
316
原创 jQuery--选择方法及$(this)用法
选择方法用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象$(function() {//一、根据结果集中元素位置来选择：first(),last(),eq(),slice()//1、选择第一个li $('li').first().css('color','red');//2、选择最后一个li $('li').last().css('co...
2019-12-18 14:36:31
2907
原创 jQuery--选择器
选择器分类1、简单选择器：标签名+过滤器常规过滤器：标签选择符、类选择符、id选择符$(function() {$('p').css('color','red');//标签$('.add').css('color','red');//类$('#app').css('color','red');//id});属性过滤器：属性放入[]中$(function() {/...
2019-12-18 12:28:47
96
原创 jQuery--HTML内容查询与设置
查询<script> $('li').eq(1).html();//获取第二个li中的内容 $('li').eq(1).text();//获取第二个li中的内容</script><body> <ul> <li>html01</li> <li>html02</li> ...
2019-12-17 15:43:59
173
原创 jQuery--类属性操作
addClass()<style> .red{border-radius:30px;box-shadow:8px 8px 5px red} .black{border-radius:30px;box-shadow:5px 5px 5px black}</style><script> $('img').addClass('red'...
2019-12-17 15:28:09
98
原创 jQuery--css属性查询与设置
查询<img src="images/logo.jpg" alt="图片" width="200px" height="200px" border-radius='30px' border-shadow='' style="width: 200px;height: 200px;border-radius: 30px;box-shadow: 8px 8px 5px red">&...
2019-12-17 15:14:10
165
原创 jQuery---html属性的查询、设置、删除
查询<img src='' alt='' width=''><script> $('img').attr('alt');</script>设置<img src='' alt='' width=''><script> $('img').attr('src','图片路径');</script&...
2019-12-17 14:19:27
132
原创 subline Text3--emmet插件
下载安装：步骤一：首先你需要查看下你的sublime text上是否安装了Package Control，如果没有安装，你需要为sublime text安装Package Control组件1）查看Preferences -->package Control 存在 如果不存在进行下面的步骤，如果存在直接进行第二步2）粘贴以下代码到底部命令行并回车： import urllib2,...
2019-12-17 12:33:17
164
原创 jQuery对象与DOM对象之间的相互转换
DOM//修改列表中第三个元素颜色document.getElementByTagName('li')[2].style.color='red';jQuery//修改所有颜色$('li').css('color','red');相互转换//通过DOM获取元素,然后改变样式$(document.getElementByTagName('li')[2]).css('...
2019-12-17 12:13:09
114
原创 jQuery--对象属性与遍历方法：each()
jQuery对象属性$(function() { console.log('长度'+$('li').length); console.log('选择符'+$('li').selector); console.log('上下文属性'+$('li').context); console.log('版本号'+$('li').jquery);});each方法...
2019-12-17 11:51:48
231
原创 jQuery--$()函数的调用方法
选择器css选择器：以字符串方式传入 $(document).ready(function() { $('button').click(function() { $('p').css('color','red').hide(3000); }); });对象传递一个DOM对象，或者document对象，window对象给$() $(document).read...
2019-12-17 11:29:17
822
原创 jQuery---下载安装
git安装 ：进入jQuery官网，点击源码，进入到github复制地址。创建jQuery目录。打开git终端。git clone jQuery的github地址composer安装进入composer官网。点击 安装包列表,搜索jquery，找到复制名称。打开终端工具。输入composer require components/jquery官网下载...
2019-12-16 18:29:18
399
原创 js--AJAX
AJAXAJAX=异步javascript和XML。用于创建快速动态网页。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。意思是可以在不重新加载整个页面的情况下，对网页的某部份进行更新。同步(sync)：发出一个功能调用时，在没有得到结果前，该调用不不返回或继续执行后面的操作。具体过程：客户端提交请求-》等待服务器处理-》处理完毕返回，在这个过程中客户端不能做其他操...
2019-12-13 12:46:11
84
原创 js---HTMLDOM
HTMLDOM通过HTMLDOM可以访问javascript文档中的所有元素 D:文档 O：对象 M：模型改变HTML-DOM方法1、输出 document.write()可用于直接向HTMLl输出内容。2、改变html内容 修改html内容时使用innerHTML属性。 语法：document.getElementById(idna...
2019-12-12 15:07:02
109
原创 javascript---正则表达式
正则表达式正则表达式是一个描述字符模式的对象，javascript使用RegExp类来表示正则表达式//RegExp()创建对象var a=new RegExp('s$')//直接量语法创建对象var a=/s$/属性：ignoreCase:返回一个布尔值，表示是否设置了i修饰符，该属性只读。global:返回一个布尔值，表示是否设置了g修饰符，该属性只读。multil...
2019-12-12 11:53:35
107
1
原创 javascript
引入与注释可放在head中，也可放在body中，也可作为外部文件引入【<script type="text/javascript" src="xxx.js"></script>】。块注释：/* ...*/。单行注释：//基础语法（标识符/变量）标识符：指变量、函数的名字，或者函数的参数名。标识符可以是一个或多个字符组合：1、第一个字符必须是一个字母、...
2019-12-11 17:12:09
203
原创 http5--css定位
定位position:将元素放置到一个静态的、相对的、绝对的、固定的位置top:定位元素上外边距边界与其包含块边界之间的偏移right:定位元素右外边距边界与其包含块边界之间的偏移bottom:定位元素下外边距边界与其包含块边界之间的偏移left:定位元素左外边距边界与其包含块边界之间的偏移overflow:设置当元素的内容溢出其区域时发生的事情clip:元素的形状，元素被剪入这...
2019-12-05 14:15:37
1254
原创 html5--css
css样式：1、内联样式：只针对当前标签。语法：<p style="属性：属性值"></p>2、内部样式：只针对当前页面。语法：在head元素内部 <style> p{属性：属性值}</style>3、外部样式：共享的css文件，需要引用一个外部css文件。在head内引入外部css文件 <link rel='stylesheet'...
2019-12-05 12:30:30
293
原创 html5--框架
框架 ：<!--frameset:定义框架结构的标签，可以将浏览器窗口分割成框架--><!--cols/rows:规定每行或每列占据屏幕的面积--><!--noresize:合框架边框不可拖动--><frameset rows="10%,*"> <frame src="1.html" noresize="noresize"&...
2019-12-04 16:37:35
97
原创 html5--视频、音频元素
视频标签：<!--定义嵌入内容--><embed src="视频路径"></embed><!--定义视频，如：电影片段或其他视频流--><!--controls:定义视频播放/暂停操作，loop:定义视频循环播放，autoplay：定义视频自动播放--><video src="视频路径" width="" heig...
2019-12-04 16:12:02
287
原创 html5--表单
表单用于收集不同类型的用户输入form标签用于为用户创建html表单//method为传值方式 action为提交路径<form action="url地址" method="get/post" name="表单名称"><p>文本</p> <input type="text" name='username' size="40px" ...
2019-12-04 15:54:47
115
原创 html中的图片链接及锚点
<a href="http://www.baidu.com" name="" target="_blank">百度</a>a:定义锚href属性：urlname：规定定义锚的名称target:定义文档在什么地方打开，_blank为打开一个新窗口。跳转到文档：href="文件名"图片链接：<a href="url"><img ...
2019-12-04 14:43:59
2954
原创 html5--表格
表格元素：cellspacinf:表格间距设置；colspan:合并横向单元格，参数为合并单元格个数。rowspan:纵向合并单元格，参数为合并单元格个数。表格内嵌套：在单元格内嵌套表格有序列表：ol 标签 type为序列类型，默认为数字,如：数字、字母。 列表内用li 标签无序列表：ul标签 type为序列类型，默认为小黑点，circle为空心圆点，square为黑...
2019-12-04 12:55:07
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人