JavaScript - 教程之家

52浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

45浏览

0评论

angularjs实现分页和搜索功能

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

2020-05-27

55浏览

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

41浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

67浏览

0评论

vue项目中用cdn优化的方法

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

154浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

60浏览

0评论

详解NODEJS的http实现

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

57浏览

0评论

JavaScript中的高级函数

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

2020-05-27

59浏览

0评论

详解Angular5 服务端渲染实战

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

2020-05-27

84浏览

0评论

浅谈vuex 闲置状态重置方案

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

121浏览

0评论

jQuery封装animate.css的实例

animate.css是一个有趣的，跨浏览器的css3动画库。一、首先引入animate css文件<link rel="stylesheet" href="animate.css" rel="external nofollow" >二、给指定的元素加上...

2020-05-27

47浏览

0评论

vue-cli配置文件——config篇

最近一直在研究webpack，突然想看看vue-cli中的webpack是如何配置，查阅了很多相关的文章，所以也想出几篇关于vue-cli配置的东西。正所谓“工欲善其事必先利其器”嘛！这一篇主要是...

2020-05-27

65浏览

0评论

利用Vue2.x开发实现JSON树的方法

前言最近工作中遇到一个需求，由于项目需要一个解析 JSON 字符串并生成 JSON 树的功能，在 GitHub 上也没有找到合适的组件，因此基于 Vue2.X 自己写了一个 JSON 树组件，主要原理是...

2020-05-27

61浏览

0评论

Angular4学习之Angular CLI的安装与使用教程

简介
关于"Angular"版本，"Angular"官方已经统一命名Angular 1.x同一为Angular JS，Angular 2.x及以上统称"Angular"。
"CLI"是"Command Line Interface"的简写，是一种命令行接...

2020-05-27

70浏览

0评论

JS实现简易换图时钟功能分析

本文实例讲述了JS实现简易换图时钟功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...

2020-05-27

71浏览

0评论

Angular4学习教程之DOM属性绑定详解

前言DOM 元素触发的一些事件通过 DOM 层级结构传播，事件首先由最内层的元素开始，然后传播到外部元素，直到它们到根元素，这种传播过程称为事件冒泡。本文主要介绍了关于Angular4...

2020-05-27

56浏览

0评论

JS计算输出100元钱买100只鸡问题的解决方法

本文实例讲述了JS计算输出100元钱买100只鸡问题的方法。分享给大家供大家参考，具体如下：问题：公鸡5元一只,母鸡3元一只,小鸡1元买三只,我现在有100元钱要买100只鸡,问怎么买&#6...

2020-05-27

63浏览

0评论

JS基于for语句编写的九九乘法表示例

本文实例讲述了JS基于for语句编写的九九乘法表。分享给大家供大家参考，具体如下：js的功能非常强大,那么现在我们就用js里面的for循环来输出一个原汁原味的九九乘法表;先看运行...

2020-05-27

54浏览

0评论

Angular4学习教程之HTML属性绑定的方法

前言本文主要给大家介绍了关于Angular4 HTML属性绑定的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。简介
基本HTML属性<td [attr.colspan]="tabl...

2020-05-27

49浏览

0评论

Nodejs连接mysql并实现增、删、改、查操作的方法详解

本文实例讲述了Nodejs连接mysql并实现增、删、改、查操作的方法。分享给大家供大家参考，具体如下：一、准备nodejs的教程，大多以操作mongodb为示例。但是mongodb有一些局限性，具...

2020-05-27

87浏览

0评论

vue脚手架中配置Sass的方法

世界上最成熟、最稳定、最强大的专业级CSS扩展语言！兼容CSS
Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。特性丰富
Sass拥有比其他任...

2020-05-27

75浏览

0评论

解决JSON.stringify()自动将中文转译成unicode的问题

最近在工作中，发现在IE8下JSON.stringify()自动将中文转译为unicode编码，原本选择的中文字符，传到后台变为了unicode编码，即\u****的形式。查找资料后发现，与标准的JSON.stringif...

2020-05-27

73浏览

0评论

Node中使用ES6语法的基础教程

相关背景介绍
我们现在大多数人用的语法javascript 其实版本是ecmscript5,也是就es5。这个版本己经很多年了，且完美被各大浏览器所支持。所以很多学js的朋友可以一直分不清楚...

2020-05-27

47浏览

0评论

js中this对象用法分析

this对象是在函数运行时，基于函数的执行环境绑定的。
其实这句话的本质就是，谁调用了函数，this就指向谁具体的来说，通常有以下几种情况：全局函数
在全局环境中，this指向Window//例...

2020-05-27

53浏览

0评论

基于three.js编写的一个项目类示例代码

WebVR
在开始之前，先对WebVR进行介绍，WebVR是一个实验性的Javascript API，允许HMD（head-mounted displays）连接到web apps，同时能够接受这些设备的位置和动作信息。这让使用Javasc...

2020-05-27

74浏览

0评论

Vue组件的使用教程详解

官网： https://cn.vuejs.org/v2/guide/components.html 1.Vue组件的介绍组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高...

2020-05-27

60浏览

0评论

JS交互点击WKWebView中的图片实现预览效果

Swift 4.0 WKWebView1.注入js代码（重点）func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { let jsGetImages = "function getImages(){" +...

2020-05-27

热门文章