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

WEB前端  /  JavaScript频道头条

详解如何在react中搭建d3力导向图
D3js力导向图搭建 d3js是一个可以基于数据来操作文档的JavaScrip...
微信小程序实现的涂鸦功能示例【附源码下载】
本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家...
JS随机排序数组实现方法分析
本文实例讲述了JS随机排序数组。分享给大家供大家参考,具体...

WEB前端  /  JavaScript相关栏目

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

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

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

点击:145 好评:0

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

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

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

点击:100 好评:0

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

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

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

点击:183 好评: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

点击:152 好评: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

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

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

JavaScript栈数据结构设置代码

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

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

点击:72 好评: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

Javascript调试之console对象

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

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

点击:126 好评: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

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

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

vue中如何实现变量和字符串拼接

整理文档,搜刮出一个vue中如何实现变量和字符串拼接的代码,稍微整理精简一下做下分享。 在data中定义变量: data() { return { a: A }} 如何通过按钮点击实现字符串和变量a的拼接呢? button @click=showMsg/button//vuemethods: { showMsg() { alert(`获取了${a}`)...

日期:2017-07-09 22:55:56

点击:174 好评:0

JavaScript实现提交模式窗口后刷新父窗口数据的方法

废话不多说了,直接给大家贴代码了,具体代码如下所示: // 上传目标触发点 input type=file class=upvideo name=upvideo id=fileupload1 / // 引入插件 script type=text/javascript src={$IMG}/bstage/js/jquery.form.js language=javascript/script /**方法调用*...

日期:2017-07-08 00:17:47

点击:69 好评:0

JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法

废话不多说了,直接给大家贴代码了,具体代码如下所示: // 上传目标触发点 input type=file class=upvideo name=upvideo id=fileupload1 / // 引入插件 script type=text/javascript src={$IMG}/bstage/js/jquery.form.js language=javascript/script /**方法调用*...

日期:2017-07-08 00:15:35

点击:62 好评:0

JavaScript队列函数和异步执行详解

编辑注:在Review别人的JavaScript代码时曾看到过类似的队列函数,不太理解,原来这个是为了保证函数按顺序调用。读了这篇文章之后,发现还可以用在异步执行等。 假设你有几个函数fn1、fn2和fn3需要按顺序调用,最简单的方式当然是: fn1();fn2();fn3(); 但有时候这些函数...

日期:2017-07-08 00:14:26

点击:197 好评:0

AngularJS的ng-click传参的方法

今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记 ul id=dataSet ng-repeat=item in infos ng-model=dataSet li ng-click=sentOutQuery({{item.detailId}}) div class=voucherLeft p class=p1{{item.transAmount}}/p p class=p2已分配:span {{...

日期:2017-07-08 00:13:22

点击:167 好评:0

解决vue-cli中stylus无法使用的问题方法

在写基于vue-cli的vue项目时,遇到一个小坑,css用了stylus,但是在编译时候总是报错: 来来回回折腾了数十次,终于被我折腾好了。。。解决方式如下: 1、在package.json文件中写入依赖: stylus-loader: ^2.5.0, stylus: 0.52.4, 然后在命令行运行cmpm i 安装插件。 或者直...

日期:2017-07-08 00:12:24

点击:86 好评:0

利用canvas实现的加载动画效果实例代码

前言 以前在浏览文章时,看到过一个Android的加载效果,觉得挺好看的,于是自己就模仿了一个。下面话不多说,我们直接来看看详细的介绍吧。 运行效果图 分析下这个效果: 1.可以把这四个方块标号 2.这个运动效果其实只用分解为两段动画,一段是上下移动,一段是左右移动。...

日期:2017-07-06 23:48:08

点击:100 好评:0

MySQL因配置过大内存导致无法启动的解决方法

问题描述 MySQL 启动时报错,查看错误日志有 ? 1 [ERROR] InnoDB: Cannot allocate memory for the buffer pool (不能从缓存池中分配给innodb引擎需要的内存) 解决办法 需要调整 MySQL 配置文件 my.cnf 中的 innodb_buffer_pool_size、key_buffer_size 的大小设置...

日期:2017-06-25 22:23:28

点击:194 好评:0

JS怎么判断非空至少输入两个字符的

dialog是我项目方法,你应该替换成alert(),或者你自己的 ? 1 2 3 4 5 6 7 8 9 10 var str = $( #stuName ).val(); if (str.length 2) { dialog( 提示 , text:请输入至少两位字符 , 300, auto , ); return false ; } str = str.replace(/(^\s*)|(\s*$)/g, ); //...

日期:2017-06-25 22:22:50

点击:187 好评:0

JavaScript教程-JavaScript Array(数组) 对象

创建数组, 为其赋值: 实例 var mycars = new Array(); mycars[0] = Saab; mycars[1] = Volvo; mycars[2] = BMW; 页面底部你可以找到更多的实例。 什么是数组? 数组对象是使用单独的变量名来存储一系列的值。 如果你有一组数据(例如:车名字),存在单独变量如下所示: v...

日期:2017-06-20 00:30:20

点击:191 好评:0

举例详解JavaScript中Promise的使用

这篇文章主要介绍了JavaScript中Promise的使用,特别jQuery的promise使用是当下开发圈中的热门,需要的朋友可以参考下 摘录 Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式,那么这意味着什么呢,读完下文你就了解了。 Promises 代表...

日期:2017-06-14 08:52:28

点击:141 好评:0

使用AngularJS编写较为优美的JavaScript代码指南

本文示例代码下载:modulePattern.zip - 所有的 4 个 HTML 文件 以及 panacea.js - 1.6 KB 介绍 AngularJS的库里面有很多东西,但本文中我只想专注于小的,针对特定主题的库,我相信通过它们能对Angular有一个较好的介绍. 理解这篇文章并不需要你有任何Angular相关的,...

日期:2017-06-14 08:49:30

点击:59 好评:0

使用javascript将时间转换成今天,昨天,前天等格式

这篇文章主要介绍了使用javascript将时间转换成今天,昨天,前天等格式的相关资料,需要的朋友可以参考下 方法超级简单,把时间格式化一下就好了,直接奉上代码 ? 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 function transDate() { va...

日期:2017-06-14 08:43:58

点击:168 好评:0

浅谈javascript构造函数与实例化对象

JavaScript 中的构造函数和其它语言中的构造函数是不同的。通过 new 关键字方式调用的函数都被认为是构造函数。任何JavaScript 函数都可以用做构造函数,构造函数必须使用new 运算符作为前缀来创建新的实例。 前言--讲在前面 我想有很多以前很少接触后台 编程语...

日期:2017-06-06 00:21:03

点击:184 好评:0

JavaScript中数据结构与算法(五):经典KMP算法

这篇文章主要介绍了JavaScript中数据结构与算法(五):经典KMP算法,本文详解了KMP算法的方方面在,需要的朋友可以参考下 KMP算法和BM算法 KMP是前缀匹配和BM后缀匹配的经典算法,看得出来前缀匹配和后缀匹配的区别就仅仅在于比较的顺序不同 前缀匹配是指:模式串和母...

日期:2017-06-06 00:20:30

点击:174 好评:0

使用javascript提交form表单方法汇总

这篇文章主要介绍了通过a标签的超链接提交form表单方法汇总,十分的全面细致,也很实用,有需要的小伙伴可以参考下。 废话就不多说了,直接上内容。 ? 1 2 3 4 5 6 7 8 form action=/home/search method=get id=search_form div class=searchBox png id=searchBox inp...

日期:2017-06-06 00:20:02

点击:147 好评:0

javascript框架设计之类工厂

这篇文章主要介绍了 javascript 框架设计之类工厂的相关资料,非常浅显易懂,有需要的小伙伴可以查看下。 类与继承在javascript的出现,说明javascript已经达到大规模开发的门槛了,在之前是ECMAScript4,就试图引入类,模块等东西,但由于过分引入太多的特性,搞得javascri...

日期:2017-06-06 00:19:30

点击:94 好评:0

JavaScript创建闭包的两种方式的优劣与区别分析

这篇文章主要介绍了JavaScript创建闭包的两种方式的优劣与区别分析的相关资料,需要的朋友可以参考下 通常JavaScript创建闭包比较常用的有两种方式。 构造函数方式: ? 1 2 3 new function() { var 变量... } 内联执行方式: ? 1 2 3 (function() { var 变量... }...

日期:2017-06-06 00:19:03

点击:198 好评:0

JavaScript中模拟实现jsonp

这篇文章主要介绍了JavaScript中模拟实现jsonp,本文直接给出实现代码,代码中包含详细注释,需要的朋友可以参考下 ? 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 4...

日期:2017-06-06 00:18:31

点击:75 好评:0

JavaScript和JQuery的鼠标mouse事件冒泡处理

这篇文章主要介绍了JavaScript和JQuery的 鼠标 mouse事件冒泡处理,本文总结出了mouse事件的一些定论,并分别给出了JavaScript和JQuery测试代码,需要的朋友可以参考下 简单的鼠标移动事件: 进入 代码如下: mouseenter:不冒泡 mouseover: 冒泡 不论鼠标指针穿过被...

日期:2017-06-06 00:15:41

点击:154 好评:0

JavaScript中数据结构与算法(三):链表

这篇文章主要介绍了JavaScript中数据结构与算法(三):链表,本文分别讲解了单链表与双链表以及增加节和删除节的代码实例,需要的朋友可以参考下 我们可以看到在 javascript 概念中的队列与栈都是一种特殊的线性表的结构,也是一种比较简单的基于数组的顺序存储结构...

日期:2017-06-06 00:14:59

点击:125 好评:0

详解AngularJS中的依赖注入机制

这篇文章主要介绍了详解Angular JS 中的依赖注入机制,对JavaScript各组件的使用起到非常重要的作用,需要的朋友可以参考下 依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分,从定位的依赖,依赖配置。这有助...

日期:2017-06-06 00:12:22

点击:168 好评:0

让JavaScript中setTimeout支持链式操作的方法

这篇文章主要介绍了让JavaScript中setTimeout支持链式操作的方法,本文直接给出代码实例,需要的朋友可以参考下 修改很简单,通过参数判断,然后返回下promise对象 代码如下: (function() { var timeout = setTimeout; window.setTimeout = function(fn, time) { if...

日期:2017-06-06 00:11:17

点击:100 好评:0

详细分析使用AngularJS编程中提交表单的方式

这篇文章主要介绍了详细分析使用Angular JS 提交表单的方式,AngularJS是非常热门的JavaScript库,文中展示了AngularJS在前端与后端的PHP进行交互的场景,需要的朋友可以参考下 在AngularJS出现之前,很多开发者就面对了表单提交这一问题。由于提交表单的方式繁杂...

日期:2017-06-06 00:10:43

点击:75 好评:0

使用AngularJS处理单选框和复选框的简单方法

这篇文章主要介绍了使用Angular JS 处理单选框和复选框的方法,在AngularJS表单的基础之上编写起来非常简单,需要的朋友可以参考下 AngularJS对表单的处理相当简单。在AngularJS使用双向数据绑定方式进行表单验证的时候,实质上它在帮我们进行表单处理。 使用复选...

日期:2017-06-06 00:10:14

点击:140 好评:0

举例详解AngularJS中ngShow和ngHide的使用方法

这篇文章主要介绍了举例详解Angular JS 中ngShow和ngHide的使用方法,AngularJS是一款非常热门的JavaScript框架,需要的朋友可以参考下 今天我们来看看怎样使用Angular的ngShow 和ngHide 指令来完成它们听起来应该完成的,显示和隐藏! 它们应该做的事 ngShow 和ng...

日期:2017-06-06 00:09:39

点击:198 好评:0

3个可以改善用户体验的AngularJS指令介绍

这篇文章主要介绍了3个可以改善用户体验的Angular JS 指令,AngularJS是一款具有很高人气的JavaScript框架,需要的朋友可以参考下 1.头像图片 为了在你的应用中展示头像图片,你需要使用用户的电子邮件地址,将地址转换为小写并使用md5加密该字符串。所以聪明的做法...

日期:2017-06-06 00:06:46

点击:189 好评:0