这里用一个简易计算器的案例,来说明代码的一种优化思路和具体方法结构和样式 先放上该项目的HTML和CSS部分 1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<meta http-equiv="X-UA-Compatible" content="ie=edge"> 7<title>简易计算器</title> 8<style> 9 ...
一 实现原理根据当前页面滚动条的高度判断当前页面应当与导航栏中哪个导航相关联,并对相应的导航设置高亮样式。二 代码解析先简单写一个页面顶端的导航栏:<nav> <ul> <li><a class="nav active" href="#nav1">导航1</a></li> <li><a class="nav" href="#nav2">导航2</a></li> <li><a class="nav" href="#nav3">导航3</a></li> <li><a class="nav" href="#nav4">导航4</a></li> </ul></nav>注意这里第一个导航初始添...
# -*- coding: utf-8 -*- # @Time : 2019-10-27 20:56 # @Author : cxa # @File : demo.py # @Software: PyCharm from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.common.action_chains import ActionChains from selenium.webdriver.common.ke...
window.onload=prepareLinks; //页面加载触发onload事件 function prepareLinks(){ //定义函数 var links=document.getElementsByTagName("a");//赋值 for (var i=0; i<links.length; i++){ //设定循环条件if(links[i].getAttribute("class")=="popup"){ //if语句执行条件 links[i].onclick=function(){ popUp(this.getAttribute("href"));//获取事件属性return false;}}} } function popUp(ER){ //必须设定参数,原理未知...
按照编码规则:统一代码为18位,统一代码由十八位的数字或大写英文字母(不适用I、O、Z、S、V)组成,由五个部分组成:第一部分(第1位)为登记管理部门代码,9表示工商部门;(数字或大写英文字母)第二部分(第2位)为机构类别代码;(数字或大写英文字母)第三部分(第3-8位)为登记管理机关行政区划码;(数字)第四部分(第9-17位)为全国组织机构代码;(数字或大写英文字母)第五部分(第18位)为校验码(数字或大写英文字母) 正则编写...
数组相关var codes = new Array( ); //创建数组codes.length //数组长度 动态插入数组codes.push(value); 原文:http://www.cnblogs.com/roluce/p/6035193.html
刚刚用了一点时间把完善了的倒计时抢购功能又做了一遍,这回用的是原声代码,没有引入jquery库,虽然明显感觉原生代码量要多一些,但是写出来个小功能还是很有成就感的。需要注意的就是代码顺序执行的问题,一定要思路清晰。要不然代码顺序写错,有些功能还是实现不了的。 学到了原声js改变input的disabled的属性值,因为想让倒计时结束的同时,抢购按钮可以被点击。代码为:document.getElementById("buy").disabled = "";或者...
在实际项目中,经常由于浏览器自带的滚动条样式太戳,而且在各个浏览器中显示不一样,所以我们不得不去实现自定义的滚动条,今天我就用最少的代码实现了一个自定义滚动条,代码量区区只有几十行,使用起来也非常方便。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>自定义滚动条</title><style type="text/css"> body,ul,dl,dd{ margin:0; padding:0; font-size:12px; ...
最近天猫双11活动,对于繁杂的浏览店铺领喵币实在是懒得动手,就写了个小脚本进行模拟。将源代码和使用教程和大家分享。本教程为免费学习分享,文件仅供学习使用,请下载者于24小时内删除,请勿用于商业用途,如涉侵权请联系我进行删除。先贴源代码,有js的直接在活动页面运行就可以了。现在只适配了主流了1080P分辨率的手机,如果有其他手机不支持的话多写一个if语句就可以。auto.waitFor(); var height = device.height; var wid...
在.net开发中,充分利用免费控件是好事情,同样的,在php的开放中,能使用ajax的类库是可以,但是如果不能修改控件或者类库达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。 1、动态删除Table 里面内容技巧,不需要写太多代码,一行: tb.removeNode(true)3g.mlybyby.com 2、动态增加行,除了CreateElement方法,还可以这样比...
以下经过本人测试成功。测试平台:三星S5830I操作系统:Android 2.3.6浏览器:UC浏览器HTML标准:HTML5 测试了三个事件:touchstart、touchmove 和 touchend,并获取了触摸时触点在页面上的坐标,根据坐标进行了左右滑动、上下滑动判断。代码如下:<!-- HTML5 --> <!DOCTYPE html> <html><head><title>TouchEvent测试</title><meta charset="gbk"></head><body><h2>TouchEvent测试</h2><br /><div id="version" style="border:2px ...
壹 ? 引在JavaScript开发中,条件判断语句的使用频率是极高的,而对于条件判断简单易读的if else应该都是大家的首选。可是代码写的久了,我们总是希望自己的代码看着能更为简洁规范(逼格更高),那么今天我们就由浅到深介绍几种实用小技巧,帮大家减少代码中的if else。说在开头,本文并未有消灭或歧视 if else的意思,if else的好用都知道,这里只是在某些特定场景为大家额外提供一种思路罢了,如何使用还请自行抉择,那么本文开...
var sum = 0;for (var i = 1; i <= 100; i++) {if (i % 2 != 0) {sum = sum + i;}}console.log(sum);// var sum = 0;for (var i = 1; i <= 100; i++) {if (i % 2 != 0) {var sum = sum + i;}} //NaN // 水仙花数 一个三位数 每个位上的三次幂等于它本身for (var i = 100; i <= 999; i++) {var bw = parseInt(i / 100);var sw = parseInt(i % 100 / 10);var gw = i % 10;if (i == bw * bw * bw + sw * sw * sw + gw * gw ...
简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮。简单工厂模式在创建ajax对象的时候也非常有用.这个库里提供了几种ajax请求的方式,包括xhr对象的get, post, 也包括跨域用的jsonp和iframe. 为了方便使用, 这几种方式都抽象到了同一...
面向对象设计里的设计模式之Proxy(代理)模式,相信很多朋友已经很熟悉了。比如我之前写过代理模式在Java中实现的两篇文章: Java代理设计模式(Proxy)的四种具体实现:静态代理和动态代理 Java动态代理之InvocationHandler最简单的入门教程 其实和Java一样,JavaScript从语言层面来讲,也提供了对代理这个设计模式的原生支持。我们用一个不到100行代码的例子来看看吧。 下面的代码创建了一个名叫Jerry的Employee对象,然后用函数h...