随笔分类 - part2-点点滴滴
摘要：跨域和模板引擎引用 一、介绍跨域与同源策略 1.1 同源策略 同源策略是浏览器的一种安全策略，所谓同源是指域名、协议、端口号完全相同 在同源策略下，只有同源的地址才可以相互通过AJAX的方式请求 同源或者不同源说的是两个地址之间的关系，不同源地址之间请求我们称之为跨域请求 1.2 跨域 因为同源策略
阅读全文
摘要：Ajax 常用库 一、jQuery中的ajax方法 1.1 $.ajax() 参数是一个对象，其中常用的属性有 ① url ② type：可以为get、post等 ③ dataType：表示传过来的数据，可以为json或者jsonp ④ data：用对象表示要传输过去的数据 ⑤ beforeSend
阅读全文
摘要：Ajax 基础 一、Ajax概述 在AJAX之前JS的能力有限，所以web提供的API都处于不联网状态 因为数据存在放服务端，无法通过已知的API获取 1.1 已知发送请求的方式 地址栏输入地址，回车，刷新 特定元素href和src属性 表单提交 问题： 这些操作都无法利用自己的js代码进行响应（操
阅读全文
摘要：jQuery关语动态轮播图的制作 制作轮播图可以说是前端开发人员必须掌握的技能之一，可以很好的锻炼对js代码的熟悉和对dom结构的应用 这次的轮播图效果如下 一、制作思路 当一开始看到这种轮播图，我首先会去想成弄类名，然后设置上transform属性，然后配合skew实现弯曲轮播的效果，但是我发现图
阅读全文
摘要：jQuery 事件操作和插件 一、事件操作 1.1 事件绑定 （1）简单方式注册事件 语法：JQ对象.事件名（如click）(事件处理函数) 这种注册方式相当于onclick，只能绑定一个后面会覆盖前面 （2）on 方法注册事件 ① 注册简单事件语法： JQ对象.on('事件名', 事件处理函数)
阅读全文
摘要：jQuery 节点操作和元素尺寸 一、jQuery 创建、追加、克隆元素方法 1.1 jQuery 创建元素 （1）使用$() 创建 语法：$('<li></li>') （2）追加元素 父子操作 在父元素最后追加 ① 父元素jQuery对象.append(新创建的jQuery对象) ② 新元素JQ对
阅读全文
摘要：jQuery排序与动画 一、Jquery排序 1.1 获得下标的方法 （1）eq() 方法 jQuery 中获得的对象，内部包含选择的一组原生 js 对象，在 jQuery对象中会进行一个大的排序，这个排序与原来的HTML结构没有关系。 eq()方法在 jQuery对象中通过下标获取某个对象，下标是
阅读全文
摘要：jQuery常用方法 一、jQuery操作标签的内容 1.1 html() 方法 html()方法相当于原生JS 中的innerHTML属性，用来获取或设置标签内部内容方法可以传递一个参数，自定义的字符串内容。 获取：文本和内部爆尿潜 语法：jQuery对象.html() 设置：若设置标签时，标签会
阅读全文
摘要：jQuery基础 一、jQuery简介 jQuery是一个高效、精简、并且功能丰富的JS工具库 1.1 版本发展 ① 1.x：兼容 IE6 / 7 / 8，士工作中最长使用的，学习1.12版本 ② 2.x：兼容IE 6 / 7 / 8，多用于jQuery 官方调整bug使用。工作中不使用。 ③ 3.
阅读全文
摘要：正则表达式 一、概述 1.1 体验正则表达式 （1）什么是正则表达式 用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在变成语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式（规则）的文本 正则表达式事对字符串操作的一种逻辑公式，就是用事先定义好的
阅读全文
摘要：继承和函数进阶 一、继承相关 在代码量很多的时候，使用相对合适的继承方法，可以很好的优化代码节省代码量。如让公共部分提取出来，然后用组合继承来继承 1.1 对象之间的继承 （1）对象拷贝 使用for...in：父对象的属性拷贝给子对象 （2）原型继承属性 把公共部分提取出来作为一个构造函数，然后使单
阅读全文
摘要：面向对象编程案例 随机方块、贪吃蛇 一、随机方块 1.1 设计思路 主要是为了理解面向对象编程 主要分为两个主体对象 第一个 管理随机方块的生成 高度，宽度，位置等 第二个 工具对象 比如生成随机数、随机rgb 二、贪吃蛇 分析对象 游戏对象 Game 蛇对象 Snake 食物对象 Food 2.1
阅读全文
摘要：面向对象编程、原型链、构造函数、原型对象 一、面向对象的概念 1.1 什么是对象 在实际开发中，对象就是一个抽象的概念，可以将其简单理解为：数据集或功能集 ECMAScript-262 把对象定义为：无需属性的集合，其属性可以包含基本值、对象或者函数 1.2 什么是面向对象 面向对象编程 - OOP
阅读全文
摘要：定时器的应用-简单动画-无缝滚动-轮播图 一、简单运动 使用定时器setInterval与setTimeout可以做简单运动 1.1 原理 是一种视觉暂留效果，只要元素变化过程时间够短，给人眼造成的效果就是一个运动的效果，人眼的视觉残留的时间 0.1 - 0.4秒之间 通过定时器,实现每隔一段时间(
阅读全文
摘要：BOM 一、BOM的概念和window对象 1.1 BOM的概念 BOM是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象就是BOM的顶层对象，其它对象都是该对象的子对象 如document对象就是wi
阅读全文
摘要：DOM事件绑定相关 一、注册事件的方法 注册事件三要素： 事件源 事件类型 事件处理函数 1.1 传统on注册方式 ele.onclick = function () {} // DOM0级事件 如果同时定义了两次，后面的函数会把前面的函数替换掉 因为onclick指向的是一个指针 1.2 注册事件
阅读全文
摘要：DOM 一、DOM的概念 文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准变成接口。它是一种与平台和语言无关的应用程序接口（API），它可以动态地访问程序和脚本，更新其内容、结构和www文档的风格（目前，HTML和XML文档是通过说明部分定义的）。文档可以进一步被处理，处理的结果可以加入到当
阅读全文
摘要：Web API简介 一、API的概念 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节 任何开发语言都有自己的API AP
阅读全文
摘要：错题 （1）第一题 * 与 / 需要操作符左右都存在表达式才可以使用，不然会报错 % && || 同理 （2）第二题 B前两句讲的是工厂函数，工厂函数并不总与new一起使用 C讲的不是自定义函数
阅读全文
摘要：内置对象 JS包括：ECMAscript DOM BOM ECMAScript包括：变量、数据、运算符、条件分支语句、循环语句、函数、数组、对象... JavScript的对象包括：自定义对象、内置对象、浏览器对象 ECMAScript的对象包括：自定义对象、内置对象 内置对象：Math...等 参
阅读全文
浙公网安备 33010602011771号