anisweir-CSDN博客

原创 artdialog弹出框

artDialog是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。功能：支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、自定义位置、拖动、鼠标调节窗口大小、换肤……优点兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Saf

2015-08-22 17:49:05 3289

转载 JS 对象和数组

对象：是一个无序属性集合, 每个属性都有自己的名字和值 /* 创建对象简单方法, 对象直接量 */varobj = {};varobj = {name: 'maxthon'};varobj = {name: {}, text: []};* 可使用 new 操作符 */vara = newArray();vard = newDat

2015-08-07 17:56:56 386

原创 web切图技巧

第一部分：一些快捷键自由的控制视图系列自由的浏览图片：按住空格后，鼠标拖动自由的缩放图片：按住alt+滚轮切换到实际像素（100%）：Ctrl + 1工作区类型切换：Tab控制内容系列通过画面上点选一个图层：Alt + 鼠标右键在画面上拖动一个图层：V 切换到移动模式鼠标拖动复制拖动一个图层：移动模式下 Alt+拖动删除一个图层：选中要删除的图

2015-08-04 16:59:55 514

原创 web前端面试01

1--什么是DOM事件处理程序？首先要理解什么是DOM？Dom是针对HTML文档的一个API。什么是事件流？事件流分为：事件冒泡（IE的事件流）和事件捕获。事件冒泡就是由最具体的元素开始接收，然后逐级向上；事件捕获就是由不太具体的元素开始接收，逐级向下，最具体的元素最后才接收到事件。DOM事件处理程序分为DOM0级、DOM2级。DOM0级具有简单，跨浏览器的优势，它是把函数赋值给

2015-07-28 10:23:01 821

原创 Git安装及创建版本库

在Linux上安装Git：sudo apt-get install git在Mac OS X上安装Git一是安装homebrew，然后通过homebrew安装Git二是直接从AppStore安装Xcode，Xcode集成了Git，不过默认没有安装，需要运行Xcode，选择菜单“Xcode”->“Preferences”，在弹出窗口中找到“Downloads”，选择“

2015-07-25 17:31:17 392

转载移动web适配

适配达到的效果是什么？在不同尺寸的手机设备上，页面“相对性的达到合理的展示（自适应）”或者“保持统一效果的等比缩放（看起来差不多）”。适配应关注哪些要素？一般来说，我们需要关注的是：字体、高宽间距、图像（图标、图片）。其中，图像相对要复杂一些，针对流量、清晰度等问题网上也有比较成熟的解决方案，比如：矢量化、字体化、image-set 等等，在此不做深入。在满足快速开

2015-07-18 13:27:19 505

转载如何成长成为一名优秀的前端工程师

首先，前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需频繁地寻求别人的帮助。优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，没错吧？我甚至可以说这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐

2015-07-11 22:38:28 441

原创获取微信昵称、头像等信息方法

在PHP文件里加入以下代码：require_once("getUserInfo/getUserInfo.php"); //获取微信信息php$test = new Webweixin(); $userinfo = $test->get_userinfo();print_r("headimgurl:".$userinfo['headimgurl']."openid

2015-07-04 17:42:08 14189 1

原创 Javascript、PHP交互的实现

以下为一个例子说明：在浏览器中点击小明，变为小琳；再点击小琳，变为小明。通过这个简单的例子来看看javacsript与php是如何实现交互的。下面为html代码：function zzs(){var a=$("#zzz").html();//获取div里的值并赋给变量aa=a+"";//将a转换成字符串a=a.trim();//去掉a前后的空格i

2015-06-27 10:12:08 396

原创 HTML页面交互（JavaScript、PHP）

在HTML中要实现网页动态交互，需要调用JavaScript，JavaScript提供一个接口，实现与PHP的交互。示列如下：新建一个文件夹，包括jQuery文件库、1.PHP、1.HTMLHTML页面代码：（1.HTML）前端技术学习function onc(){$.get("1.php",function(data){if(data==1

2015-06-20 17:36:26 1353

原创 JQuery动画效果

调用show()和hide()方法显示和隐藏元素show()和hide()方法用于显示或隐藏页面中的元素，它的调用格式分别为：$(selector).hide(speed,[callback])和$(selector).show(speed,[callback])参数speed设置隐藏或显示时的速度值，可为“slow”、“fast”或毫秒数值，可选项参数callback为隐藏或显示动作

2015-05-16 11:41:07 355

原创 JQuery事件与应用

页面加载时触发ready()事件ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：$(document).ready(function(){})等价于$(function(){});例如，当触发页面的ready()事件时，在元素中显示一句话。使

2015-05-16 10:21:24 415

原创 JQuery操作DOM元素

使用attr()方法控制元素的属性attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。例如，使用attr(属性名)的格式获取页面中元素的“href”属性值，并将该值的内容显示在元素中操作元素的内容使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容

2015-05-15 18:09:24 363

原创 JQuery表单选择器

:input表单选择器:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有标记的表单元素，而且还包括、和标记的表单元素，因此，它选择的表单元素是最广的。如下图所示，使用:input表单选择器获取表单元素，并向这些元素增加一个CSS样式类别，修改它们在页面中显示的边框颜色。通过调用$("#frmTest :input")表单选择器代码获取了表单中的全部元素

2015-05-12 08:48:19 421

原创 JQuery过滤性选择器

:first过滤选择器过滤选择器，该类型的选择器是根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。在jQuery中，如果想得到一组相同标签元素中的第1个元素该怎样做呢？在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 使用li:first过滤选择器可以很方便地获取ul列表中的第一个li元素.:first

2015-05-11 10:35:37 553

原创 JQuery基础选择器

我们想改变页面中所有段落标签中的文本内容：jQuery更加的简洁方便，我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数，它的功能是获得（）中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素，也可能是函数。在jQuery中 $()方法等价于jQuery()方法,前者比较常用，是后者的简

2015-05-09 15:09:18 404

原创 JavaScript与其他语言的区别与联系01

JS是一种专为与网页交互而设计的脚本语言，由下列三个不同的部分组成： 1.ECMAScript，提供核心语言功能； 2.文档对象模型（DOM）,提供与浏览器交互的方法与接口； 3.浏览器对象模型（BOM）,提供与浏览器交互的方法和接口。语法： ECMAScript的语法大量借鉴了C及其他类C语言（Java和Perl）的语法。注释：ECMAScript使用

2015-05-09 10:49:29 2531

转载网站制作

（一）、网页制作软件：1、FrontpageFrontpage2003（Frontpage2000）是Microsoft公司的产品，包括在Office套装里，支持所见即所得的编辑方式，在站点的管理方面做的很出色。不需要你掌握很深的网页制作技术知识，甚至不需要你了解HTML的基本语法，很适合新手。事实上，如果你会使用Word的话，你很快就会学会使用FrontPage，并发现这其实是一

2015-05-02 18:27:11 792

原创个人制作网站全过程分享

以下为自己制作网站过程，拿来和大家分享，也希望广大爱好网站制作的帅哥、美女们，一起交流讨论网站制作过程。共同进步、迈上更高的台阶。这是我第一次写博客记录自己的成长过程，既兴奋又期待。这次是我个人第一次制作网站，将自己制作网站的过程拿来分享，讲述自己制作网站的全过程，刚刚起步，没有经验，但这正是给自己积累经验的好机会。希望对自己以后的研究有所帮助，也可以跟大家一起感受成长的过程。以下为

2015-05-02 18:06:58 2169

转载块级元素

简介块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display:block这样的属性，让它也有每次都从新行开始的属性，

2015-04-12 17:14:05 651

转载浅谈 js中parseInt函数的解析

首先还是从很热门的实例parseInt("09")==0说起。parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话，默认是10进制。比如说parseInt("010",10)就是10进制的结果：10，parseInt("010",2)就是2进制的结果：2，parseInt("010",8)就是8进制的结果：8，parseInt("010",

2015-04-12 15:52:27 472 1

原创将js代码放到<head>标签和放到<body>标签里的区别

JavaScript中，将js代码放到标签和放到标签里的区别：放到标签里需要加载后才生效，加载代码如下： window.onload=function(){}放到标签中则不需要加载。

2015-04-12 15:17:28 733

原创 display:block作用

在HTML中，为非块级元素，如要在非块级元素的css里定义width、height属性时是不起作用的。若要定义width、height属性，则要在css中加入display:block；对于块级元素，若之前有定义为非块级元素，则要重新定义，否则定义无用。

2015-04-11 17:57:24 512

转载 js:window.onload的使用

1、最简单的调用方式直接写到html的body标签里面，如： 2、在JS语句调用 function func(){……} window.onload=func; 3、同时调用多个函数直接写到html的body标签里面,如：

2015-04-11 17:18:23 342

anisweir的专栏