JavaScript - 教程之家

74浏览

0评论

JS解决移动web开发手机输入框弹出的问题

在移动web开发中和pc端不同的是，手机的输入是软键盘，这样就会有个问题，那就是当有输入的时候，键盘弹起来，整个页面难免会发生变化1、页面提高背景会出现不够用的现象，解决方法，在bo...

2020-05-27

63浏览

0评论

ES6使用let命令更简单的实现块级作用域实例分析

本文实例讲述了ES6使用let命令更简单的实现块级作用域。分享给大家供大家参考，具体如下：let 带来了更简单的块级作用域1. ES6新增了let命令，用于声明变量。其与var的不同在于，用...

2020-05-27

65浏览

0评论

nodejs使用express创建一个简单web应用

Express 在初始化一个项目的时候需要指定模板引擎，默认支持Jade和ejs。这里我们使用ejs模板引擎：（关于ejs的介绍可以先从百科里面了解一个大概）
EJS是一个JavaScript模板库，用来...

2020-05-27

50浏览

0评论

Node.js使用Express创建Web项目详细教程

序：如果你还不知道Node.js是什么，那么你可以先看看这篇：Node.js 究竟是什么？或者任何关于它的介绍。一、安装Node.js1.进入Node.js官网下载并安装2.启动cmd输入命令查看node及np...

2020-05-27

50浏览

0评论

基于AGS JS开发自定义贴图图层

1.前言假设一个景区有多张图片需要在地图上展示，并且随着地图的缩放而缩放（不是单纯的以气泡来展示）。如果利用传统方案，则是我们首先将图片纠正赋予地理信息，然后根据地图级别进...

2020-05-27

49浏览

0评论

ES6新数据结构Map功能与用法示例

本文实例讲述了ES6新数据结构Map功能与用法。分享给大家供大家参考，具体如下：新数据结构MapJavaScript中对象的本质是键值对的集合，但是键只能是字符串。为了弥补这种缺憾，ES6带...

2020-05-27

79浏览

0评论

ES6新数据结构Set与WeakSet用法分析

本文实例讲述了ES6新数据结构Set与WeakSet用法。分享给大家供大家参考，具体如下：新数据结构Set与WeakSet1. SetSet类似于数据，但是成员值都是唯一的。生成Set的方式如下。var s...

2020-05-27

45浏览

0评论

ES6新特性之Object的变化分析

本文实例讲述了ES6新特性之Object的变化。分享给大家供大家参考，具体如下：Object的变化1. ES6允许在对象中只写属性名，不写属性值，属性值为属性名对应的变量值。var a = 'hi';va...

2020-05-27

55浏览

0评论

Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )

Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于vue 2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news。本人在公...

2020-05-27

78浏览

0评论

微信小程序后台登录（非微信账号）实例详解

微信小程序后台登录实现效果图：最近写了一个工具类的小程序，按需求要求不要微信提供的微信账号登录，需要调取后台登录接口来登录。由于小程序大部分都是调取微信信息登录，很少...

2020-05-27

50浏览

0评论

ES6新特性之Symbol类型用法分析

本文实例讲述了ES6新特性之Symbol类型用法。分享给大家供大家参考，具体如下：Symbol类型1. 为了避免属性名的冲突，ES6新增了Symbol类型。Symbol可以产生一个独一无二的值。let s...

2020-05-27

102浏览

0评论

微信小程序页面间通信的5种方式

PageModel（页面模型）对小程序而言是很重要的一个概念，从app.json中也可以看到，小程序就是由一个个页面组成的。如上图，这是一个常见结构的小程序：首页是一个双Tab框架PageA和PageB...

2020-05-27

54浏览

0评论

js实现一个猜数字游戏

看你需要猜几次才能猜到那个正确的数字！效果图：代码如下：<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <tit...

2020-05-27

52浏览

0评论

JavaScript函数柯里化原理与用法分析

本文实例讲述了JavaScript函数柯里化原理与用法。分享给大家供大家参考，具体如下：柯里化是这样的一个转换过程，把接受多个参数的函数变换成接受一个单一参数(译注：最初函数的第...

2020-05-27

61浏览

0评论

angular.js+node.js实现下载图片处理详解

前言本文主要介绍的是angular.js+node.js实现下载图片处理，下载有两种方式，下面话不多说，来看看详细的介绍吧。第一种：不指定完整路径，然后发送get给server让server自己去拼接路...

2020-05-27

76浏览

0评论

angular.JS实现网页禁用调试、复制和剪切

一、angular根据环境配置禁用调试：// Disable debug data for production environment// @link https://docs.angularjs.org/guide/production$compileProvider.debugInfoEna...

2020-05-27

69浏览

0评论

微信小程序中wx.chooseAddress(OBJECT)实例详解

1、wx.chooseAddress(OBJECT)概述调起用户编辑收货地址原生界面，并在编辑完成后返回用户选择的地址。OBJECT参数说明代码实现if(wx.chooseAddress){ wx.chooseAddress({ suc...

2020-05-27

48浏览

0评论

node.js平台下的mysql数据库配置及连接

首先下载mysql模块包npm install mysql --save-dev专门为数据库创建一个模块，放入一个文件中。var mysql=require("mysql");exports.connect=function(sql,param,callback){...

2020-05-27

50浏览

0评论

ES6中Iterator与for..of..遍历用法分析

本文实例讲述了ES6中Iterator与for..of..遍历用法。分享给大家供大家参考，具体如下：Iterator与for..of..遍历1.Iterator概念遍历器（Iterator）是一种接口，为各种不同的数据结构提...

2020-05-27

63浏览

0评论

微信公众号菜单配置微信小程序实例详解

先提条件是你的公众号版定了小程序

第一种：直接配置

第二张：代码配置

1、进入在线接口调试工具

2、选择自定义菜单

菜单body为json格式:
{ "button":...

2020-05-27

50浏览

0评论

ES6中Generator与异步操作实例分析

本文实例讲述了ES6中Generator与异步操作。分享给大家供大家参考，具体如下：Generator与异步操作1.Generator概念可以把Generator理解成一个状态机（好像React中有很多state），封装...

2020-05-27

52浏览

0评论

JS+CSS实现下拉刷新/上拉加载插件

闲来无事，写了一个当下比较常见的下拉刷新/上拉加载的jquery插件，代码记录在这里，有兴趣将代码写成插件与npm包可以留言。体验地址：http://owenliang.github.io/pullToRefresh/...

2020-05-27

64浏览

0评论

JS正则获取HTML元素的方法

本文实例讲述了JS正则获取HTML元素的方法。分享给大家供大家参考，具体如下：var html = $("#summaryTemplate").html();var imageMath = /<img [^<,>]*(?=target-type=("|'...

2020-05-27

70浏览

0评论

Angularjs使用指令做表单校验的方法

前言
通常，使用angular做表单验证，一般都是把验证规则单独写为service，然后通过依赖注入的方式调用。在个别情况下，例如用户注册表单，需要根据用户输入给出不同提示信息，使用servi...

2020-05-27

56浏览

0评论

AngularJS1.X学习笔记2-数据绑定详解

上一篇从整体上认识了Angular，从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定，比如我所知道的ThinkPHP、struts等，只有实...

2020-05-27

73浏览

0评论

基于JavaScript实现验证码功能

本文实例为大家分享了JavaScript实现验证码的具体代码，供大家参考，具体内容如下1、一个简单的例子
新建 test.html
<!DOCTYPE html> <html> <meta http-equiv="Content-Type"...

2020-05-27

74浏览

0评论

JavaScript中闭包的详解

闭包是什么在 JavaScript 中，闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是：闭包，指的是词法表示包括不被计算的变量的函数，也就是说，函数可以使用函数之外定义的...

2020-05-27

59浏览

0评论

ES6 Promise对象概念与用法分析

本文实例讲述了ES6 Promise对象概念与用法。分享给大家供大家参考，具体如下：1.Promise概念Promise 对象有三种状态：① Fulfilled 可以理解为成功的状态
② Rejected 可以理解为...

2020-05-27

53浏览

0评论

关于Node.js的events.EventEmitter用法介绍

Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。Node.js里面的许多对象都会分发事件：一个net.Server对象会在每次有新连接时分发一个事件，一个fs.readStre...

2020-05-27

113浏览

0评论

原生JS实现九宫格抽奖效果

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> *{margin:0;paddin...

2020-05-27

57浏览

0评论

3分钟快速搭建nodejs本地服务器方法运行测试html/js

做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情首先：一般个人电脑没公司的配置性能好，其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库...

2020-05-27

53浏览

0评论

Linux CentOS系统下安装node.js与express的方法

前言最近因为工作需要，要安装使用node.js与express，但在网上找了很多步骤，各种问题，所以还是自己总结下吧。1、下载wget --no-check-certificate https://nodejs.org/dist/v6.10...

2020-05-27

95浏览

0评论

ES6(ECMAScript 6)新特性之模板字符串用法分析

本文实例讲述了ES6(ECMAScript 6)新特性之模板字符串用法。分享给大家供大家参考，具体如下：ES6引入了一种新型的字符串字面量语法，我们称之为模板字符串（template strings）。除了...

2020-05-27

78浏览

0评论

js实现音频控制进度条功能

效果图：代码如下：<!doctype html><html><head><meta name="author" content="dony"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="pragma" conten...

2020-05-27

51浏览

0评论

jq checkbox 的全选并ajax传参的实例

实例如下：/全选按钮 $("#all").click(function(){ if(this.checked){ $(":checkbox").prop("checked", true); }else{ $(":checkbox").removeAttr("c...

2020-05-27

48浏览

0评论

ES5学习教程之Array对象

前言ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，下面主要介绍了ES5中的Array对象，需要的朋友们一起来看看吧。一、创建 Array 对象的语法：new Array();new Arra...

2020-05-27

47浏览

0评论

ES6新特性之变量和字符串用法示例

本文实例讲述了ES6新特性之变量和字符串用法。分享给大家供大家参考，具体如下：一、变量1. LET我们都习惯用var 来声明变量，现在还可以用let来声明变量，两者的主要区别是作用域：va...

2020-05-27

59浏览

0评论

手机端转换rem适应

话不多说，请看代码： <script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.cl...

2020-05-27

71浏览

0评论

ES6新特性之数组、Math和扩展操作符用法示例

本文实例讲述了ES6新特性之数组、Math和扩展操作符用法。分享给大家供大家参考，具体如下：一、ArrayArray对象增加了一些新的静态方法，Array原型上也增加了一些新方法。1.Array....

2020-05-27

112浏览

0评论

Ajax异步文件上传与NodeJS express服务端处理

为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形（库文件可能造成多余的开销，拉低应用加载速度，尤其是在引入库文件之后仅使用其中一两个功能的情况下...

2020-05-27

77浏览

0评论

前端自动化开发之Node.js的环境搭建教程

一、为什么我们前端自动化开发
相信任何学开发的，不管学什么语言，老师都这样讲过，作为一名开发人员，你最大的精力应该是放在创造力上面，don't you repeat myself 不要重复自己，而...

2020-05-27

56浏览

0评论

jQuery UI Grid 模态框中的表格实例代码

在弹出的模态框中使用表格。在某些情况下，特别是 bootstrap modal，可能会出现表格渲染宽度过小或有时显示不完全。会误认为是由于 bootstrap modal 的动画渲染导致表格渲染时...

2020-05-27

88浏览

0评论

ES6新特性之解构、参数、模块和记号用法示例

本文实例讲述了ES6新特性之解构、参数、模块和记号用法。分享给大家供大家参考，具体如下：一、解构解构提供了一个方便的地从对象或数组中提取数据的方法，请看下面的例子：//ES6le...

2020-05-27

61浏览

0评论

Vue.js实战之组件之间的数据传递

前言Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue...

2020-05-27

64浏览

0评论

ES6新特性之模块Module用法详解

本文实例讲述了ES6新特性之模块Module用法。分享给大家供大家参考，具体如下：一、Module简介ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有...

2020-05-27

62浏览

0评论

ES6新特性之函数的扩展实例详解

本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下：一、函数参数默认值1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y =...

2020-05-27

62浏览

0评论

Vue.js实战之利用vue-router实现跳转页面

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn...

2020-05-27

76浏览

0评论

NodeJS基础API搭建服务器详细过程记录

前言在习惯了使用express框架，jade模板引擎等现成工具来写代码之后，很多人对于基本的NodeJS API会慢慢生疏。本文将以一个超小型web项目，来详细介绍如何使用NodeJS基础的http,...

2020-05-27

57浏览

0评论

ES6新特性之字符串的扩展实例分析

本文实例讲述了ES6新特性之字符串的扩展。分享给大家供大家参考，具体如下：一、ES5字符串函数concat: 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf: 返回字符...

2020-05-27

52浏览

0评论

JavaScript 事件流、事件处理程序及事件对象总结

JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件，以便事件发生时执行相应的代码。这种在传统...

2020-05-27

热门文章