前端学习
文章平均质量分 77
前端
阿发学测试
这个作者很懒,什么都没留下…
展开
-
jQuery学习最后一天(插件)
插件 常用插件 插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。 jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。 jquery.color.js animate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了。 使用插件的步骤 <!--1. 引入jquery的js文件--> <...原创 2019-10-04 13:17:15 · 108 阅读 · 0 评论 -
jQuery学习第三天(特殊属性及事件机制)
jQuery特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val(“张三”); //获取值 $("#name").val(); 【案例:京东搜索.html】 $(function () { //console.log($("#btn").val()); //$("#btn").val...原创 2019-10-03 23:13:48 · 126 阅读 · 0 评论 -
jQuery学习第二天(操作样式和属性、动画及节点)
jQuery操作样式 css操作 css(name,value) css(obj) $(function () { //css(name, value) //修改单个样式 //name:样式名 value:样式值 /* $("li") .css("backgroundColor", "pink") .css("color", "...原创 2019-09-29 12:35:56 · 145 阅读 · 0 评论 -
jQuery学习第一天(jQuery初体验)
jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 使用javascript开发过程中,有许多的缺点: 1. 查找元素的方法太少,麻烦。 2. 遍历伪数组很麻烦,通常要嵌套一大堆的for循环。 3. 有兼容性问题。 4. 想要实现简单的动画效果,也很麻烦 5. 代码冗余。 jQuery初体验...原创 2019-09-26 21:41:09 · 126 阅读 · 0 评论 -
Ajax学习-下(jQuery中的Ajax)
模板引擎使用 模板引擎: artTemplate:https://aui.github.io/art-template/ 模板引擎实际上就是一个 API,模板引擎有很多种,使用方式大同小异,目的为了可以更容易的将数据渲染到 HTML中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...原创 2019-10-16 09:42:40 · 97 阅读 · 0 评论 -
Ajax学习-上(基本用法)
Ajax 1.概述 web程序最初的目的就是将信息(数据)放到公共的服务器,让所有网络用户都可以通过浏览器访问。 在此之前,我们可以通过以下几种方式让浏览器发出对服务器的请求,获得服务器的数据: 地址栏输入地址,回车,刷新 特定元素的href或src属性 表单提交 这些方案都是我们无法通过或很难通过代码的方式进行编程(对服务器发出请求并且接受服务器返回的响应),如果我们可以通过javaScr...原创 2019-10-09 23:59:58 · 186 阅读 · 0 评论 -
js高级最后一天(正则表达式)
浅拷贝 浅拷贝:拷贝就是复制,就相当于把一个对象中的所有的内容,复制一份给另一个对象,直接复制,或者说,就是把一个对象的地址给了另一个对象,他们指向相同,两个对象之间有共同的属性或者方法,都可以使用 var obj1={ age:10, sex:"男", car:["奔驰","宝马","特斯拉","奥拓"] }; //另一个对象 ...原创 2019-09-24 23:18:37 · 247 阅读 · 0 评论 -
js高级第四天(apply call bind以及闭包)
apply和call方法的使用 作用:可以改变this指向 //apply和call都可以改变this的指向 //函数的调用,改变this的指向 // function f1(x,y) { // console.log((x+y)+":===>"+this); // return "这是函数的返回值"; // } ...原创 2019-09-21 11:28:13 · 155 阅读 · 0 评论 -
js高级第三天(原型链及继承)
1原型及原型链 <script> //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数 //构造函数 function Person(name,age) { //属性 this.name=name; this.age=age; //在构造函数中的方法 this.eat=...原创 2019-09-18 16:07:42 · 137 阅读 · 0 评论 -
js高级第二天(贪吃蛇)
贪吃蛇案例 1.先做食物并随机生成食物和删除食物 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .map{ width: 8...原创 2019-09-11 17:03:45 · 118 阅读 · 0 评论 -
js高级第一天(原型)
1.创建对象的三种方式 1.字面量的方式 var per1={ name:"卡卡西", age:20, sex:"男", eat:function () { console.log("吃臭豆腐"); }, readBook:function () { console.log("亲热天堂"); }...原创 2019-09-09 21:01:51 · 129 阅读 · 0 评论 -
js篇--学习web-api最后一天(案例)
1.图片跟着鼠标飞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> *{ margin: 0; padding: 0; } ...原创 2019-09-01 21:49:27 · 111 阅读 · 0 评论 -
js篇--学习web-api第六天(js三大系列)
三大系列 offset系列 1.offsetLeft: 用于获取元素到最近的定位父级盒子的左侧的距离 计算方式:当前元素的左边框的左侧到定位父级盒子的左边框的右侧 如果父级盒子没有定位,那么接着往上找有定位的盒子,若都没有,则最后距离是与body的left值。 元素名.offsetLeft——我们看见的值,window.getComputedStyle(元素名,null).left——真实设置的值...原创 2019-08-30 22:35:57 · 123 阅读 · 0 评论 -
js篇--学习web-api第五天(轮播图)
案例 关于定时器的案例 1.协议按钮禁用 在这里插入代码片原创 2019-08-28 16:30:12 · 202 阅读 · 0 评论 -
js篇--学习web-api第四天(开始BOM的学习)
事件详解 1.绑定事件的区别 * 总结绑定事件的区别: * addEventListener(); * attachEvent() * * 相同点: 都可以为元素绑定事件 * 不同点: * 1.方法名不一样 * 2.参数个数不一样addEventListener三个参数,attachEvent两个参数 * 3.addEventListener 谷歌,火狐,IE1...原创 2019-08-26 16:43:58 · 220 阅读 · 0 评论 -
js篇--学习web-api第三天(DOM的学习)
节点 1.节点的属性 可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来 nodeType:节点的类型:1–标签,2–属性,3–文本 nodeName:节点的名字:标签节点–大写的标签名字,属性节点–小写的属性名字,文本节点–#text nodeValue:节点的值:标签节点—null,属性节点–属性值,文本节点–文本内容 2.获取相关的节点 <!DOCTYPE html&g...原创 2019-08-23 22:50:57 · 148 阅读 · 0 评论 -
js篇--学习web-api第二天(DOM的学习)
案例 1.点击按钮,禁用文本框 <input type="button" value="点击" id="btn"/> <input type="text" value="哈哈,我好帅啊!" id="txt"> <script> function my$(id) { return document.getElementById(id); ...原创 2019-08-16 21:20:04 · 116 阅读 · 0 评论 -
js篇--学习web-api第一天(DOM的学习)
Web API 1.API的概念 API(Application Programing Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) 2.Web API的概念 ...原创 2019-08-14 23:44:13 · 190 阅读 · 0 评论 -
js篇--Array对象
1.Array.isArray(对象)---->判断这个对象是不是数组 2.instanceof关键字 //构造函数 // var arr1=new Array(); // //字面量的方式 // var arr2=[]; //对象是不是数组类型:两种 //1 instanceof var obj=[];...原创 2019-08-13 17:54:12 · 109 阅读 · 0 评论 -
js篇--String对象
1.关于String: String---->是一个对象 字符串可以看成是字符组成的数组,但是js中没有字符类型 字符是一个一个的,在别的语言中字符用一对单引号括起来 在js中字符串可以使用单引号也可以使用双引号 因为字符串可以看成是数组,所以,可以通过for循环进行遍历 字符串特性:不可变性,字符串的值是不能改变 字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了 ...原创 2019-08-13 17:04:03 · 85 阅读 · 0 评论 -
js篇---Date对象
1.创建实例对象date var dt=new Date() //当前的时间---当前的服务器 console.log(dt);//Tue Aug 13 2019 15:04:27 GMT+0800 (中国标准时间) var dt=new Date("2017-08-12"); //传入的时间 console.log(dt);//Sat Aug 12 2017 08:00:00...原创 2019-08-13 15:37:05 · 129 阅读 · 0 评论 -
js篇--Math对象
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...原创 2019-08-13 11:04:16 · 83 阅读 · 0 评论