JavaScript - 教程之家

76浏览

0评论

基于vue的短信验证码倒计时demo

最近做了一个小的demo，分享给大家，在很多地方都能用到。一般获取短信验证码的时候会用到这个demo：button里面包两个span标签，根据点击状态，显示不同的span，关键代码就是倒计时： <di...

2020-05-27

80浏览

0评论

详解React Native开源时间日期选择器组件(react-native-datetime)

项目介绍
该组件进行封装一个时间日期选择器,同时适配Android、iOS双平台，该组件基于@remobile/react-native-datetime-picker进行开发而来配置安装npm install react-native...

2020-05-27

99浏览

0评论

JS库particles.js创建超炫背景粒子插件(附源码下载)

插件描述：particles.js用于创建粒子的轻量级 JavaScript 库。查看效果源码下载使用加载 particles.js和配置粒子<div id="particles-js"></div><script...

2020-05-27

75浏览

0评论

JS库之Waypoints的用法详解

一款用于捕获各种滚动事件的插件?Waypoints。同时Waypoints还支持固定元素和无限滚动的功能，功力十分强大。一、最简易的使用<!DOCTYPE html><html lang="en"><head> <m...

2020-05-27

108浏览

0评论

强大的JavaScript响应式图表Chartist.js的使用

Chartist.js是一个非常简单而且实用的JavaScript前端图表生成器，它支持SVG格式，图表数据转换十分灵活，同时也支持多种图表展现形式，不失为一款前端开发者的开发利器。Chartist.j...

2020-05-27

84浏览

0评论

详解wow.js中各种特效对应的类名

一、（页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。）刚知道wow.js这个插件，之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇...

2020-05-27

100浏览

0评论

JS库之Highlight.js的用法详解

官网：https://highlightjs.org/下载地址：https://highlightjs.org/download/下载到本地后，新建个页面测试1、在head中加入css和js的引用<head> <title>highlight</title> <...

2020-05-27

84浏览

0评论

详解动画插件wow.js的使用方法

本文介绍了动画插件wow.js的使用方法，具体如下，分享给大家1,下载文件
animate.css 下载地址: http://daneden.github.io/animate.css/wow.min.js 下载地址: http://www.down...

2020-05-27

72浏览

0评论

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过...

2020-05-27

80浏览

0评论

JSON 数据格式详解

基础结构JSON建构于两种结构：1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），记录（record），结构（struct），字典（dictionary），哈希表（hash t...

2020-05-27

87浏览

0评论

使用SVG基本操作API的实例讲解

前面的话本文将详细介绍SVG基本操作API，并使用这些API制作实例效果基础API在javascript中，可以使用一些基本的API来对SVG进行操作【NS地址】因为SVG定义在其自身的命令空间下，...

2020-05-27

229浏览

0评论

对于js垃圾回收机制的理解

原理找到不再被使用的变量，然后释放其占用的内存，但这个过程不是时时的，因为其开销比较大，所以垃圾回收器会按照固定时间间隔周期性的执行回收方式a.标记清除当变量进入环境时，将...

2020-05-27

68浏览

0评论

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

在git命令行下，执行以下命令完成环境的搭建：1，npm install --global vue-cli 安装vue命令行工具2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-dem...

2020-05-27

76浏览

0评论

Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)

我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js...

2020-05-27

69浏览

0评论

JavaScript使用atan2来绘制箭头和曲线的实例

最近搞Canvas绘图，知道了JavaScript中提供了atan2(y,x)这样一个三角函数。乍眼一看，不认识，毕竟在高中时，学过的三角函数有：sin,cos,arcsin,arccos,tan,arctan等，并没有这个。而工...

2020-05-27

59浏览

0评论

基于Vue过渡状态实例讲解

前面的话Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢？包括数字和运算、颜色的显示、SVG 节点的位置、元素的大小和其他...

2020-05-27

71浏览

0评论

基于js中document.cookie全面解析

什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie...

2020-05-27

66浏览

0评论

利用jsonp与代理服务器方案解决跨域问题

前言本文将从实践角度介绍如何使用jsonp和代理服务器方案解决跨域问题，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。浏览器为了保护用户安全，引入了同源策...

2020-05-27

65浏览

0评论

gulp教程_从入门到项目中快速上手使用方法

gulp是什么？gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是...

2020-05-27

61浏览

0评论

基于node.js express mvc轻量级框架实践

本文记录的是笔者最近抽私下时间给朋友做的一个时时彩自动下注系统，比较简单，主要也是为了学习一下node.js。其实逻辑没什么可以深谈的，主要是想说说这套代码结构。结构如下图：j...

2020-05-27

66浏览

0评论

浅谈JavaScript中的属性:如何遍历属性

在JavaScript中，遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因：一个是,JavaScript中的对象通常都处在某个原...

2020-05-27

72浏览

0评论

Angularjs 1.3 中的$parse实例代码

这次我们来看一下angular的Sandboxing Angular Expressions。关于内置方法的，核心有两块：Lexer和Parser。其中大家对$parse可能更了解一点。好了不多废话，先看Lexer的内部结构：1...

2020-05-27

67浏览

0评论

详解React Native顶|底部导航使用小技巧

导航一直是App开发中比较重要的一个组件，ReactNative提供了两种导航组件供我们使用，分别是：NavigatorIOS和Navigator，但是前者只能用于iOS平台，后者在ReactNative0.44版本以后已...

2020-05-27

59浏览

0评论

日期时间范围选择插件:daterangepicker使用总结(必看篇)

分享说明：项目中要使用日期时间范围选择对数据进行筛选；精确到年月日时分秒；起初,使用了layui的时间日期选择插件；但是在IIE8第一次点击会报设置格式错误；研究了很久没解决，但能...

2020-05-27

92浏览

0评论

用JS编写一个函数,返回数组中重复出现过的元素(实例)

用JS编写一个函数，返回数组中重复出现过的元素，见下面的代码：var arr = [1, 2, 3, 1, 2, 3, 4, 5]; var getRepeat = function (arr) { var obj = {}; for (var i = 0,...

2020-05-27

81浏览

0评论

说说AngularJS中的$parse和$eval的用法

AngularJS的初学者常常会对$parse和$eval两个内建服务感到有些困惑，今天我们就来说说AngularJS中的$parse和$eval。总的来说，$parse和$eval都是作用于AngularJS的表达式。什么...

2020-05-27

66浏览

0评论

浅谈angular.copy() 深拷贝

因为项目中需要拷贝，查阅angularjs API文档，发现对angular.copy() 的解释：复制一个对象或者一个数组（好吧，万物皆对象，数组也是一个对象）。
1> 如果省略了destination，一个新的对象...

2020-05-27

53浏览

0评论

angular.extend方法的具体使用

AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性，如下图所示。angular.extends()方法的...

2020-05-27

83浏览

0评论

nodejs socket服务端和客户端简单通信功能

本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能，可以用作客户端对服务端的端口监听以及事件回执。server端代码var net = require('net');...

2020-05-27

60浏览

0评论

jQuery plugin animsition使用小结

用法整理下载地址：https://github.com/blivesta/animsition文档地址：http://git.blivesta.com/animsition/实现的效果是，各种不同效果的转场效果<div class="animsition"> <di...

2020-05-27

74浏览

0评论

浅谈AngularJS中使用$resource（已更新）

这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。
REST是Representation...

2020-05-27

53浏览

0评论

SVG动画vivus.js库使用小结(实例代码)

SVG动画vivus.js库使用整理，具体实例代码如下所示：使用方法如图：HTML例子代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com...

2020-05-27

70浏览

0评论

JavaScript requestAnimationFrame动画详解

进入web2.0时代，在网页中实现动画已经不再局限于一种方法你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也...

2020-05-27

50浏览

0评论

React-Native使用Mobx实现购物车功能

在工作中，购物车场景非常常见。本文实现基于React-Native和Mobx实现两种购物车例子。
其中，后期会加入动画等其他。本期先实现基础功能。二：基于State实现购物车
1-：ShoppingCar...

2020-05-27

108浏览

0评论

JavaScript动态绑定详解

问题描述：假设我们的网页中动态生成了一个按钮，在这个按钮生成之前我们按照一般的事件绑定方法为此按钮绑定了触发事件，但是问题是绑定的事件并没有生效（JavaScript中为元素绑定...

2020-05-27

61浏览

0评论

浅谈vue中数据双向绑定的实现原理

vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！* Object.defineProp...

2020-05-27

78浏览

0评论

快速将Vue项目升级到webpack3的方法步骤

前言由于 webpack3升级后，新增了 Scope Hositing（作用域提升）功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标...

2020-05-27

74浏览

0评论

JS验证码实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script language="javascript">var code; //在全局定义验证码function createCode(){ //创建验证码函数 code = ""; var...

2020-05-27

61浏览

0评论

JS中跳出循环的示例代码

1、for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。2、而在jquery中 $.each使用return true 终止本次循环计入下一个循环，return false终止整...

2020-05-27

49浏览

0评论

分分钟学会vue中vuex的应用（入门教程）

vuex.js
状态（数据）管理
在vue中当我们管理数据的时候比较乱，我们要用到下面的这个库，vuex.jsVuex介绍每一个Vuex应用的核心就是store（仓库），他是用来存储数据的"store" 基本上就是...

2020-05-27

50浏览

0评论

react 父组件与子组件之间的值传递的方法

概念上，组件是封闭的环境。React中是单向数据流的设计，也就是是说只有父组件传递资料给子组件这回事。以正确的技术说明，拥有者组件可以设置被拥有者组件中的数据。
那么子组件...

2020-05-27

58浏览

0评论

详解使用Visual Studio Code对Node.js进行断点调试

在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的...

2020-05-27

59浏览

0评论

JavaScript正则表达式和级联效果

1、正则表达式（regular expression）是一种字符串匹配的模式，用来检查一个字符串中是否包含指定模式的字符串。
2、正则表达式的创建var reg = /white/;var reg = new RegExp("w...

2020-05-27

88浏览

0评论

JS库之wow.js使用方法

近日，在做项目中，需要做到滚动条滑到某个位置时，才能显示动画，网上查询到有个wow.js可以达到要求，现在把使用方法做如下总结：wow.js演示地址wow.js的github地址使用方法真是超简单...

2020-05-27

109浏览

0评论

详解tween.js的使用教程

前面的话TweenJS提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性，并允许链接补间动画和行动结合起来，创造出复杂的序列。本文将详细介绍tween.js的使...

2020-05-27

80浏览

0评论

vue 计时器组件的实现代码

整理文档，搜刮出一个vue 计时器组件的代码，稍微整理精简一下做下分享。
<template> <div> <span :sendSync="sendSync" :autoStart="autoStart" :defaultVal="de...

2020-05-27

121浏览

0评论

VsCode插件整理（小结）

1.VsCode官方插件地址：https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs官网下载地址：http://code.visualstudio.com/
2.使用方法，可以在官网...

2020-05-27

75浏览

0评论

iframe与主框架跨域相互访问实现方法

1.同域相互访问假设A.html 与 b.html domain都是localhost （同域）
A.html中iframe 嵌入 B.html，name=myframe
A.html有js function fMain()
B.html有js function fIframe()
需...

2020-05-27

176浏览

0评论

json2.js 入门教程之使用方法与实例分析

json2.js主要功能是做什么的？json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。json2.js在浏览器不...

2020-05-27

热门文章