1. 变量命名(1)变量名不应以短巧为荣左边的变量名都不太清楚,代码的扩展性不好,一旦代码需要加功能的话,就容易出现obj1、obj2、obj3这种很抽象的命名方式。所以一开始就要把变量的名字起得真实有意义,不要搞一些很短很通用的名字。(2)bool变量建议布尔变量不用以is/do之类的开头var isMobile = true,isError = true,doUpdate = false;可改成:var mobile = true,error = true,updated = false;还有其它一些常用的名称如don...
时钟<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "http://hm.baidu.com/hm.js?8e2a116daf0104a78d601f40a45c75b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script...
在写项目的过程中,发生了一个奇怪的想法,既然有了ui给的设计图为什么不直接把那张ui图放在网页上?那样也可以进行信息的传递, 开始小编想的是问问在抖音直播的一些大佬,但是过了一段时间小编有了自己的答案。网站的确是进行信息的传递,但传递的什么尼,难道就是一张图片上的信息吗?显然易见的并不是,曾经写一些东西当没有想法时总会去网上找上一些相关内容去cv到需要的地方,如果我需要的是一些文字,一张图片当然满足不...
贴下官方网址:http://www.aptana.com/一.安装步骤:1.zend studio->Help->Install New Software<spanBitstream Charter,serif; color:rgb(51,51,51)">->work with点击add(见下图)<spanBitstream Charter,serif; color:rgb(51,51,51)"><spanBitstream Charter,serif; color:rgb(51,51,51)">2.这里有两个选择:<spanBitstream Charter,serif; color:rgb(51,51,51)">(1)Local(本地安装)<spanBitstream Charter,serif; color:rgb...
HTML结构<p class="content" id="content"><p class="con-scroll" id="countent">js对于鼠标滚轮事件的监听<br>2017年08月25日 18:17:56<br>阅读数:10072<br>需求:<br>通过鼠标滚轮实现某个表单内的数字增加减少操作,或者滚轮控制某个按钮的上下滚动后触发不同的事件。<br>实现:<br>通过js对鼠标滚轮的事件进行监听。<br>描述:<br>首先,不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和DOMMous...
下面是我自己总结的一些想法以及一些收获, 由于个人学的浅,如果有说的不对或不准确的地方,还请大家批评指正。前端开发三剑客HTML+CSS+JS之名是如雷贯耳,是前端入门的基础之基础,前端程序员们用这三个组件构成了数量众多的网页。然而在初学的时候,由于无法迅速了解全部知识点,所以在学习的时候往往会有盲人摸象的感觉——就是对于各个组件的功能和分工不甚了解,无法从整体上把握学习方向,因而较难构成完整的知识体系,这是...
当前在互联网上,任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS 和 JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加,设定一个关于组织和维护你的前端代码的计划是绝对需要的。当今的一些大型互联网公司,由于越来越多的人会接触到日益增加的前端代码,它们会试图去坚持代码的模块化。这样更改程序的部分代码,并不会无意中过多地影响后续不相关部分的执行过程。防止意想不到的后果不是一个容易解决的问...
html+css+js实现复选框全选与反选table,tr,td{border:1px solid red;}function quanxuan(){for(var i=1;i
在BS中,xml,html,css和js我们都学过,起初分不清这四者的区别和联系,随着知识的增长,有了一些体会。 首次,我们看一下这四项技术都是什么,能干什么? (一)XML—Extensible Markup Language 可扩展标记语言(标准通用标记语言的子集)是一种简单的数据存储语言,使用一系列简单的标记描述数据,而这些标记可以用方便的方式建立,虽然可扩展标记语言占用的空间比二进制数据要占用更多的空间,但可扩展标记语言极其简单易于掌...
注意: 该程序在IE调试的,其他浏览器可能有BUG,见谅! 代码如下: Insert title here -- CSS -- set window style -- JavaScript -- set function alert("XP Window以IE测试,其他浏览器可能有BUG请见谅! 基本功能+四边四角顶部拖拉都已实现!") alert("进行操作前,记得先初始化窗口哦!"); /* * create xp window and initialize */ var myW = new MyWindow(); function initialize() { myW.setBackgroundDiv("mywindow"...
如图所示。 该图片切换特效实现很简单,而且兼容性很好。 html页面如下 代码如下:
BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好。一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功能较多的话...
写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器里原生的checkbox一样,不过checkbox实在太丑了,就使用这个简单方法美化一下好了。 1、HTML代码:经济、金融类行政、人资类市场、销售类电子工程IT类工程类生物医药类物理、化学类广告、传媒类语言、翻译类2、CSS代码(颜色、字体大小、间距自行调整...
<head lang="en"><meta charset="utf-8"><title></title><link rel="stylesheet" href="css/*.css" rel="external nofollow" ><script src="js/*.js></script> </head>DOM文档的加载顺序是由上而下的顺序加载; 1、DOM加载到link标签 css文件的加载是与DOM的加载并行的,也就是说,css在加载时Dom还在继续加载构建,而过程中遇到的css样式或者img,则会向服务器发送一个请求,待资源返回后,将其添加到dom中的相对应位置中; 2、DO...
先给大家展示下效果图,如果大家感觉还不错,请参考实现代码哦!HTML: <div class="container iden_top"> <ul> <li> <p class=iden_add_name>应用标识1</p> <span class="iden_top_button"></span> <div class="iden_top_dete"></div> </li> </ul> <span class="iden_add">+</span> </div><div class="data_z_create_box"> <div class="create_z_create_box_top"> <span class="data_z_create_box_top_title"></span> <div class=...