自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

转载 CSS属性

CSS 参考手册CSS 选择器W3School 的 CSS 参考手册定期通过所有主流浏览器进行测试。CSS 属性CSS 属性组:动画背景边框和轮廓盒(框)颜色内容分页媒体定位可伸缩框字体生成内容网格超链接行框列表外边距Marquee多列内边距分页媒体定位打印...

2017-06-28 09:15:00 106

转载 (7)javascript的程序控制结构及语句------(2)循环控制语句、跳转语句、对话框...

一、循环控制语句 循环语句主要就是在满足条件的情况下反复执行某一个操作,循环控制语句主要包括while语句、do...while语句 和for语句。1、While语句语法:While(条件表达式语句){执行语句块}当“条件表达式语句”的返回值为true时,则执行大括号“{ }”中的语句块,当执行完大...

2017-06-28 08:58:00 192

转载 (6)javascript的程序控制结构及语句-----(1)条件判断

程序控制结构及语句编程就是将现实应用,转换为程序能够读得懂的语法语句。Javascript编程中对程序流程控制主要是通过条件判断语句、循环控制语句及continue、break来完成的,其中条件判断按预先设定的条件执行顺序,它包括if语句和switch语句;而循环控制语句则可以重复完成任务,它包括while语句、do...while语句及for语句。一、条件判断语句:条件...

2017-06-28 08:56:00 157

转载 (5)Javascript的表达式

Javascript的表达式表达式是一个语句的集合,计算结果是个单一值,然后该结果被javascript归入下列数据类型之一:布尔、数字、字符串、对象等。表达式是具有一定的值,用操作符把常量和变量连接起来的代数式。解释: box = box + 1;//黑色部分是变量 //红色部分是赋值运算符 //蓝色部分是表达式...

2017-06-28 08:54:00 186

转载 (4)javascript的运算符以及运算符的优先级

运算符的使用方法在javascript的程序中要完成各种各样的运算,是离不开运算符的。在javascript中,按运算符类型可以分为算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符等。( 图片来自于W3School离线手册)" % "求模运算符例子:100%7 怎么计算?等于多少? 先100/7=14 14*7=98 100-98=...

2017-06-28 08:52:00 221

转载 (3)javascript的数据类型

本篇学习资料主要讲解javascript中的数据类型Javascript的数据类型 Javascript的数据类型:即一个数据不必首先做声明,可以在使用或赋值时再确定其数据的类型,当然也可以先声明该数据类型。 计算机就是做数学计算的机器,可以处理各种数值,计算机能处理的远不止数值,还可以处理文本、图形、音频、视频、网页等各种各样的数据,不同的数据,需要定义...

2017-06-28 08:49:00 78

转载 (2)javascript的基本语法、数据结构、变量

本篇学习资料主要讲解javascript的基本语法、数据结构、变量 无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成基础。一、javascript的基本语法1、执行顺序:javascript程序按照在html文件中出现的顺序逐行执行。如果需要在整个html文件中执行...

2017-06-28 08:46:00 122

转载 (1)认识javascript

认识javascript在本篇学习资料中,讲解javascript的基本概念、编写工具、在html中的使用: JavaScript 是脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。...

2017-06-28 08:44:00 134

转载 CSS 浅析position:relative/absolute定位方式

一、position:relative 相对定位分两种情况分析:· 无 position: relative;· 有 position: relative。代码如下图:显示效果如下图: 我们给 box4加入 position: relative属性. * 如果元素加上 position: relative 属性; 元素默认为 块级元素. * 如...

2017-06-28 08:34:00 4730

转载 jquery实现下拉框多选

一、说明  本文是利用EasyUI实现下拉框多选功能,在ComboxTree其原有的基础上对样式进行了改进,样式表已上传demo,代码如下二、代码12345678910111213141516171819202122232425262728...

2017-01-03 23:52:00 844

转载 纯CSS3实现的一些酷炫效果

一、笑脸猫动画实现效果如下:这个实现起来确实比较麻烦,很多地方需要花时间,有耐心地调整。1.先看下页面结构:<body> <div class="container"> <!-- 脸 --> <div class="face"> <!-- 头发 --> ...

2016-12-14 22:31:00 136

转载 原生js实现查询天气的小应用

demo:https://zsqosos.github.io/weather/截图:实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市。实现过程:先调用百度地图的API来获取用户所在的城市,随后调用聚合数据的天气API将数据放在页面上。由于ajax不支持跨域,所以采用了jsonp的方式来调用数据。实现的原理比较简单,HTML和css比较长,...

2016-12-12 23:10:00 120

转载 Jquery操作select

<select id="Select1"> <option value="one">一</option> <option value="two">二</option> <option value="thr">三</option> ...

2016-12-12 23:08:00 82

转载 HTML5 与 CSS3 jQuery部分知识总结

一、 HTML5为什么需要HTML5什么是HTML5HTML5现状及浏览器支持HTML5优点与缺点HTML5语法规则与文档声明HTML5新增表达标签HTML5多媒体组件HTML5之canvas二、 CSS3CSS3简介CSS3有什么(边框、圆角、背景、渐变、文本效果、字体、2D转换、3D转换、过渡、动画、多列、用户界面、...

2016-12-12 23:05:00 95

转载 HTML5 学习笔记(三)——本地存储

目录一、HTML4客户端存储1.1、提交表单发送到服务器的信息1.2、客户端本地存储概要二、localStorage2.1、添加2.2、取值2.3、修改2.4、删除2.5、跨页面与跨域2.6、存储位置与SQLite2.7、用途、练习与兼容性三、sessionStorage3.1、sessionStorag...

2016-12-02 23:22:00 414

转载 HTML5 学习笔记(二)——HTML5新增属性与表单元素

目录一、HTML5新增属性1.1、contextmenu1.2、contentEditable1.3、hidden1.4、draggable1.5、data-*1.6、placeholder占位属性1.7、required必填属性1.8、pattern正则属性1.9、autofocus自动聚焦属性1.10、autocomplet...

2016-12-02 23:20:00 176

转载 HTML5 学习笔记(一)——HTML5概要与新增标签

目录一、HTML5概要1.1、为什么需要HTML51.2、什么是HTML51.3、HTML5现状及浏览器支持1.4、HTML5特性1.5、HTML5优点与缺点1.5.1、优点1.5.2、缺点1.6、HTML5效果展示1.7、HTML5学习与开发工具1.7.1、基础要求1.7.2、开发工具1.8、HTML5...

2016-12-02 23:19:00 131

转载 JavaScript使用封装

基本封装方法请看下面的例子:var Person = function(name,age){ this.name = name; this.age = age || "未填写"; this.hobbys = [];}Person.prototype = { sayName:function(){ console.log(thi...

2016-11-27 23:08:00 67

转载 JQuery基本知识框架思维导图(上)

一:认识jQuery1.window.onload与$(document).ready()的对比2.jQuery代码风格(1:链式代码风格2:位代码添加注释)3.jQuery对象和DOM对象(1.DOM对象和jQuery对象简介2.DOM对象和jQuery对象互相转换)二:jQuery选择器 1.什么是jQuery选择器 ...

2016-11-27 23:03:00 131

转载 JavaScript中的this指向

this是谁  技术一般水平有限,有什么错的地方,望大家指正。  this代指当前对象super调用父类的构造函数,应表会运网数物,加载驱动建立链接执行SQL处理结果,直到现在每想起这三点就能想起我上大学的时候,故事背景都是不同的有时候是我玩的正high的时候有时候是我快要睡觉,但是结果都是一致的就是让老师教育几句。现在就介绍一下Javascript中的this。  说thi...

2016-11-21 22:48:00 52

转载 JS设置CSS样式的几种方式

用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';...

2016-11-21 22:32:00 86

转载 jquery基础

jQuery基础课程jQuery基础选择器选择器使用方法#id 选择器$("#my_id")元素选择器$("button")类选择器$(".green")* 选择器获取页面的全部元素选择多个元素$(".red,.green")后代选择器$("div label")包括...

2016-11-20 23:43:00 107

转载 JS里面的两种运动函数

最新学了一个新的运动函数,与最初学习的有所不同,第一个运动是根据运动速度完成运动,第二个则是根据运动的时间来完成运动,而且把之前的函数都进行了一些兼容处理,在这里列出了看一下:第一种animate1 1 function animate1(obj,data,rate,fn){//运动对象,运动数据,[运动速度],[回调函数] 2 //遍历获取样式属性 3...

2016-11-20 23:40:00 188

转载 JavaScript必须了解的知识点总结。

整理的知识点不全面但是很实用。主要分三块:(1)JS代码预解析原理(包括三个段落);(2)函数相关(包括 函数传参,带参数函数的调用方式,闭包);(3)面向对象(包括 对象创建、原型链,数据类型的检测,继承)。JS代码预解析原理/****************** JS代码预解析原理 ******************//*JS代码预解析、变...

2016-11-20 23:24:00 86

转载 JavaScript调用函数的方法

摘要:这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助!  一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性,当我们选择面对它的时候,这将成为我们前进的阻碍....

2016-11-18 22:51:00 57

转载 纯CSS完成tab实现5种不同切换对应内容效果

很常用的一款特效纯CSS完成tab实现5种不同切换对应内容效果实例预览下载地址实例代码12345678910111213141516171819202122232425262728<div class="main"&...

2016-11-18 22:39:00 351

转载 Web设计师值得收藏的10个jQuery特效

jQuery已经不是什么新鲜的事儿,以前总把它认为是非常难的东西,也就没有认真去了解他了。直到学完CSS的大部分内容,才开始接触这种"write less, do more" 的Javascrīpt框架。这篇文章的最重要内容是来自Web Designer Wall的一篇教程,一篇包含了10个jQuery特效的教程。这里不打算全文翻译,想以自己的语言来表达,或许这样更方便大家理解/自己以后...

2016-11-16 22:11:00 108

转载 jQuery的.bind()、.live()和.delegate()之间区别

摘要:jQuery的.bind()、.live()和.delegate()之间的区别并非总是那么明显的,然而,如果我们对所有的不同之处都有清晰的理解的话,那么这将会有助于我们编写出更加简洁的代码,以及防止在交互应用中弹出错误。  基本要素  DOM树  首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:...

2016-11-16 22:03:00 83

转载 Web前端:11个让你代码整洁的原则

  写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片:  上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看...

2016-11-16 21:58:00 98

转载 js函数中参数的传递

数据类型 在 javascript 中数据类型可以分为两类:基本类型值primitive type,比如Undefined,Null,Boolean,Number,String。引用类型值,也就是对象类型 Object type,比如Object,Array,Function,Date等。变量的复制众所周知,js中变量的基本类型和引用类型保...

2016-11-13 23:46:00 70

转载 熟悉熟悉常用的几个算法用JS的实现

(1)数组去重原理:定义一个对象obj,然后把数组元素作为obj的属性名,利用属性名是否重复进行判重 1 var unique = function(arr){ 2 let obj = {}; 3 let newArr = []; 4 arr.forEach(function(x){ 5 if(!obj[x]){ /...

2016-11-13 22:53:00 75

转载 JS设置CSS样式的几种方式

用JS来动态设置CSS样式,常见的有以下几种1. 直接设置style的属性 某些情况用这个设置 !important值无效如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';element.style.height = '100px';...

2016-11-13 05:39:00 218

转载 javascript的基本语法、数据结构

本篇学习资料主要讲解javascript的基本语法、数据结构 无论是传统的编程语言,还是脚本语言,都具有数据类型、常量和变量、运算符、表达式、注释语句、流程控制语句等基本元素构成,这些基本元素构成了变成基础。一、javascript的基本语法1、执行顺序:javascript程序按照在html文件中出现的顺序逐行执行。如果需要在整个html文件中执行,最好...

2016-11-13 05:32:00 131

转载 DOM的概念及子节点类型

前言DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。DOM的最小组成单位叫做节点(node),文档的树形结构(DOM树)由12种类型的节点组成。一:DOM ==> 全称: document Object Mo...

2016-11-11 00:25:00 111

转载 三列自适应布局

分析了两列自适应布局的实现思路后,会觉得三列自适应布局的实现原理其实和他一模一样,不过是多了一个盒子而已。第一类,浮动在前:<div class="left"></div><div class="right"></div><div class="main"></div>方法一:float+...

2016-11-10 23:02:00 66

转载 Javascript中括号“[]”的多义性

摘要:本文就是主要是分享JavaScript中括号的四种语义。  Javascript中括号有四种语义  语义1,声明数组var ary = []; // 声明一个空数组var ary = [1,3]; // 声明一个数组,同时赋初值  语义2,取数组成员 var ary = [1,2,3];var item = ary[0];...

2016-11-10 22:58:00 75

转载 Javascript中大括号“{}”的多义性

摘要:本文主要介绍JavaScript中大括号有四种语义作用。  JS中大括号有四种语义作用  语义1,组织复合语句,这是最常见的if( condition ) { //...}else { //...}for() { //...}  语义2,对象直接量声明var obj = { name : ...

2016-11-10 22:56:00 97

转载 Javascript小括号“()”的多义性

摘要:本文主要介绍JavaScript中小括号有五种语义。  Javascript中小括号有五种语义  语义1,函数声明时参数表function func(arg1,arg2){ // ...}  语义2,和一些语句联合使用以达到某些限定作用// 和for in一起使用for(var a in obj){ // .....

2016-11-10 22:53:00 117

转载 JavaScript 开发者经常忽略或误用的七个基础知识点

JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它。昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序。很多新手开发者被各种强大的 JavaScript 框架吸引进来,但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧。本文将为你呈献其中7个基础知识点。  1. 在 String....

2016-11-09 21:33:00 50

转载 帮设计师与工程师更好沟通的实用技巧

摘要:设计师与工程师的交流经常是鸡同鸭讲,牛头对不上马嘴,为了帮同学们搞定这个难题,一位国外的设计师兼开发者整理了一个列表,帮同学们能跟工程师无障碍沟通,全是非常实用的知识点。  开发者一般不是令人惊艳的设计师,设计师也通常不是出色的开发者。虽然有很多例外,但这两行的门道对对方而言都是难以言说的谜,然而双方却要在这种情况下合作完成项目。作为在两个领域都工作过的人,我为...

2016-11-09 21:24:00 121

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除