颜洁-CSDN博客

转载 Acticle 23:有关浏览器中使用js跨域获取数据的描述

题目如下：下面有关浏览器中使用js跨域获取数据的描述，说法错误的是？ A.域名、端口相同，协议不同，属于相同的域 B.js可以使用jsonp进行跨域 C.通过修改document.domain来跨子域 D.使用window.name来进行跨域答案：D以下是关于答案的一些详细解析：链接：https://www.nowcoder.com/questionTerminal/2a92a785

2017-07-25 12:02:25 3803

原创 Acticle 22:从指向（this）看JavaScript之一：this的几种基本指向

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>this运用</title> <script type="text/javascript"> //js 的指向：即目标方向、所对的方位 /*

2017-07-24 16:41:43 359

原创前端开发实践中有哪些常见的规范？

JavaScript编码规范：https://github.com/ecomfe/spec/blob/master/javascript-style-guide.mdHTML编码规范：https://github.com/ecomfe/spec/blob/master/html-style-guide.mdCSS编码规范：https://github.com/ecomfe/spec/blob/mas

2017-03-16 09:33:35 519

原创 CSS绘制常见的三角形

给css的世界添点料：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>css绘制三角形</title> <style type="text/css"> div{ float: left; }

2017-03-15 09:41:38 328

原创什么是块级元素和内联级元素

*文章出自：https://www.douban.com/note/90916722/ block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 inline元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图

2017-03-13 15:28:05 501

原创 it类技术博客网址小计----前端相关

一、国内知名科技博客大杂烩：（1）极客公园：http://www.geekpark.net/ （2）品玩：http://www.pingwest.com/ （3）爱范儿：http://www.ifanr.com/ （4） 36氪：http://36kr.com/ （5）月光博客：http://www.williamlong.info/ （6）虎嗅网：https://www.hux

2017-03-11 15:41:17 235

原创 jq相关：触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel的区别

1、Touch事件简介 pc上的web页面鼠标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如 iphone、ipod Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel 事件，分别对应了触屏开始、拖拽及完成

2017-02-13 11:13:33 3575

转载 jQuery事件之鼠标事件

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。 (‘p′).click(function()alert(‘clickfunctionisrunning!′););(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作

2017-02-13 11:10:09 195

原创 Jquery中关于height，innerheight，outer height的知识小计

标准浏览器下： height:高度 innerHeight:高度＋补白 ———-height+paddingouterHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距高度＋补白＋边框——– height+padding+border有参数true时：height+padding+border+margin例子01：html代码：复制代码代码如下:jjjjj js代码：

2017-02-13 11:06:09 250

原创 css知识杂货铺小记

min-height：设置段落的最低高度 max-height：设置段落的最大高度 min-width：设置段落的最小宽度 max-width：设置段落的最大宽度vertical-align属性设置一个元素的垂直对齐。垂直对齐图像： img { vertical-align:text-top; }相关属性值：值描述 baseline 默认。元素放置在父元素的基线上。 s

2017-02-13 11:03:52 224

原创 Acticle 21:逻辑运算符知识小记

1.三目运算符也叫三元运算符：可以理解为条件 ? 结果1 : 结果2 里面的？号是格式要求。也可以理解为是不是条件成立，条件成立为结果1否则为结果2。 a?b:c简单理解方式为: if(a){ return b; }else{ return c; }2.关于判断真假判断真假真的:true,非零数字,非空字符串,非空对象假的:false, 数字零,空字符串,空对象,undefined

2016-12-02 20:37:34 330

原创 Acticle 20:简易版购物车小示例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>购物车简易版（给div添加节点）</title> <style type="text/css"> * { padding: 0; margi

2016-11-22 20:34:18 428

原创 Acticle 19:css3选择器的汇总

css3选择器分为基本选择器、层次选择器、属性选择器、伪类选择器和伪元素选择器。今天主要讲了，基本、层次、属性、伪类选择器一、基本选择器 * 通配选择器选择文档中所有的html元素 ’*‘ 任意字符E 元素选择器选择指定的类型的html元素例如：p div h3 ----元素选择器也叫标签选择器#id ID选择器选择指定ID属性值为“id”的任意类

2016-11-16 18:25:33 410

原创 Acticle 18：jquery基础（基本选择器）具体实例

来点实在的小代码片段啦：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>一些重要jq选择器的小例子</title> <script src="js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></s

2016-11-01 20:55:50 214

原创 Acticle 17：jquery基础（基本选择器）

1.什么是jquery？ jquery logo Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并

2016-11-01 18:21:09 300

原创 Acticle 16：选项卡（jquery写法）

代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin: 0 auto; } #box div{

2016-11-01 14:03:56 533

原创 Acticle 15：css3动画小例子（幻灯片播放）

幻灯片播放的代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;

2016-10-25 18:18:00 266

转载 Acticle 14：css3动画属性一些小集合

css动画属性借鉴借鉴别人家的属性，转的啊(^__^) 嘻嘻…… 早期在web中要实现动画效果，都是依赖于JavaScript或flash来完成，但在css3中新增加了一个新的模块transition，它可以通过一些简单的css事件来触发元素的外观变化，让效果显得更加细腻。简单来说，就是通过鼠标的单击、获得焦点、被点击、或对元素任何改变中触发，并平滑地以动画效果改变css属性值在css中创建简单

2016-10-25 18:05:50 272

原创 Acticle 13:javascript特效小分享：鼠标移入移出出现弹框效果

简单的小特效代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title>  <style type="t

2016-10-25 10:47:04 500

原创内置对象Math的常用属性和方法

———————————————属性———————————————–constructor 所建立对象的函数参考 prototype 能够为对象加入的属性和方法 E 欧拉常量,自然对数的底(约等于2.718) LN2 2的自然对数(约等于0.693) LN10 10的自然对数(约等于2.302) LOG2E 以2为底的e的对数.(约等于1.442) LOG10E 以10为

2016-10-21 16:05:34 451

转载 Acticle 12:javascript对象：js对象汇总

js对象大全js对象有很多种，在这里呢，主要介绍三种主要的三种js对象：1.本地对象（也叫非静态对象） 2. 内置对象（也叫静态对象） 3. 宿主对象（由浏览器提供的对象） ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。看定义有些不清楚，因为还未了解何为“宿主环境”的时候就引用了“宿主环境”这个概念，着实让人

2016-10-21 15:52:52 230

原创 Acticle 11:javascript面向对象：js的面向对象

什么是js的面向对象呢？面向对象就是面向对象就是具有抽象、封装、继承的示例，它由方法和属性组成。举个例子吧：比如Date函数，里面就有很多的方法可以调用。我们不用了解它里面的代码，还可以自己构造函数。面向对象有三大特点： a.抽象性–抓住核心问题 b.封装性–不考虑内部实现，只考虑功能使用 c.继承性–从已有对象上，继承出新的对象构造函数编写：首先是基本的对象创建：<!DOCTYPE

2016-10-19 17:39:32 212

原创 Acticle 9：javascript技术--ajax基本知识

什么是ajax？（1）AJAX 指异步JavaScript及XML（Asynchronous JavaScript And XML（异步JavaScript和XML）），是指一种创建交互式网页应用的网页开发技术。（2）另外的，ajax也可以这么理解：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。（无数据刷新）关于ajax运用的例子：新浪微博、Google 地图、

2016-10-18 09:02:19 217

原创 Acticle 10:javascript技术：ajax的封装函数

JS：ajax封装函数的编写1.下面是关于ajax函数的小例子<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){

2016-10-17 17:51:56 172

原创导航JavaScript

window.onload=function(){ var Hnav=document.getElementById('Hnav'); var HNindex=document.getElementById('HNindex'); var HNindexImg=HNindex.getElementsByTagName('img')[0]; var aHLi=Hnav.

2016-10-16 19:34:48 292

原创导航CSS

*{ margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "微软雅黑";}.clearfix:after{ content: ''; display: block; clear: both; visibility: hi

2016-10-16 19:33:53 216

原创导航

成都成都南通北京 [切换城市]

2016-10-16 19:31:37 658

原创 Acticle 8:javascript运动：鼠标移动小特效||多个div跟着鼠标光标移动（也叫母鸡带小鸡）

JS运动基础之鼠标小特效盒子跟着鼠标动起来的原始代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #one{ width: 200px;

2016-10-15 14:40:56 667

原创 Acticle 7:javascript运动：怎么修复拖拽运动中的bug

JS的运动基础1.首先呢，最原始的拖拽代码是这样的：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #div{ width: 200px;

2016-10-13 20:41:51 223

原创 Acticle 6:javascript事件：事件的绑定

JS事件绑定什么是事件 JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。 2.事件绑定事件绑定呢，有两种方式：一是在ie浏览器下的事件绑定，二是火狐浏览器下的事件绑定。下面是关于在两种浏览器下事件绑定兼容性的代码：<!DOCTYPE html><html>

2016-10-13 20:36:17 207

原创 Acticle 5:javascript数组：数组基础及数组方法的各种使用

js数组家族数组的含义数组其实是一个特殊的JavaScript变量。它可以用来存储不同类型的 JavaScript变量方便我们统一管理和使用。数组的定义（1）简单的数组定义方式： Var arr = [1,2];//(数组中元素分隔用逗号) var arr=new Array(1,2);//（另外一种定义方式）（2）数组中的索引

2016-10-12 20:38:58 178

原创 Acticle 4:javascript事件的分类和介绍

JS事件汇总下面呢，是javascript事件的具体介绍根据触发事件的事物和事件发生对象,可将浏览器中发生的事件分为几个类型.一.鼠标事件,用户使用鼠标进行操作时触发的事件.鼠标事件包含一下几种1.click-用3w户点击鼠标左键时触发,当用户的交单点在按钮上并按了回车,同样触发该事件.2.dbclick-用f户点击任意一个鼠标按钮时发生3.mouseout-鼠o标指针指向某个元素上,且用户正要移

2016-10-12 19:50:52 266

原创 Acticle 3:javascript变量：局部变量、全局变量、闭包

JS变量1.js局部变量 js的局部变量定义有三种方式2.js全局变量3.闭包闭包:子函数使用父函数的局部变量。

2016-10-12 19:30:56 226

原创 Acticle 2:javascript函数：声明和调用、有参函数和无参函数、返回值

作者：颜洁JS函数1.函数的声明与调用 a.函数的声明与调用：function func1(…){…} var func2=function(…){…}；具体例子：参数的传递 function aa(b,c){// 函数的声明，无参函数aa()，aa(bb)叫做有参函数，bb形参，变量 alert(

2016-10-12 17:02:27 292

原创 Acticle 1:javascript数据类型和变量命名规范

作者：颜洁 JS基础知识 1.数据类型：分为基本数据类型和复合型数据类型 a.基本数据类型：String（字符串）、Number（数字）、Boolean（布尔）、null（空）、undefined（未定义） b.复合型数据类型：对象类型（object）、函数类（function）、数组（array）2.js变量命名规范

2016-10-12 17:00:40 259

原创博客

2016-10-10 18:16:28 143

amytun_yu的博客