js代码 | 易学教程

正则表达式-贪婪与懒惰

阅读更多关于正则表达式-贪婪与懒惰

事故：今天写vpnbook.py的时候（参见 vpnbook.py ），遇到一个问题，匹配到太多的数据，而且是我不需要的。我要对某个html进行解析，又为了跨平台和快速使用，就没有使用第三方库（比如BeautifulSoup）获得的html如下 1 <!DOCTYPE html> 2 3  4 5  6 7  8 9  10 11 <html class="no-js" lang="en">  12 13 <head> 14 15 <meta charset="utf-8"> 16 17 <meta http-equiv="X-UA-Compatible"

step by step教你常用JS方法封装(一) [ 大杂烩 ]

阅读更多关于 step by step教你常用JS方法封装(一) [ 大杂烩 ]

3 月，跳不动了？>>> 本文参考原文- http://bjbsair.com/2020-03-25/tech-info/6338/ 持续更新中... 常用JS方法封装方法预告：项目常用JS方法封装(二) [ 时间处理 ] 项目常用JS方法封装(三) [ 字符串相关处理 ] 项目常用JS方法封装(四) [ 数组相关处理 ] 使用方法非常简单，只需放到你的 utils.js 工具文件中，直接 export const 加上我的封装方法，在别的文件中使用{方法1,方法2,方法3...}引用后就可以直接使用了! 001.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 复制代码 002.阶乘 factorial = num => { let count = 1; for (let i = 1; i <= num; i++) { count *= i; } return count; } 复制代码 003.两个数之间累乘 multBetride = (x, y) => { let count; if (x < y) { count = x; for (let i = x + 1; i <= y; i++) { count *= i; } return count

JS——无缝滚动

阅读更多关于 JS——无缝滚动

1、描述——无缝滚动图片 2、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:0;padding: 0;} .box{ width:600px; height:200px; border:1px solid gray; margin: 30px auto; position: relative; overflow: hidden; } .box ul{ list-style: none; width:300%; position:absolute; top:0; left:0; } .box ul li{ float:left; } .box ul li img{ /*不写这句话的话,会有一个下边距*/ vertical-align: top; cursor:pointer; } </style> </head> <body> <div class="box"> <ul> <li><img src="img/01.jpg" alt="" /></li> <li><img src="img/02.jpg" alt="" /></li> <li><img src="img/03.jpg" alt="" /></li> <li>

js弹出可拖动div

阅读更多关于 js弹出可拖动div

JS 弹出可拖动DIV 2010-09-01 18:03:37 | 分类：学习总结 | 标签： js 弹出可移动div | 字号大中小订阅文章分类: Web前端弹出DIV同时加入背景层实现方式很多，有原创也有借助js框架实现的，这些弹出的div功能都比较强悍，实际项目中有时候根本不需要如此般复杂操作，只是弹出div进行数据展现或者是有效的操作而已，以上述的方式加入无疑让简单的东西复杂化，使程序执行效率降低。繁复的东西技术含量的确挺高（EXT），同时不可避免会有其它方面的牺牲，以下弹出DIV简单高效，代码也很简洁，发出了一起看看，全部源代码如下，保存为html文件即可观看运行效果。 /** ** 源码部分开始 **/ <html> <head> <title>可拖动 DIV</title> <script type="text/javascript"> function showProc(){ message_box.style.visibility='visible'; // 创建灰色背景层 procbg = document.createElement("div"); procbg.setAttribute("id","mybg"); procbg.style.background = "#000"; procbg.style.width = "100%";

js中去除两端逗号

阅读更多关于 js中去除两端逗号

1.js replace(a,b)之替换字符串中所有指定字符的方法 var str = 'abcadeacf'; var str1 = str.replace('a', 'o'); alert(str1); // 打印结果： obcadeacf var str2 = str.replace(/a/g, 'o'); alert(str2); //打印结果： obcodeocf, 注意：此处replace的第一个参数为正则表达式，/g是全文匹配标识。 2. JS四种方法去除字符串最后的逗号 <script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "female"};//定义一个object对象 var str = ''//定义一个空字符用来接收对象里的key或者value for(var item in obj) {//遍历item变量里的对象的属性和元素， str += obj[item] + ","//将obj对象的值遍历出来，并且追加到str字符中。 //str += item + ","//将obj对象的属性遍历出来，并且追加到str字符中。 } //第一种方法、将字符串中最后一个元素","逗号去掉， //str = str.substring(0, str.lastIndexOf('

web前端建站

阅读更多关于 web前端建站

web前端建站所需条件代码编辑器（sublime 记事本 DW WS 等）浏览器（谷歌火狐 ie 等） web前端建站所需的文件夹及文件根目录下：文件夹：css js images fonts 文件：favicon.ico index.html 这是基本的要求在css文件夹中包括基本的base.css index.css 同样在js文件夹中也包括base.js index.js 在index.html中一般分为以下部分 header>（logo+nav） banner>侧边栏+轮播图 main footer 其他页基本也是按照这样的来写来源： https://www.cnblogs.com/hanks-mimi/p/12570625.html

Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

阅读更多关于 Js之Dom学习-三种获取页面元素的方式、事件、innerText和innerHTML的异同

一、三种获取页面元素的方式： getElementById:通过id来获取 <body> <input type="text" value="请输入一个值：" id="txt"/> <input type="button" value="按钮" id="btn"/> <script> var txt=document.getElementById("txt");//获取id为txt的页面元素 console.log(txt); txt.value="haha";//重新给id为txt的文本输入框的value赋值 </script> </body> getElementByTagName:通过标签名来获取 <body> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <input type="text" value="请输入一个值：" /> <script> var inputs=document.getElementsByTagName("input");//获取标签名为input所有页面元素。 console.log

JS中的定时器-案例解析

阅读更多关于 JS中的定时器-案例解析

3 月，跳不动了？>>> js定时器的制作在javascritp中，有两个关于定时器的专用函数，分别为： 1.倒计定时器：timename=setTimeout("function();",delaytime); 2.循环定时器：timename=setInterval("function();",delaytime); 第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。比如要弹出两个警告窗口，便可将“function();”换成 “alert('第一个警告窗口!');alert('第二个警告窗口!');”；而第二个参数“delaytime”则是间隔的时间，以毫秒为单位，即填写“5000”，就表示5秒钟。　　倒计时定时器是在指定时间到达后触发事件，而循环定时器就是在间隔时间到来时反复触发事件，两者的区别在于：前者只是作用一次，而后者则不停地作用。比如你打开一个页面后，想间隔几秒自动跳转到另一个页面，则你就需要采用倒计定时器“setTimeout("function();",delaytime)” ，而如果想将某一句话设置成一个一个字的出现，则需要用到循环定时器“setInterval("function();",delaytime)” 。获取表单的焦点，则用到document

基于grunt的前端构建

阅读更多关于基于grunt的前端构建

3 月，跳不动了？>>> 在「grunt的初次使用」的基础上，这一篇继续对grunt进行探索研究。这一次不再使用php进行include静态文件，而是在html里面引入。然后主要将grunt用于两个大的方向，一个是用于开发期间，一个用于上线前期打包。使用到的插件可能有些更换。具体目录如下，src目录用于开发与维护，dist目录是打包后的项目，用于上线： ├─ dist/ ├─ css/ ├─ images/ ├─ js/ └─ view/ └─ src/ ├─ css/ ├─ images/ ├─ js/ ├─ sass/ └─ view/ 在开发期间，使用到的grunt插件如下，watch插件用了监听文件，一旦文件被修改，可以让它触发浏览器自动刷新： "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-jshint": "^0.12.0", "grunt-contrib-sass": "^0.9.2", "grunt-contrib-watch": "^0.6.1" } 图片不需要压缩，css使用sass编译，js使用了requirejs，并使用jshint进行检错。其中sass编译好后会在同一目录下生成对应的css目录与文件。jshint的具体配置参考「例子」。 sass: { dev: { options: {

js在table指定tr行上或底下添加tr行

阅读更多关于 js在table指定tr行上或底下添加tr行

js在table指定tr行上或下面添加tr行 function onAddTR(trIndex) { var tb = document.getElementById("tb1"); var newTr = tb.insertRow(trIndex);//添加新行，trIndex就是要添加的位置 var newTd1 = newTr.insertCell(); newTd1.innerHTML = "这是新行，位置：" + trIndex; var newTd2 = newTr.insertCell(); newTd2.innerHTML = "这是新行，位置：" + trIndex; } <table style="width: 100%;" id="tb1"> <tr onclick="onAddTR(this)"> <td>1</td> <td>2</td> </tr> <tr onclick="onAddTR(this)"> <td>3</td> <td>4</td> </tr> </table> <script type="text/javascript"> function onAddTR(trObj) { $(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>"); } <

订阅 js代码