JavaScript - 教程之家

100浏览

0评论

Angular.JS中的指令引用template与指令当做属性详解

一、引用template
对于指令，可以把它简单的理解成在特定DOM元素上运行的函数，指令可以扩展这个元素的功能。指令要生效，那么html头里面要<html lang="en" ng-app="app">制定ng-...

2020-05-27

75浏览

0评论

JavaScript mixin实现多继承的方法详解

本文实例讲述了JavaScript mixin实现多继承的方法。分享给大家供大家参考，具体如下：mixin简单通俗的讲就是把一个对象的方法和属性拷贝到另一个对象上，注意这个继承还是有区别...

2020-05-27

89浏览

0评论

vue2.0实现倒计时的插件(时间戳刷新跳转都不影响)

我发现好多倒计时的插件，刷新都会变成从头再来，于是自己用vue2.0写了一个，测试通过，直接上代码如下是组件代码：<template> <span :endTime="endTime" :callback="callback" :end...

2020-05-27

83浏览

0评论

JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法

本文实例讲述了JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法。分享给大家供大家参考，具体如下：事件的执行顺序绝对是让人头疼的问题。...

2020-05-27

62浏览

0评论

Angular.js去除页面中显示的空行方法示例

一、前提
在开始本文之前先设定，从server取下来的内容是一个html格式的内容，那么如下显示：<div class="article-view-content col-md-12 col-sm-12 col-xs-12 no-padding-left...

2020-05-27

61浏览

0评论

JavaScript观察者模式(publish/subscribe)原理与实现方法

本文实例讲述了JavaScript观察者模式(publish/subscribe)原理与实现方法。分享给大家供大家参考，具体如下：观察者模式又叫做发布订阅模式，它定义了一种一对多的关系，让多个观察...

2020-05-27

74浏览

0评论

详解Angular.js数据绑定时自动转义html标签及内容

angularJS在进行数据绑定时默认是以字符串的形式数据，也就是对你数据中的html标签不进行转义照单全收，这样提高了安全性，防止html标签的注入攻击，但有时候需要，特别是从数据库读...

2020-05-27

98浏览

0评论

Angular.JS去掉访问路径URL中的#号详解

本文目录 URL的#号问题找到错误原因静态网站的解决方案动态网站的解决方案
一、 URL的#号问题使用AngularJS的朋友都应该了解，AngularJS框架定义了自己的前端路由控...

2020-05-27

331浏览

0评论

JavaScript装饰器函数(Decorator)实例详解

本文实例讲述了JavaScript装饰器函数(Decorator)。分享给大家供大家参考，具体如下：装饰器函数(Decorator)用于给对象在运行期间动态的增加某个功能，职责等。相较通过继承的方式...

2020-05-27

71浏览

0评论

canvas绘制一个常用的emoji表情

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>装逼表情</title> <meta n...

2020-05-27

73浏览

0评论

Vuejs仿网易云音乐实现听歌及搜索功能

前言前端时间学了vue，一开始看了vue1.0，后来实在觉得技术总得实践，就直接上手vue2.0。然后花了将近一周时间做了一个网易云音乐的小项目。一开始觉得项目比较小，没必要用vuex所...

2020-05-27

74浏览

0评论

教你快速搭建Node.Js服务器的方法教程

前言
Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，也可以理解为服务器端运行的 JavaScript。JS 作为一门编程语言，是运行在称为 JS 运行时的虚拟机中的，而在 I/O 功能...

2020-05-27

64浏览

0评论

vue分类筛选filter方法简单实例

本文实例为大家分享了vue分类筛选filter方法的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title>filter</title> </head> <body> <div id=...

2020-05-27

57浏览

0评论

ES6中Proxy与Reflect实现重载(overload)的方法

本文实例讲述了ES6中Proxy与Reflect实现重载(overload)的方法。分享给大家供大家参考，具体如下：Proxy与Reflect实现重载(overload)从语法角度讲JavaScript不支持重载。原因很...

2020-05-27

56浏览

0评论

微信小程序中顶部导航栏的实现代码

微信小程序中顶部导航栏的实现实例代码：<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swich...

2020-05-27

57浏览

0评论

Angualrjs和bootstrap相结合实现数据表格table

AngularJS的数据表格需要使用angualarjs、bootstrap、dirPagination.js效果图：1.html部分<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app"><h...

2020-05-27

67浏览

0评论

Angularjs中使用指令绑定点击事件的方法

项目中，模板中的菜单是jQuery控制的，在Angularjs中就运行不到了，因为菜单项是ng-repeat之后的。如html
<ul id="main-menu"> <li class=""> <a href="javascript:;" rel="exte...

2020-05-27

88浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

60浏览

0评论

ES6新特性之Object的变化分析

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

124浏览

0评论

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

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

2020-05-27

72浏览

0评论

js实现一个猜数字游戏

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

91浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

第一种：直接配置

第二张：代码配置

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

2、选择自定义菜单

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

78浏览

0评论

JS正则获取HTML元素的方法

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

90浏览

0评论

基于JavaScript实现验证码功能

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

2020-05-27

88浏览

0评论

JavaScript中闭包的详解

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

2020-05-27

78浏览

0评论

ES6 Promise对象概念与用法分析

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

125浏览

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

71浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

热门文章