您现在的位置:首页 > WEB前端 > 

WEB前端频道头条

详谈lastIndex对正则结果的影响
前言 今天遇到一个问题,用正则表达式去检查同一个字符串时,...
详解如何在react中搭建d3力导向图
D3js力导向图搭建 d3js是一个可以基于数据来操作文档的JavaScrip...
微信小程序实现的涂鸦功能示例【附源码下载】
本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家...

Html/CSS前端实现文字边框阴影效果

一.边框阴影 box-shadow 边框阴影 参数: 参数1 x-shadow:设置对象的阴影水平偏移值,单位可以是px、em或百分比等,允许负值。参数2 y-shadow:设置对象的阴影垂直偏移值,单位可以是px、...

日期:2018-01-17 20:57:45

点击:190 好评:0

Javascript中正则表达式的使用及基本语法

前面的话 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作。通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题。...

日期:2018-01-14 22:22:55

点击:141 好评:0

详谈lastIndex对正则结果的影响

前言 今天遇到一个问题,用正则表达式去检查同一个字符串时,交替返回true和false。无奈之下,重新翻了翻权威指南,发现罪魁祸首原来是lastIndex。可在控制台尝试下 1 2 3 4 5 6 let reg...

日期:2018-01-14 22:21:51

点击:110 好评:0

python 正则表达式 re.sub & re.subn

python正则表达式模块简介 Python 自1.5版本起增加了re 模块,它提供 Perl 风格的正则表达式模式。Python 1.5之前版本则是通过 regex 模块提供 Emacs 风格的模式。Emacs 风格模式可读性稍差些,...

日期:2018-01-14 22:20:44

点击:71 好评:0

javascript匹配js中注释的正则表达式代码

1.有时候我们需要将js的注释去掉,减少代码中的冗余,有时候注释太多导致页面体积大。 注释图示如下: 2..匹配多行注释正则表达式: 1 /(?:^|\n|\r)\s*\/\*[\s\S]*?\*\/\s*(?:\r|\n|$)/g 3.单行注释正...

日期:2018-01-14 22:18:06

点击:146 好评:0

详解如何在react中搭建d3力导向图

D3js力导向图搭建 d3js是一个可以基于数据来操作文档的JavaScript库。可以使用HTML,CSS,SVG以及Canvas来展示数据。力导向图能够用来表示节点间多对多的关系。 实现效果:连线有箭头,点击...

日期:2018-01-14 20:53:59

点击:101 好评:0

nodejs结合socket.io实现websocket通信功能的方法

本文实例讲述了nodejs结合socket.io实现websocket通信功能的方法。分享给大家供大家参考,具体如下: 因为项目中有需要实时获取后台数据的场景,之前一直是使用http心跳请求的方法。因...

日期:2018-01-14 20:53:19

点击:185 好评:0

微信小程序实现的涂鸦功能示例【附源码下载】

本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家参考,具体如下: 先来看看运行效果: 布局文件index.wxml: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 view class = container !...

日期:2018-01-14 20:52:01

点击:155 好评:0

CSS div背景颜色半透明、内容不透明方法

前面有发表一篇关于CSS半透明的教程,不过那个是层中的所有内容都跟着半透明了。 今天这次分享层背景颜色半透明,层内的所有内容不透明。兼容IE6/IE7/IE8和火狐浏览器,css用到的...

日期:2018-01-14 16:48:50

点击:127 好评:0

CSSHack技术速查对照

屏蔽IE浏览器(IE下不显示) 1 2 *:lang(zh) select { font : 12px !important ;} /*FF,OP可见*/ select:empty { font : 12px !important ;} /*safari可见*/ 这里select是选择符,根据情况更换。第二句是MAC上safari浏览器...

日期:2018-01-14 16:47:40

点击:207 好评:0

CSS设置width100%与padding后宽度溢出超出父节点解决方法

在CSS中如果设置 width:100%,同时设置了padding后,宽度会超出父节点。等于实际宽度=100%+padding的宽度,这对我们的布局需求造成一定的困扰。 但使用CSS3中的box-sizing属性即可解决这个问题...

日期:2018-01-14 16:46:35

点击:188 好评:0

jquery 实现回车登录详解及实例代码

jquery 实现回车登 1.button按钮提交方式 1 2 3 4 5 6 7 8 9 10 //按钮事件 $( #btnSumit).click(function(){ alert(测试); }); //回车提交事件 $( body ).keydown( function (){ if (event.keyCode== 13 ){ //keyCode=13是回车键...

日期:2018-01-14 14:09:36

点击:153 好评:0

HTML写一个网页动态时钟

用html写一个动态网页时钟,代码如下所示: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 !DOCTYPE html html head meta charset = UTF-8 title 时钟特效/ title / head script type = text/javascript function disptime(){ var today=new Date(...

日期:2017-12-09 20:13:30

点击:70 好评:0

使用HTML+CSS实现鼠标划过的二级菜单栏的示例

本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例,分享给大家,具体如下: 先上效果图: 1、鼠标没在上面 2、鼠标放在一级菜单上,展开二级菜单 3、鼠标放在二级菜单上 代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3...

日期:2017-12-09 20:12:32

点击:192 好评:0

HTML页面自动清理js、css文件的缓存(自动添加版本号)

在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案: 1、手动清除浏览器缓存 2、添加版本号(如 layout.css?v=1) 个人认为方法2更快,因为清除浏览器缓...

日期:2017-12-09 20:10:25

点击:126 好评:0

HTML 表单组件实例代码

HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧 废话不多说了,直接给大家贴代码了,具体代码如下所示: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33...

日期:2017-12-09 20:09:18

点击:178 好评:0

html页面中完成查找功能

最近在搞一个被很多人改了的框架,天天看代码看的头的晕了,不过感觉进步还挺大的,自己做了一个后台可配置前台查看两个库不同数据范围的东西,还挺满意,那天拿出来分享一下,今天先说一个这几天做的功能,就是html页面的查找功能。 这个功能主要是实现在查找框内输入字符,...

日期:2017-12-09 20:07:55

点击:78 好评:0

Javascript中的作用域及块级作用域

一、块级作用域的说明 在学习JavaScript的变量作用域之前,我们应当明确几点: a、JavaScript的变量作用域是基于其特有的作用域链的。 b、JavaScript没有块级作用域。 c、函数中声明的变量在整个函数中都有定义。 javascript的变量作用域,与平时使用的类C语言不同,...

日期:2017-12-09 19:15:50

点击:58 好评:0

JS随机排序数组实现方法分析

本文实例讲述了JS随机排序数组。分享给大家供大家参考,具体如下: 做随机显示推荐广告的时候,需要随机排序数据数组,就动手写了一个,如下: function randomOrder (targetArr) { var originalArr = targetArr; var newArr = []; var arrLength = targetArr.length; var...

日期:2017-10-12 21:55:59

点击:106 好评:0

js实现单张图片平移切换效果

由于个人不需要手动切换功能,因此把那部分的内容删了,主要是增加了无缝切换的效果。 原理也很简单,大概是一张图移动到左边以后,从底部移回最右,等待下一次循环。 !DOCTYPE html html head meta charset=utf-8 script src=js/jquery-1.10.1.min.js/script /head bod...

日期:2017-10-12 21:32:54

点击:128 好评:0

node.js利用mongoose获取mongodb数据的格式化问题详解

下面示例默认使用co 和 es6 */yield 语法,当然也可以使用async/await 1. 安装mongoose ? 1 $ npm install mongoose co moment --save 说明: mongoose: mongodb 的nodejs 数据库驱动 co: 一个自动执行的generate函数容器 moment: 时间格式化 2. 处理数据 如下代码:...

日期:2017-10-08 18:08:19

点击:79 好评:0

css边距重叠解决方案

今天整理了一下用css防止边距重叠的几种方法 先假设一组dom结构 1 2 3 4 div class = parent div class = child / div / div 通常情况下,如果给子元素设置margin,就会产生这个属性对父元素也产生了同样的效果,然而 这其实不是我们想要的结果,我们只想对子元素设...

日期:2017-09-07 23:03:44

点击:170 好评:0

Django多个数据库使用方法

1.在settings中设定DATABASE 比如要使用两个数据库: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 DATABASES = { default : { NAME : app_data , ENGINE : django.db.backends.postgresql , USER : postgres_user , PASSWORD : s3krit }, users : { NAME : user_data , E...

日期:2017-09-07 22:54:31

点击:141 好评:0

CSS百分比padding制作图片自适应布局

一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下,CSS margin 和 padding 属性的垂直方向的百分比值都是相对于宽度计算的,这个和 top , bottom 等属性的百分比值不一样。 这么设计的原因在我的新书(应该不出几个月就要出版了)中会有说明,这里不展...

日期:2017-09-06 21:22:32

点击:146 好评:0

利用正则表达式将字符串分组代码

两种方法,话不多说了,来一起看看详细的示例代码: 一、实际上可以借助itertools模块的groupby()方法来处理: 1 2 3 4 5 6 7 8 import itertools Str = 122333 Lst = [] for key,group in itertools.groupby(s): Lst.append(list(group)) print map(lambda x: .join...

日期:2017-09-06 21:17:42

点击:160 好评:0

正则表达式匹配(URL、电话、手机、邮箱)的实例代码

废话不多说了,直接给大家贴代码了,具体代码如下所示: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 !DOCTYPE html html lang= en head meta charset= UTF-8 title正则验证/title /...

日期:2017-09-06 20:53:18

点击:202 好评:0

yarn怎么代替npm管理前端项目模块

安装 虽然安装 yarn 可以不依赖 npm,但这里还是建议你使用 npm 来安装吧,快速而简洁: ? 1 npm i -g yarn 在项目中使用 首次初始化项目时执行,在每次项目启动/构建之前,也都应执行一次,以保证本地依赖得到及时更新。 该命令会检查 package.json 和 yarn.lock 文件中...

日期:2017-09-06 20:42:41

点击:64 好评:0

JavaScript基础进阶之数组方法

数组常用方法总结: 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。 1个连接数组的方法:concat() 2个数组转换为字符串的方法:join()、toString() 6个增删数组元素的方法:pop()、push()、shift()、unshift()、slice()、splice() 2个数组排序方...

日期:2017-09-06 20:41:11

点击:173 好评:0

jQuery上传插件webupload使用方法

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意...

日期:2017-08-05 00:18:26

点击:93 好评:0

JavaScript栈数据结构设置代码

下面我们用JavaScript(ES6)代码对栈的数据结构进行实现 实现一个Stack类 ? 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 /*** Stack 类*/class Stack { constructor() { this.data = []; //...

日期:2017-08-05 00:00:50

点击:72 好评:0

jquery ajax POST 例子详解

jquery ajax POST 例子详解 function test(){ $.ajax({ //提交数据的类型 POST GET type:POST, //提交的网址 url:login.php, //提交的数据 data:{Name:sanmao,Password:sanmaoword}, //返回数据的格式 datatype: html,//xml, html, script, json, jsonp, text...

日期:2017-08-04 15:21:23

点击:191 好评:0

利用正则表达对IP进行排序的实现代码

1、补零,使得可以按照字符串顺序进行比较。 2、截取保留后三位(ip地址最多就3位)。 3、利用Arrays.sort()方法对截取的字符串进行排序。。 4、去除多余的0,回复ip原样。 5、实现代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27...

日期:2017-07-17 17:48:14

点击:115 好评:0

正则表达式中最短匹配模式的用法浅析

前言 最近有一次想用正则表达式从网页里面抓取一些东西出来,内容不复杂却出现不少问题。下面话不多说,来一起看看详细的介绍: 当我们用正则表达式去匹配一个标签的首尾的时候,比如匹配 h1hello world/h1 中的 h1 的开始和闭合标签 可能很多人会这样写 ? 1 /.*h1/g...

日期:2017-07-17 17:46:35

点击:189 好评:0

Javascript ES6中对象类型Sets的介绍与使用详解

介绍 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。 Sets 是ES6(ES2015)中一个新的对象类型,用来创建一系列唯一值的集合。集合中的值可以是简单的原始类型如字符串(strings)或整数(integ...

日期:2017-07-17 17:41:28

点击:68 好评:0

js轮播图的插件化封装详解

本文实例为大家分享了js轮播图的插件化封装代码,供大家参考,具体内容如下 具体代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 5...

日期:2017-07-17 17:39:56

点击:153 好评:0

javascript 数组排序与对象排序的实例

数组排序 在使用JavaScript的时候,我们都发现了sort这个函数其实是按照字典顺序进行排序的,比如下面的这个例子: ? 1 2 3 var ary = [2, 98, 34, 45, 78, 7, 10, 100, 99]; ary.sort(); console.log(ary); 控制台输出结果: ? 1 Array [ 10, 100, 2, 34, 45, 7, 78,...

日期:2017-07-17 17:35:47

点击:160 好评:0

正则表达式注册表验证

正则表达式 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符及这些特定字符的组合,组成一个规则字符串,这个规则字符串用来表达对字符串的一种过滤逻辑。 正则表达式目的 1. 给定的字符串是否符合正则表达式的过滤逻辑(称作匹配); 2. 可以通...

日期:2017-07-11 23:24:14

点击:177 好评:0

Javascript调试之console对象

不同级别日志 通过console对象的不同方法,可以在控制台上输出不同级别的日志信息,它们会采用不同的标志来展示,如下图所示。 不同级别的日志 Javascript调试之console对象,它的一些小技巧你都知道吗? 包含占位符 在输出信息时可以通过%占位符来指定对应的值,而不用总...

日期:2017-07-11 23:20:20

点击:126 好评:0

jQuery怎么实现html table行Tr的复制删除计算功能

本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下: 添加行: function addtr(){ var tr = $(#tb tr).eq(0).clone(); tr.appendTo(#tb); //tr.insertBefore(#tb tr:last);} table id=tb tr /tr // tr 的下标从 0 开...

日期:2017-07-11 23:01:41

点击:200 好评:0

jQuery公告栏文字滚动插件

jQuery插件 (1)通过$.extend()来扩展jQuery (2)通过$.fn 向jQuery添加新的方法 方法一仅是在jQuery命名空间或者理解成jQuery身上添加了一个静态方法而以。所以我们调用通过$.extend()添加的函数时直接通过$符号调用($.myfunction())而不需要选中DOM元素($(#example)...

日期:2017-07-10 23:39:12

点击:119 好评:0

原生JavaScript实现斑马线表格

原生JavaScript实现斑马线表格,虽然现在有很多框架可以轻松的实现斑马线效果,而且兼容性也很不错,比如bootstrap,但是不可否认的是使用JavaScript实现的是兼容性最强的(浏览器不支持或禁止JavaScript脚本除外),所以今天使用原生JS实现了一个斑马线效果的表格,大家可以...

日期:2017-07-10 23:38:16

点击:180 好评:0

nodejs调用百度TextToSpeech的api

1.概述 nodejs调用百度TextToSpeech的api,实现对 http://tts.baidu.com/text2audio?lan=zhie=UTF-8spd=2text=你要转换的文字 这个百度TextToSpeech文字转语音api的使用,生成一个mp3文件。 2.代码: server.js ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19...

日期:2017-07-10 23:37:40

点击:198 好评:0

jQuery和validator插件

JavaScript教程:jQuery和validator插件。 jQuery 利用jQuery进行遍历 js原生: for(var i=0;i?;i++){ } jQuery: 方式一: 想要遍历的jQuery对象.each(function(index,dom){ }); 方式二: $.each(想要遍历的jQuery对象,function(index,dom){ }); 操作元素的值或者...

日期:2017-07-10 23:37:02

点击:79 好评:0

js设置、获取、删除cookie

设置、获取cookie ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function cookies( name , value, day ) { if (value) { var d = new Date (); var expires = ; if ( day ) { d.setTime(d.getTime() + ( day * 24 * 60 * 60 * 1000)); expire...

日期:2017-07-10 23:36:08

点击:97 好评:0

jQuery类选择器和模糊选择

jQuery类选择器和模糊选择,我们对于jQuery来说已经很不陌生了,由于是前端各种框架都需要的一个组件类库形式的一个应用库,jQuery已经很是深入我们的使用中了,但是你真的会使用他吗? 一、jQuery的类选择器 其实说道jQuery的类选择,我们经历的应该是已经不少了,尤其是选...

日期:2017-07-10 23:35:30

点击:128 好评:0

JavaScript对对象方法的重写

JavaScript对对象方法的重写,前几天项目上遇到一个问题是有关浏览器兼容的问题,项目上用了大量的document.getElementById().attachEvent(ev,fn);方法,导致项目在ie9及以上还有火狐,谷歌浏览器中测试,许多js失效。把以前的代码的方法都替换掉工作量有点大(话说,之前写...

日期:2017-07-10 23:35:02

点击:55 好评:0

angularjs方式的get与post分析

1.概述 ? 1 2 本文主要是记录angularjs方式处理get与post的处理技巧,angularjs在这方面有一些坑,需要记录以防之后掉入。 另外,还有后端的处理方式,后端获取外界数据,根据前端post参数发送给前端所需数据这一过程的实现。 2.具体代码与效果 项目以nodejs搭建,express...

日期:2017-07-10 23:34:21

点击:187 好评:0

shell命令执行顺序

shell 命令执行顺序 一 shell执行命令的步骤顺序如上图,看起来有些复杂。 当命令行被处理时,每一个步骤都是在Shell的内存里发生的;Shell不会真的把每个步骤的发生显示给你看。 所以,你可以假想这事我们偷窥Shell内存里的情况,从而知道每个阶段的命令行是如何被转...

日期:2017-07-10 23:33:25

点击:128 好评:0