JavaScript - 教程之家

65浏览

0评论

React/Redux应用使用Async/Await的方法

Async/Await是尚未正式公布的ES7标准新特性。简而言之，就是让你以同步方法的思维编写异步代码。对于前端，异步任务代码的编写经历了 callback 到现在流行的 Promise ，最终会进...

2020-05-27

40浏览

0评论

js的函数的按值传递参数(实例讲解)

js的函数传参的方式是按值传递，正常情况下，改变函数参数的值，并不会对函数外部的变量造成影响。例如：'use strict';var list = [1, 2, 3];list.forEach(function(item) { item +...

2020-05-27

63浏览

0评论

three.js中3D视野的缩放实现代码

通过Threejs基础学习——修改版知道创建一个相机的相关知识点var camera = new THREE.PerspectiveCamera( fov, aspect , near,far );视野角：fov 这里视野角(有的地方叫拍摄...

2020-05-27

62浏览

0评论

three.js实现3D视野缩放效果

首先，不再废话了，什么是three.js，是干什么的，知道的就是知道，不知道的就百度吧。小编为大家推荐一篇：Three.js快速入门教程昨儿发现three.js中的3D视野的缩小和放大效果可以用照相...

2020-05-27

72浏览

0评论

Three.js基础学习教程

一、Three.js官网及使用Three.js必备的三个条件1.Three.js 官网 https://threejs.org/
2.使用Three.js必备的三个条件(To actually be able to display anything with Three...

2020-05-27

46浏览

0评论

vue.js项目打包上线的图文教程

最近一直坚持每个月写一个小的vue.js 开发的项目，最后开发完成后想到很久之前给别人回答的一个问题：vue的项目如何上线，当时有千奇百怪的回答，我在想，这些人都是肿了么，vue的官方...

2020-05-27

313浏览

0评论

使用3D引擎threeJS实现星空粒子移动效果

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各...

2020-05-27

34浏览

0评论

Vue.js与 ASP.NET Core 服务端渲染功能整合

http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/
原作者：Mihály Gyöngyösi
译者：oopsguy.com我真的很喜欢在前端使用 Vue.js，Vue 服务...

2020-05-27

47浏览

0评论

Bootstrap table使用方法汇总

bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。而bootstrap是来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAV...

2020-05-27

35浏览

0评论

js 毫秒转天时分秒的实例

实例如下所示：formatDuring: function(mss) { var days = parseInt(mss / (1000 * 60 * 60 * 24)); var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 *...

2020-05-27

29浏览

0评论

基于Bootstrap表单验证功能

基于Bootstrap表单验证，供大家参考，具体内容如下GitHub地址：https://github.com/chentangchun/FormValidate使用方式：1.CSS样式.valierror { border-color: red !important;}.to...

2020-05-27

49浏览

0评论

浅谈Node模块系统及其模式

模块是构建应用程序的基础，也使得函数和变量私有化，不直接对外暴露出来，接下来我们就要介绍Node的模块化系统和它最常用的模式为了让Node.js的文件可以相互调用，Node.js提供了一...

2020-05-27

48浏览

0评论

bootstrap轮播模板使用方法详解

本文实例为大家分享了bootstrap轮播模板展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title>...

2020-05-27

60浏览

0评论

JS实现的数组去除重复数据算法小结

本文实例讲述了JS实现的数组去除重复数据算法。分享给大家供大家参考，具体如下：在JS中经常会遇到去除数组中重复数据的需求,在此介绍四种算法以实现JS数组去重的功能.1. 速度...

2020-05-27

48浏览

0评论

在 Node.js 中使用 async 函数的方法

借助于新版 V8 引擎，Node.js 从 7.6 开始支持 async 函数特性。今年 10 月 31 日，Node.js 8 也开始成为新的长期支持版本，因此你完全可以放心大胆地在你的代码中使用 async 函...

2020-05-27

46浏览

0评论

JS基于对象的特性实现去除数组中重复项功能详解

本文实例讲述了JS基于对象的特性实现去除数组中重复项功能。分享给大家供大家参考，具体如下：数组去重的方法有很多，不同的方法的效率也不相同。如前面文章JS实现的数组去除重复...

2020-05-27

55浏览

0评论

nodejs async异步常用函数总结（推荐）

nodejs框架类库很多，“流程控制”本来是件比较简单的事，但是对于nodejs的异步架构的实现方法，对于需要同步的业务逻辑，实现起来比较麻烦。async的集合控制：async.map(arr, functi...

2020-05-27

44浏览

0评论

浅析node Async异步处理模块用例分析及常用方法介绍

最近在研究nodejs，令我感受比较深的是……熟悉js代码的地球人都知道，js的加载顺序很重要！很重要！！那么问题来了，在编写node的时候，会在后台去请求很多接口（我们公司是与java后台交接...

2020-05-27

60浏览

0评论

bootstrap响应式导航条模板使用详解（含下拉菜单，弹出框）

本文实例为大家分享了bootstrap响应式导航条模板展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equ...

2020-05-27

65浏览

0评论

浅谈Vue.js 组件中的v-on绑定自定义事件理解

每个 Vue 实例都实现了事件接口(Events interface)，即：使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件Vue的事件系统分离自浏览器的EventTarget API。尽管它们...

2020-05-27

68浏览

0评论

Vue-cli-webpack搭建斗鱼直播步骤详解

前言想必大家都看过斗鱼直播吧？这次在下使用从github上面摸下来的API，为大家重现一下斗鱼网站的搭建，使用vue-cli-webpack来实现。声明本文章所用API均从网络获取，本文作者不承...

2020-05-27

54浏览

0评论

不使用 JS 匿名函数理由

匿名函数的基本形式为(function(){...})();
前面的括号包含函数体，后面的括号就是给匿名函数传递参数并立即执行之
匿名函数的作用是避免全局变量的污染以及函数名的冲突无论...

2020-05-27

69浏览

0评论

详解NODEJS基于FFMPEG视频推流测试

以ffmpeg为核心,包装一款局域网内接收转码并推送互联网的客户端软件。本文仅使用ffmpeg基础功能,拉流、转码、推流及简单播放设置。工作流程
拉取远端视频流,视频流格式为...

2020-05-27

63浏览

0评论

jQuery实现滚动效果

本文实例为大家分享了jQuery实现滚动效果展示的具体代码，供大家参考，具体内容如下1. 图片轮播：原理如下：
假设有三张图片，三张图片实际上都是存在于页面上的，但是由于设置的可视...

2020-05-27

52浏览

0评论

Vue.js在数组中插入重复数据的实现代码

1、在默认的情况下，Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"来实现。2、不使用track-by="$index"的数组插入，数组不支持重复数据的插入 2.1...

2020-05-27

41浏览

0评论

深入研究React中setState源码

React作为一门前端框架，虽然只是focus在MVVM中的View部分，但还是实现了View和model的绑定。修改数据的同时，可以实现View的刷新。这大大简化了我们的逻辑，只用关心数据流的变化，...

2020-05-27

62浏览

0评论

五步轻松实现JavaScript HTML时钟效果

学了一段时间的HTML、CSS和JS后，给大家做一款漂亮的不像实力派的HTML时钟，先看图：涉及到的知识点有： CSS3动画、DOM操作、定时器、圆点坐标的计算（好多人是不是已经还给自己的老...

2020-05-27

56浏览

0评论

Vue2.0设置全局样式(less/sass和css)

为Vue设置全局样式需要几个步骤(如果是sass将less改成sass即可)第一步：在src目录下的main.js,也就是入口文件里面添加下面代码require('!style-loader!css-loader!less-loade...

2020-05-27

60浏览

0评论

JavaScript canvas实现围绕旋转动画

使用canvas的convas来实现围绕旋转动画，外圈顺时针，里层逆时针代码demo链接地址：代码demo链接地址html文件
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">...

2020-05-27

42浏览

0评论

基于JavaScript实现五子棋游戏

本文实例为大家分享了js实现五子棋的具体代码，供大家参考，具体内容如下思路：1、先用canvas画五子棋的棋盘
2、获取鼠标点击的位置
3、根据鼠标点击的位置判断，并画棋子
4、根据...

2020-05-27

43浏览

0评论

基于jquery实现五星好评

在电商网站，我们经常会用到五星评分的功能，现在用jQuery实现一个简单的demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>五角星评分案例</t...

2020-05-27

52浏览

0评论

浅谈Emergence.js 检测元素可见性的 js 插件

Emergence.js 是一个轻量级，高性能的 JS 插件，用于检测和操作浏览器中的元素。这个插件被设计为允许根据浏览器中的可见性对元素进行操作。它使开发人员可以自由使用自己的 CS...

2020-05-27

56浏览

0评论

jQuery实现checkbox的简单操作

对复选框组的全选、全不选、不全选，获取选中的复选框的值的操作1.点击全选按钮，复选框组全部选中或者全部取消。
2.实现全选按钮和复选框组的联动，当复选框组中有一个没有被选...

2020-05-27

49浏览

0评论

NodeJS实现视频转码的示例代码

视频转码就是一个先解码，再编码的过程，从而将原来的视频转换成我们需要的视频。这种转换可能包括各式(mp4/avi/flv等)、分辨率、码率、帧率等。
传统的视频转码中，很常用的工具...

2020-05-27

60浏览

0评论

VUE element-ui 写个复用Table组件的示例代码

饿了么的table组件功能很强大，对于项目中的各种表格基本够用，但是……个人对于它以列为单位的操作不习惯 =。=所以改成了另一种方式（我不会告诉你其实本质没变）。
项目中表格较...

2020-05-27

55浏览

0评论

Angular中支持SCSS的方法

scss介绍
SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCSS 还...

2020-05-27

55浏览

0评论

如何编写一个完整的Angular4 FormText 组件

本文主要介绍了如何编写一个完整的Angular4 FormText 组件，分享给大家，也给自己留个笔记组件定义
import { Component, Output, Input, forwardRef, EventEmitter} from '@ang...

2020-05-27

62浏览

0评论

js实现rem自动匹配计算font-size的示例

实际开发过程中，我们经常会被各种宽度，高度计算搞晕。尤其是使用了rem的计算方式，自适应布局难倒一大片程序员。为了解决这类问题，我觉得可以利用js监听屏幕宽度变化来实现更改H...

2020-05-27

69浏览

0评论

gulp安装以及打包合并的方法教程

前言gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不...

2020-05-27

46浏览

0评论

原生JavaScript实现Ajax异步请求

在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只需要ajax功能，这样...

2020-05-27

50浏览

0评论

使用DataTable插件实现异步加载数据

table部分代码<table class="table table-bordered table-striped" id="table-main"> <thead> <tr> <th>用户名</th> <th>渠道名</th> <th>游戏名</th> <th>...

2020-05-27

67浏览

0评论

IE11下使用canvas.toDataURL报SecurityError错误的解决方法

发现问题
最近在项目中用到了 canvas 的 toDataURL 方法来获取图片的 base64 格式数据，用以上传到后台。由于之前也遇到过 canvas 被跨域图片污染不能获取数据的坑，因此这回一...

2020-05-27

51浏览

0评论

利用three.js画一个3D立体的正方体示例代码

简介three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。这篇文章仅是一个入门篇，介绍如何绘制...

2020-05-27

59浏览

0评论

Node.js 中使用 async 函数的方法

借助于新版 V8 引擎，Node.js 从 7.6 开始支持 async 函数特性。今年 10 月 31 日，Node.js 8 也开始成为新的长期支持版本，因此你完全可以放心大胆地在你的代码中使用 async 函...

2020-05-27

50浏览

0评论

利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解

将图片转为base64的好处将图片转换为Base64编码，可以让你很方便地在没有上传文件的条件下将图片插入其它的网页、编辑器中。这对于一些小的图片是极为方便的，因为你不需要再...

2020-05-27

55浏览

0评论

解读ES6中class关键字

class是es6引入的最重要特性之一。在没有class之前，我们只能通过原型链来模拟类。1 、介绍
//定义类 class Point { constructor(x, y) { this.x = x; this.y = y;...

2020-05-27

51浏览

0评论

使用nodeJs来安装less及编译less文件为css文件的方法

NodeJs使用nodejs安装less以及编译less文件为css文件首先下载nodeJs的安装包，按照步骤，安装nodejs. 链接：http://pan.baidu.com/s/1dEsqYB3 密码：bkkh 这个链接里面有nodejs的...

2020-05-27

64浏览

0评论

详解vue+css3做交互特效的方法

1.前言做项目就难免会开发交互效果或者特效，而我最近开发的项目一直在使用vue，开发技术栈方面，理所当然就使用了vue+css3开发，过程中发现使用vue+css3开发特效，和javascript/jque...

2020-05-27

46浏览

0评论

Vue2 SSR渲染根据不同页面修改 meta

本文主要介绍了Vue2 SSR渲染根据不同页面修改 meta，分享给大家，具体如下：
注意:
经过测试, vue-meta 会导致内存泄漏, 请慎用…
以现在 vue2 的服务端渲染模式, 都是通过 webp...

2020-05-27

56浏览

0评论

VueJs 搭建Axios接口请求工具

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest
从 node.js 发出 http 请求
支持 Pro...

2020-05-27

热门文章