JavaScript - 教程之家

50浏览

0评论

Node层模拟实现multipart表单的文件上传示例

有时候就是有这样的需求，Nodejs做webserver，从浏览器端上传文件到后端服务器，Node层只是做一个数据中转，如果在这个过程中，Node webserver需要对数据进行适当加工，然后再Post到后...

2020-05-27

60浏览

0评论

React教程之封装一个Portal可复用组件的方法

Portal简介
所以我们需要的一个通用组件，它做如下的事情：可以声明式的写在一个组件中并不真正render在被声明的地方支持过渡动画那么，像modal、tooltip、notification等...

2020-05-27

56浏览

0评论

node作为中间服务层如何发送请求(发送请求的实现方法详解)

GET请求：var http = require('http'); var qs = require('querystring'); var data = { a: 123, time: new Date().getTime()};//这是需要提交的数据 var content = qs.s...

2020-05-27

55浏览

0评论

Node解决简单重复问题系列之Excel内容的获取

始因 -- 懒最近项目中，经常用到多语言翻译，而iOS的多语言适配，设计给出的多语言都是指定的翻译制作成的一系列表格，基本都要一点一点复制到对应的语言文件中，如此反复，尤其是需求...

2020-05-27

50浏览

0评论

jQuery动态添加元素无法触发绑定事件的解决方法分析

本文实例讲述了jQuery动态添加元素无法触发绑定事件的解决方法。分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发...

2020-05-27

66浏览

0评论

Node实战之不同环境下配置文件使用教程

前言在使用 Node.js 编写一个完整的项目时，程序中往往需要用到一些可配置的变量，从而使得程序能在不同的环境中运行，而众所周知，在实际的项目会存在多个不同的环境，不同的环境下，...

2020-05-27

65浏览

0评论

jQuery实现手机号正则验证输入及自动填充空格功能

本文实例讲述了jQuery实现手机号正则验证输入及自动填充空格功能。分享给大家供大家参考，具体如下：先来看看运行效果（在删除时连删即可）：具体代码：<!DOCTYPE html><html lang="en"...

2020-05-27

64浏览

0评论

AngularJS实现的锚点楼层跳转功能示例

本文实例讲述了AngularJS实现的锚点楼层跳转功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>anch...

2020-05-27

55浏览

0评论

AngularJS实现的简单拖拽功能示例

本文实例讲述了AngularJS实现的简单拖拽功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>www.jb51...

2020-05-27

51浏览

0评论

使用socket.io制做简易WEB聊天室

使用socket.io做一个简单的WEB聊天室，可消息私发，供大家参考，具体内容如下1. 创建一个空的工程目录空的目录命名为chat-web2. 创建package.json使用命令：npm init,会引导你设置p...

2020-05-27

52浏览

0评论

使用socket.io实现简单聊天室案例

本文实例为大家分享了socket.io实现简单聊天室的具体代码，供大家参考，具体内容如下1、客户端【index.html】代码：<body> <h3>socket简例</h3> <hr> <div id = 'app'> <di...

2020-05-27

75浏览

0评论

nodejs操作mongodb的填删改查模块的制作及引入实例

安装相关模块如果使用这个的话，你需要先自己安装一下他需要的模块，在根目录输入npm install mongodb --save进行模块安装，安装成功以后就可以进行以下的步骤。文件的引入以下是...

2020-05-27

46浏览

0评论

JS实现验证码倒计时的注册页面

原型图需求：手机号验证发送验证码之后开始60S倒计时60s以后如果没有填写验证码，可重新发送<!doctype html><html> <head> <meta charset="utf-8"> <title>注册</...

2020-05-27

60浏览

0评论

js原生方法被覆盖,从新赋值原生的方法

实现原理js的原生方法被覆盖掉以后，如果你还没让原生方法又从新指向一个新的变量名，那就gg了。所以，关键就是怎么再获取到原生的方法。实现的原理呢就是创建一个新的window对象...

2020-05-27

75浏览

0评论

js 将canvas生成图片保存,或直接保存一张图片的实现方法

将canvas数组保存function downLoadImage(canvas,name) { var a = document.createElement("a"); a.href = canvas.toDataURL(); a.download = name; a.click();}canvas...

2020-05-27

57浏览

0评论

js最简单的双向绑定实例讲解

把代码复制放到页面里面运行看一下效果就好了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="text" id=...

2020-05-27

48浏览

0评论

webpack实用小功能介绍

上一次分享了vue2-webpack3，大多都是一些基础的内容，本期继续分享一些webpack比较实用的功能1.overlayoverlay属于devServer的属性，配置案例如下：devServer: { overlay: { erro...

2020-05-27

58浏览

0评论

js阻止默认右键的下拉菜单方法

需求正常情况下，我们有可能遇到需要右键不显示下拉菜单的情况，让页面显得更加软件话，删除多余的功能，增加性能。实现代码 document.oncontextmenu = function (event) { event....

2020-05-27

74浏览

0评论

js 取消页面可以选中文字的功能方法

需求有时候需要做的仿软件的功能，就需要取消可以选中文字的功能。这个功能浏览器默认开启，我们就可以使用js取消掉该功能。代码document.onselectstart = function(){return f...

2020-05-27

51浏览

0评论

jQuery 实现左右两侧菜单添加、移除功能

效果图：JS代码　　　 function toRight(l, r, v) { $("#" + l + " option:selected").appendTo("#" + r); $("#" + l + " option:selected").remove(); var str = $("#...

2020-05-27

52浏览

0评论

nodejs+mongodb+vue前后台配置ueditor的示例代码

笔者在做一个个人博客项目的时候需要一个富文本框输入组件与后台进行交互，但是官方配置里面没有关于nodejs的，于是自己查阅资料研究了一下，最后终于应用到了系统中。一、后台配...

2020-05-27

67浏览

0评论

基于js文件加载优化(详解)

在js引擎部分，我们可以了解到，当渲染引擎解析到script标签时，会将控制权给JS引擎，如果script加载的是外部资源，则需要等待下载完后才能执行。所以，在这里，我们可以对其进行很多优...

2020-05-27

42浏览

0评论

Node.js搭建小程序后台服务

准备条件一台服务器
SSL证书，小程序规定必须要https协议
服务器后台Node.js
express
mongodb
pm2
下面以腾讯云主机(centos)为例安装Node.jsyum install nodejs
也可以安装nv...

2020-05-27

62浏览

0评论

vue引入ueditor及node后台配置详解

最近公司的某个客户要用上我们公司的产品，他的后台管理里的富文本编辑器要求有点多，开始打算用Quill，但是发现Quill根本满足不了他的需求。在调研了市面上的富文本编辑器后，最后...

2020-05-27

54浏览

0评论

angularjs实现分页和搜索功能

本文实例为大家分享了angularjs实现分页和搜索展示的具体代码，供大家参考，具体内容如下话不多说,上代码
<html class="no-js" ng-app="myApp"> <body ng-controller="mainCont...

2020-05-27

66浏览

0评论

Node使用Sequlize连接Mysql报错：Access denied for user ‘xxx’@‘localhost’

前言最近在工作中遇到问题，问题如下：Unhandled rejection SequelizeAccessDeniedError: Access denied for user 'lupeng'@'localhost' (using password: YES)这是Node在使用S...

2020-05-27

46浏览

0评论

Nodejs中crypto模块的安全知识讲解

互联网时代，网络上的数据量每天都在以惊人的速度增长。同时，各类网络安全问题层出不穷。在信息安全重要性日益凸显的今天，作为一名开发者，需要加强对安全的认识，并通过技术手段增...

2020-05-27

61浏览

0评论

Angular实现下拉框模糊查询功能示例

本文实例讲述了Angular实现下拉框模糊查询功能。分享给大家供大家参考，具体如下：前两天研究了一下angularjs，不得不说angularjs的mvc思想还是很强大的。对应偏重于数据处理的项...

2020-05-27

80浏览

0评论

js登录滑动验证的实现(不滑动无法登陆)

js的判断这里是根据滑块的位置进行判断，应该是用一个flag判断<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><%@ taglib prefix=...

2020-05-27

51浏览

0评论

js判断文件类型大小并给出提示的实现方法

上传文件是工作中常用的功能，不同的场景对不同的文件类型和文件大小都有不同的要求：<form id="uploadForm" method="post" class="layui-form"> <div class="layui-form-item...

2020-05-27

86浏览

0评论

利用原生js实现html5小游戏之打砖块（附源码）

前言PS：本次项目中使用了大量 es6 语法，故对于 es6 语法不太熟悉的小伙伴最好能先了解一些基本的原理再继续阅读。首先，先说明一下做这个系列的目的：其实主要源于博主希望熟练使...

2020-05-27

48浏览

0评论

不到200行 JavaScript 代码实现富文本编辑器的方法

前段时间在寻找一些关于富文本编辑器的资料，然后发现了这个名为 Pell 的项目，它是一个所见即所得（WYSIWYG）的文本编辑器，虽然它的功能很简单，但是令人吃惊的是它只有 1kb 大小。而...

2020-05-27

75浏览

0评论

vue项目中用cdn优化的方法

在我们写项目中，优化问题是不容忽视的，尤其是首屏优化更是重中之重，这里介绍两种方法优化方法—-cdn和异步加载，异步请看 https://www.freexyz.cn/article/110661.htm
1。cdn
首...

2020-05-27

51浏览

0评论

基于js 各种排序方法和sort方法的区别(详解)

今天突发奇想，想明白sort方法是否比各种排序都有优势，所以就参考别人的代码，做了一个测试，结果令人惊讶啊，上代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27

80浏览

0评论

JS实现的简单拖拽购物车功能示例【附源码下载】

本文实例讲述了JS实现的简单拖拽购物车功能。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8" /><title>使用拖放API将商品拖入购物车</title><style>body...

2020-05-27

46浏览

0评论

JavaScript基于面向对象实现的猜拳游戏

本文实例讲述了JavaScript基于面向对象实现的猜拳游戏。分享给大家供大家参考，具体如下：html代码：<!doctype html><html> <head> <meta charset="UTF-8"> <title>猜拳游戏</tit...

2020-05-27

71浏览

0评论

浅谈node模块与npm包管理工具

在Node.js中，以模块为单位划分所有的功能，并且提供了一个完整的模块加载机制，所以我们可以将应用程序划分为各个不同的部分，并且对这些部分进行很好的协同管理。通过将各种可重...

2020-05-27

70浏览

0评论

AngularJS实现的2048小游戏功能【附源码下载】

本文实例讲述了AngularJS实现的2048小游戏功能。分享给大家供大家参考，具体如下：先来看看运行效果图：具体代码如下：index.html：<!DOCTYPE html><html><head> <meta charset="utf...

2020-05-27

55浏览

0评论

vue、react等单页面项目应该这样子部署到服务器

最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html页面空白，刷新当前路由404。。。现在我们一起讨论下单页面如何部署到服...

2020-05-27

43浏览

0评论

Angular2学习笔记之数据绑定的示例代码

简介
使用插值表达式将一个表达式的值显示在模版上<img src="{{imgUrl}}" alt=""><h1>{{productTitle}}</h1>使用方括号将HTML标签的一个属性值绑定到一个表达式上<img [src...

2020-05-27

45浏览

0评论

详解Angular2学习笔记之Html属性绑定

简介
基本HTML属性<td [attr.colspan]="tableColspan"></td>Css 类绑定<div [class]="divClass">CSS 类绑定，[class] 全部替换的例子</...

2020-05-27

69浏览

0评论

微信小程序实现的贪吃蛇游戏【附源码下载】

本文实例讲述了微信小程序实现的贪吃蛇游戏。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：界面布局 pages/snake/snake/snake.wxml:<view c...

2020-05-27

178浏览

0评论

JS实现带导航城市列表以及输入搜索功能

本文实例为大家分享了JS实现带导航城市列表以及输入搜索功能展示的具体代码，供大家参考，具体内容如下实现功能：
1.加载城市列表，并生成索引（没有该索引的城市则无索引）
2.点击索引...

2020-05-27

54浏览

0评论

Three.js 再探 - 写一个微信跳一跳极简版游戏

那么这个游戏到底是简单到什么程度，差不多就是到下面这个程度吧源码地址: github.com/luosijie/th… 由于是第一次尝试写游戏, 也不知道套路对不对, 大家看着玩就好, 不要...

2020-05-27

67浏览

0评论

详解NODEJS的http实现

一、前言目前，HTTP协议是互联网上应用最为广泛的一种网络协议，也是前端er接触最多的一种协议。通过阅读http模块在nodejs中的实现，能够更深入的了解HTTP协议。HTTP协议是基于TC...

2020-05-27

61浏览

0评论

nodejs简单实现TCP服务器端和客户端的聊天功能示例

本文实例讲述了nodejs简单实现TCP服务器端和客户端的聊天功能。分享给大家供大家参考，具体如下：服务器端var net = require('net');var server = net.createServer();//聚合所...

2020-05-27

62浏览

0评论

JavaScript中的高级函数

在JavaScript中，函数的功能十分强大。它们是第一类对象，也可以作为另一个对象的方法，还可以作为参数传入另一个函数，不仅如此，还能被一个函数返回！可以说，在JS中，函数无处不在，无所不...

2020-05-27

63浏览

0评论

详解Angular5 服务端渲染实战

本文基于上一篇 Angular5 的文章继续进行开发，上文中讲了搭建 Angular5 有道翻译的过程，以及遇到问题的解决方案。随后改了 UI，从 bootstrap4 改到 angular material，这里不详...

2020-05-27

92浏览

0评论

浅谈vuex 闲置状态重置方案

前言大型单页应用（后面都是指spa），我们往往会通过使用状态管理器 vuex 去解决组件间状态共享与状态传递等问题。这种应用少则几十个单页，多则上百个单页。随着路由的频繁切换，每...

2020-05-27

113浏览

0评论

js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标

引言　　前段时间发了一个编辑器的插件，忙完后自己再次进行了详细的测试，然后心里冒出一句：“这谁写的这么奇葩的插件？完全没什么luan用啊！”自己做了让自己不满意的事，咋整？男人不...

2020-05-27

热门文章