web前端
关注
分享
扫一扫
爸爸去哪了2之熊猫三胞胎
本人现在所处一个物联网公司，主要从事网站的前端后台相应的开发。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
web前端之JavaScript部分开发规范和细节
web前端之开发规范和细节1.文件命名方式:App(应用)XxxXxxXxx,以驼峰形式命名2.方法命名方式: xxxXxxXxx,首字母小写,其余后面驼峰3.参数命名方式也与上面一样4./这是一个删除操作 /每一个方法上面需要书写备注反映其对应的功能或者作用5.如方法传入哪些参数，并对这些参数进行相应的说明6. ,getKey: function(args) {}方法的样式7. a :原创 2016-12-01 17:14:25 · 593 阅读 · 0 评论 -
web前端之dojo实际应用及开发五：丰富的用户界面（附有源码）
web前端之dojo实际应用及开发五：丰富的用户界面（附有源码）现在我们就使用dojo的Dijit工具包来丰富用户界面： 那Dijit的界面组件有哪些呢？日历、调色板、对话框（模态（modal）或非模态）、富文本编辑器、内嵌编辑器、菜单栏和上下文菜单、进度条、折叠菜单和面板、工具栏、工具提示、树等组件。DojoX 扩展库还提供了一系列额外的组件，包括网格、图表、视频播放器、灯箱效果等。那么现在就让原创 2016-12-03 16:19:58 · 901 阅读 · 0 评论 -
web前端之dojo实际应用及开发四：面向对象开发[关键]（附有源码）
web前端之dojo实际应用及开发四：面向对象开发[关键]（附有源码）常用 OOP 术语 为最大限度地利用本文，您至少应该熟悉面向对象编程及其概念。下面简要描述讨论面向对象开发时使用的一些常用术语。需要说明的是，并非所有 OOP 类型都包含每个概念；例如，基于原型的对象语言（比如 JavaScript）中就没有 “类”。 类 在基于类的面向对象开发中，一个类定义组成一个对象的不同属性和函原创 2016-12-03 14:47:54 · 1315 阅读 · 0 评论 -
web前端之dojo实际应用及开发三：dojo.xhr* 增强 Ajax（附有源码）
web前端之dojo实际应用及开发三：dojo.xhr* 增强 Ajax（附有源码）XHR框架是dojo对ajax支持的一组方法，允许想服务器端发出get、post、put、delete请求，这些方法包括：xhrGet xhrPost xhrPut xhrDelete所有这些函数都遵守相同的语法：接受一个属性配置对象作为参数。可以定义想要发出的 Ajax 请求的各个方面。再一次说明，这些选原创 2016-12-02 16:12:21 · 746 阅读 · 0 评论 -
web前端之dojo实际应用及开发二：事件处理（附有源码）
web前端之dojo实际应用及开发二：事件处理（附有源码）现在我们开始学习dojo 中的事件处理：附加函数到 DOM 事件（dojo.connect）：<html><head> <title>dojo</title></head><body><h1>dojo</h1><div id="message">This is a DIV element with id attribute原创 2016-12-02 15:26:31 · 667 阅读 · 0 评论 -
web前端之dojo(用javascript语言实现的开源DHTML工具包)
web前端之dojo(用javascript语言实现的开源DHTML工具包)一、开始Dojo开发1、Dojo Toolkit 简介Dojo 于 2004 年创建，使开发 DHTML 和 JavaScript web 应用程序开发流程更为容易，隐藏了很多现代 web 浏览器中普遍存在的跨浏览器矛盾。这使重点放在实现功能上，而不是调整代码使其在每个浏览器上运行。Dojo 属于 Dojo 基金会，该基金转载 2016-12-01 19:47:12 · 2166 阅读 · 0 评论 -
web前端之dojo实际应用及开发六：页面布局（附有源码）
web前端之dojo实际应用及开发六：页面布局（附有源码）获得ID（dojo.byId）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">原创 2016-12-03 17:45:16 · 2322 阅读 · 3 评论 -
web前端之JavaScript正则表达式
web前端之JavaScript正则表达式\d 表示数字\d? ?表示0个或者一个\d+ +表示一个或者多个\d{3} 表示三个\d{3,5} 表示三到五个\d{3,} 表示至少出现3次\d* *表示0到任意个\b 表示单词边界\B 表示非单词边界\bis\b 表示查找“ is ”的. 表示任意字符\ 表示转译http:(\/\/.+\.jpg) 用()进行分组$1 获取其原创 2016-12-04 18:10:31 · 2955 阅读 · 2 评论 -
web前端之less的使用
web前端之less的使用软件:koala进行对less的翻译代码: style.less@background:#ddd;/*命名空间*/#mynamespace { .divModel(@radius:5px){ -webkit-border-radius: @radius; -moz-border-radius: @radius;原创 2016-11-22 16:00:00 · 1250 阅读 · 0 评论 -
web前端之省市县三级联动
<script language="JavaScript"><!--var g_selProvince;var g_selCity;var Provinces=new Array(new Array("110000","北京市"),new Array("120000","天津市"),new Array("130000","河北省"),new Array("140000","山西省")原创 2016-11-04 14:55:01 · 5353 阅读 · 0 评论 -
web前端之删除列表对应的相关数据
web前端之删除列表对应的相关数据<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <body> <div class="" id="conData"> </div> <script src="jquery-1.11.3.min.js"></script>原创 2016-11-04 15:00:57 · 1895 阅读 · 0 评论 -
CSS之使用css布局
CSS之使用css布局一列布局：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="原创 2016-10-11 11:23:30 · 380 阅读 · 0 评论 -
CSS之实用技巧
CSS之实用技巧水平居中： 行内元素： 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素：如下面的html代码中，div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )定宽块状元素： 块状元素的宽度width为固定值。 满足定宽和块状两个条件的元素是可以通过设置“左右marg原创 2016-10-10 16:24:31 · 346 阅读 · 0 评论 -
CSS之CSS概念记录2
CSS之CSS概念记录2元素分类： 常用的块状元素有： div、p、h1…h6、ol、ul、dl、table、address、blockquote 、form 常用的内联元素有： a、span、br、i、em、strong、label、q、var、cite、code 常用的内联块状元素有： img、input注意： 设置display:block就是将元素显示为块级元素。 块级元素特原创 2016-10-10 16:08:10 · 355 阅读 · 0 评论 -
CSS之CSS概念记录1
CSS之CSS概念记录CSS的选择器： (1) 子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素: .food>li{border:1px solid red;} (2) 包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码：.first span{color:red;}CSS的继承： CSS的某些样式是具有继承性的，那么什么是继承呢？继承是一种规原创 2016-10-09 23:05:54 · 307 阅读 · 0 评论 -
HTML之表单
HTML之表单表单的基本样式：<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>表单标签</title></head><body> <form method="post" action="save.php">原创 2016-10-09 18:04:52 · 475 阅读 · 0 评论 -
web前端之CSS布局的重要性
web前端之CSS布局的重要性如果你只想把所有内容都塞进一栏里，那么不用设置任何布局也是OK的。然而，如果用户把浏览器窗口调整的很大，这时阅读网页会非常不适：读完每一行之后，你的视觉焦点要从右到左移动一大段距离。display属性： 对于大多数元素他们的默认值通常是block或inline。一个block元素通常被叫做块状元素（一个块级元素会新开始一行并且尽可能撑满容器）。一个inline元素通常原创 2016-12-08 19:32:46 · 1071 阅读 · 0 评论 -
web前端之dojo实际应用及开发一：开始dojo（附有源码）
web前端之dojo实际应用及开发：开始dojo（附有源码）现在我们开始学习一个新的框架dojo，dojo的介绍dojo官网下载dojo-release-1.11.2.zip，解压缩后，修改文件夹名称dojoroot，放到ROOT目录下。输入下面的网址：http://localhost:8080/dojoroot/dijit/themes/themeTester.html。如果能正常打开就说明安装完原创 2016-12-02 14:20:23 · 2902 阅读 · 0 评论 -
web前端之JavaScript权威指南（客户端JavaScript)
web前端之JavaScript权威指南（客户端JavaScript)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="library.js"></script><!--引入一个JavaScript原创 2016-12-01 10:13:36 · 602 阅读 · 0 评论 -
web前端之JavaScript权威指南（JavaScript语言核心）
web前端之JavaScript权威指南（JavaScript语言核心）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript语言核心</title> <script type="text/javascript"> //所有双斜线之后的内容都是注释 //变原创 2016-11-30 20:53:15 · 640 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之JavaScript语法
web前端之JavaScript DOM编程艺术之JavaScript语法变量的声明: 第一种:var mod; var age;mod=”good”;age=12; 第二种:var mod=”good”,age=12; 第三种:var mod,age;mod=”good”;age=12;变量名的命名: 第一种:var my_mod=”good” 第二种:var myMod=”good”原创 2016-11-22 17:18:34 · 452 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之DOM
web前端之JavaScript DOM编程艺术之DOM5个常用DOM方法:getElementById,getElementsByTagName,getElementsByClassName,getAttribute和setAttribute 文档:DOM中的”D”: 如果没有document(文档),DOM无从谈起。 对象:DOM中的”O”: 用户定义对象(user-defined ob原创 2016-11-22 19:46:39 · 561 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之案例研究:JavaScript图片库
web前端之JavaScript DOM编程艺术之案例研究:JavaScript图片库index.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:la原创 2016-11-23 10:13:16 · 509 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之最佳实践
web前端之JavaScript DOM编程艺术之最佳实践平稳退化： 当网站的访问者使用的浏览器不支持（JavaScript），或者用户禁用了浏览器中的JavaScript。用户就在访问你的界面时就有可能遇到各种各样的麻烦。如果正确的使用JavaScript脚本，就能使浏览器不支持JavaScript的情况下仍能顺利地浏览网站，这就是所谓的平稳退化。就是说，当某些功能无法实现的情况下，最基础的操作原创 2016-11-23 11:27:40 · 414 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之案例研究:图片库改进版
web前端之JavaScript DOM编程艺术之案例研究:图片库改进版window.onload=prepareGallery;能进行相应的执行。但是如果有两个函数就不行了。 window.onload=firstGallery; window.onload=secondGallery; 第二个会把第一个给替换了。window.onload=function(){ window.on原创 2016-11-23 14:44:49 · 603 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之动态创建标记
web前端之JavaScript DOM编程艺术之动态创建标记一些传统方法：document.write:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lan原创 2016-11-23 19:35:29 · 475 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之CSS-DOM
web前端之JavaScript DOM编程艺术之CSS-DOM1. 三位一体的网页在浏览器中的网页主要分为三大方面：结构层、表示层、行为层 结构层：主要由HTML或XHTML之类的标记语言组成 表示层：由css负责完成 行为层：负责内容应该如何响应事件这一问题。这是由JavaScript和DOM主宰的领域。var paras=document.getElementsByTagName("p"原创 2016-11-24 14:01:16 · 435 阅读 · 0 评论 -
web前端之Ajax遍历json后对每一条数据进行相应的修改和删除
web前端之ajax遍历json后对每一条数据进行相应的修改和删除$.ajax({ url: "/business/findpersons.json", dataType: "json", type:"GET", success: function(doc) { var objs=eval(doc); for (var i = 0; i <原创 2016-11-25 13:38:13 · 4409 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之用JavaScript实现基础动画效果
web前端之JavaScript DOM编程艺术之用JavaScript实现动画效果1. 动画基础知识1.位置html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script type="text/javascript"> function positionMessage原创 2016-11-26 17:05:52 · 439 阅读 · 0 评论 -
web前端之JavaScript DOM编程艺术之用JavaScript实现动画效果拓展(预览图片)
web前端之JavaScript DOM编程艺术之用JavaScript实现动画效果拓展(预览图片)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>web design</title></head><body> <h1>Web Design</h1> <p>These ar原创 2016-11-30 11:04:01 · 842 阅读 · 0 评论 -
web前端之JavaScript高级程序设计三：面向对象的程序设计
web前端之JavaScript高级程序设计三：面向对象的程序设计面向对象的语言有一个标志，那就是他们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。前面提到过， ECMAScript 中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。每个对象都是基于一个引用类型创建的，也可以是开发人员定义的类型。理解对象：创建自定义对象的最简单方式就是创建一个 Object 的实例va原创 2016-12-13 20:17:00 · 825 阅读 · 0 评论 -
web前端之JavaScript高级程序设计二：引用类型
web前端之JavaScript高级程序设计二：引用类型引用类型的值（对象）是引用类型的一个实例。引用类型是一种数据结构，用于将数据和功能组织在一起。Object类型：var person1=new Object();person1.name="FZW";person1.age=21;var person2={ name:"FZW" ,age:21};创建Object实例的方原创 2016-12-13 16:08:42 · 632 阅读 · 0 评论 -
web前端之JavaScript高级程序设计一：变量、作用域
web前端之JavaScript高级程序设计一：变量、作用域和内存问题前面的一部分语法：关键字和保留字： ECMA-262 描述了一组具有特定用途的关键字，这些关键字可用于表示控制语句的开始或结束，或者用于执行特定操作。 break do instanceof typeof case else new var catch finally return void continue for s原创 2016-12-13 11:00:24 · 482 阅读 · 0 评论 -
web前端之锋利的jQuery一：认识jQuery
web前端之锋利的jQuery一：认识jQueryjQuery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应原创 2016-12-05 10:11:44 · 824 阅读 · 0 评论 -
web前端之锋利的jQuery二：jQuery选择器
web前端之锋利的jQuery二：jQuery选择器1.css选择器 标签选择器：E{CSS规则} ID选择器：#ID{CSS规则} 类选择器：.className{CSS规则} 群选择器：E1,E2,E3{CSS规则} 后代选择器：E F{CSS规则} 通配选择器：*{CSS规则} 其他选择器：伪类选择器（E:PseudoElements{CSS规则}）、子选择器(E>F{CSS规则原创 2016-12-05 15:24:34 · 1442 阅读 · 1 评论 -
web前端之锋利的jQuery三：jQuery中的DOM操作
web前端之锋利的jQuery三：jQuery中的DOM操作一般来说，DOM分为三个方面：DOM Core(核心) 、HTML-DOM和CSS-DOMDOM Core： JavaScript中的getElementById()、getElementsByTagName()、getAttribute()、setAttribute()都是DOM Core的组成部分。详情查看HTML-DOM： 在使用原创 2016-12-05 20:06:45 · 1350 阅读 · 0 评论 -
web前端之锋利的jQuery四：jQuery中的事件
web前端之锋利的jQuery四：jQuery中的事件与动画加载DOM：执行时机： $(document).ready(function(){}); 详情解释事件绑定：bind(event,data,function) 第一个参数是事件类型，类型包括：blur focus load resize unload click dblclick mousedow原创 2016-12-06 11:34:45 · 3386 阅读 · 0 评论 -
web前端之锋利的jQuery十：编写jQuery插件
web前端之锋利的jQuery十：编写jQuery插件编写插件的目的是给已经有的一系列方法或者函数做一个封装，以便在其他地方重复使用，方便后期维护和提高开发效率jQuery插件主要分为三种类型：1.封装对象方法的插件 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最为常见的一种插件。 2.封装全局函数的插件 可以将独立的函数加到jQuery命名空间下。 3.原创 2016-12-07 20:16:16 · 743 阅读 · 0 评论 -
web前端之锋利的jQuery十一：综合开发，编写购物网首页
web前端之锋利的jQuery十一：综合开发，编写购物网首页这章主要介绍如何搭建一个前端网页，文章最后面有完整的代码，前面的主要是说明第一步：搭建网页结构 购物网站基本上可以分为以下几部分： 头部：相当于网站的品牌，可用于放置Logo和通往各页面的链接 内容：防止页面的主体 底部：放置页面其他链接和版权信息<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.原创 2016-12-08 15:34:49 · 1999 阅读 · 1 评论 -
web前端之锋利的jQuery九：jQuery插件的使用（模态窗口、cookie、UI）
web前端之锋利的jQuery九：jQuery插件的使用（模态窗口、cookie、UI）1.模态窗口插件－SimpleModal：SimpleModal是一个轻量级的jQuery插件，它为模态窗口的开发提供了一个强有力的接口，可以把它当做模态窗口的框架。SimpleModal非常灵活，可以创建你能够想象的任何东西，并且你还不需要考虑UI开发中的跨浏览器相关问题SimpleModal提供了两种简单方法原创 2016-12-07 16:35:35 · 600 阅读 · 0 评论