JavaScript - 教程之家

39浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

46浏览

0评论

不使用 JS 匿名函数理由

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

58浏览

0评论

jQuery实现滚动效果

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

36浏览

0评论

深入研究React中setState源码

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

53浏览

0评论

JavaScript canvas实现围绕旋转动画

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

2020-05-27

39浏览

0评论

基于JavaScript实现五子棋游戏

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

2020-05-27

40浏览

0评论

基于jquery实现五星好评

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

45浏览

0评论

jQuery实现checkbox的简单操作

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

50浏览

0评论

Angular中支持SCSS的方法

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

43浏览

0评论

原生JavaScript实现Ajax异步请求

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

2020-05-27

38浏览

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

58浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

52浏览

0评论

解读ES6中class关键字

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

53浏览

0评论

VueJs 搭建Axios接口请求工具

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

2020-05-27

50浏览

0评论

Vue 中批量下载文件并打包的示例代码

思路: 用 ajax 将文件下载, 然后用 jszip 压缩文件, 最后用 file-saver 生成文件1. 准备工作安装 3 个依赖: axios, jszip, file-saveryarn add axiosyarn add jszipyarn ad...

2020-05-27

38浏览

0评论

three.js中文文档学习之创建场景

什么是Three.js？如果你正在读这篇文章，你可能对Three.js有一定的了解，那我们来简单地介绍下Three.js是什么.
Three.js是一个库，使得WebGL的3D效果在浏览器中运用很容易。而在原...

2020-05-27

70浏览

0评论

浅谈Vue SSR 的 Cookies 问题

一个网站一旦涉及到多用户, 就很难从 Cookies 中逃脱, Vue SSR 的 cookies 也真算是遇到的一个不小的问题, 从开始玩 SSR 开始到现在, 一共想出了3种方案, 从最早的把 Cooki...

2020-05-27

46浏览

0评论

JS写XSS cookie stealer来窃取密码的步骤详解

JavaScript是web中最常用的脚本开发语言，js可以自动执行站点组件，管理站点内容，在web业内实现其他有用的函数。JS可以有很多的函数可以用做恶意用途，包括窃取含有密码等内容的用...

2020-05-27

51浏览

0评论

three.js中文文档学习之通过模块导入

前言本文主要给大家介绍了关于three.js通过模块导入的相关内容，通过 script 标签导入 three.js 是很好的入门并快速运行的方式，对于长期更新的项目有些不足，比如：你需要手动调...

2020-05-27

56浏览

0评论

详细分析jsonp的原理和实现方式

针对跨域问题，本文主要给大家详细分析一下jsonp的原理，希望能够给你提供到帮助。详细分析jsonp的原理和实现方式一：跨域问题。二，跨域产生的原因Js是不能跨域请求。出于安全考虑...

2020-05-27

55浏览

0评论

详解webpack + react + react-router 如何实现懒加载

在 Webpack 1 中主要是由bundle-loader进行懒加载，而 Webpack 2 中引入了类似于 SystemJS 的System.import语法，首先我们对于System.import的执行流程进行简单阐述： Webpack...

2020-05-27

55浏览

0评论

AngularJS实现自定义指令及指令配置项的方法

本文实例讲述了AngularJS实现自定义指令及指令配置项的方法。分享给大家供大家参考，具体如下：AngularJS自定义指令有两种写法：//第一种angular.module('MyApp',[]).directive('...

2020-05-27

49浏览

0评论

three.js中文文档学习之如何本地运行详解

前言本文属于系列问题，需要的朋友们开始之前可以参考以下的两篇文章：1、three.js中文文档学习之创建场景2、three.js中文文档学习之通过模块导入如果你只是使用程序化的几何体...

2020-05-27

45浏览

0评论

深入理解vuex2.0 之 modules

什么是module？
背景：在Vue中State使用是单一状态树结构，应该的所有的状态都放在state里面，如果项目比较复杂，那state是一个很大的对象，store对象也将对变得非常大，难于管理。
modul...

2020-05-27

45浏览

0评论

jquery ztree实现右键收藏功能

公司用到ztree。近期把工作中需要的做个总结html部分：js和cssjs:
总结以上所述是小编给大家介绍的ztree实现右键收藏功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小...

2020-05-27

58浏览

0评论

Three.js开发实现3D地图的实践过程总结

前言本文主要介绍Three.js的开发基础和基本原理，以及如何实现3D全景图。想在web端实现3D全景图的效果，除了全景图片、WebGL外，还需要处理很多细节。据我所知，目前国外3D全景图比...

2020-05-27

38浏览

0评论

详解Vue2 SSR 缓存 Api 数据

本文介绍了Vue2 SSR 缓存 Api 数据，分享给大家，具体如下：1. 安装缓存依赖: lru-cachenpm install lru-cache --dev2. api 配置文件config-server.jsvar LRU = require('lru-cac...

2020-05-27

47浏览

0评论

详解如何将 Vue-cli 改造成支持多页面的 history 模式

标题可能描述不准确, 大概就是这么个需求:
用 Vue-cli 搭建一个多入口, 多页面的站点, 也就是通过html-webpack-plugin插件会生成多个 .html 文件, 在默认下, 是只有 index....

2020-05-27

37浏览

0评论

jquery中有哪些api jQuery主要API

本文有整理，主要给读者们分享了一些主要的jQuery API，其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作...

2020-05-27

54浏览

0评论

加载 vue 远程代码的组件实例详解

在我们的 vue 项目中（特别是后台系统），总会出现一些需要多业务线共同开发同一个项目的场景，如果各业务团队向框架中提供一些私有的展示组件，但是这些组件并不能和框架一起打包，因...

2020-05-27

64浏览

0评论

JavaScript内存泄漏的处理方式

下面就是小编整理的关于JS遇到内存泄漏问题时应该采取的处理方式。随着现在的编程语言功能越来越成熟、复杂，内存管理也容易被大家忽略。本文将会讨论JavaScript中的内存泄漏...

2020-05-27

热门文章