JavaScript - 教程之家

86浏览

0评论

基于Bootstrap模态对话框只加载一次 remote 数据的解决方法

摘要: 前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中，但是它只会加载一次，不...

2020-05-27

64浏览

0评论

AngularJS实用基础知识_入门必备篇(推荐)

前言今天来和大家学习一下AngularJS……AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序。AngularJS 学习起来非常简单。一、AngularJ...

2020-05-27

74浏览

0评论

基于easyui checkbox 的一些操作处理方法

1、获取已勾选的行：var rows = $('#datagrid').datagrid('getChecked');2、判断checkbox是否全选：var allFlg = $(".datagrid-header-check").find("input").is(":checked");3...

2020-05-27

62浏览

0评论

AugularJS从入门到实践(必看篇)

前言前端 AngularJS是为了克服HTML在构建应用上的不足而设计的。（引用百度百科）AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我...

2020-05-27

65浏览

0评论

vue.js实现备忘录功能的方法

这个vue实现备忘录的功能demo是K在github上找到的，K觉得这是一个用来对vue.js入门的一个非常简单的demo，所以拿在这里共享一下。（尊重他人劳动成果，从小事做起~ demo原github地...

2020-05-27

77浏览

0评论

JS 判断某变量是否为某数组中的一个值的3种方法(总结)

1.正则表达式js 中判断某个元素是否存在于某个 js 数组中，相当于 PHP 语言中的 in_array 函数。Array.prototype.in_array=function(e){var r=new RegExp(','+e+',');return...

2020-05-27

142浏览

0评论

JavaScript 程序错误Cannot use 'in' operator to search的解决方法

今天编程时，JavaScript 程序报了这样的错误：Cannot use 'in' operator to search for...，具体错误信息如下：
坦白说，这样的错误最难调试。因为它并不指向你所写的具体代码，而是泛...

2020-05-27

50浏览

0评论

angular实现spa单页面应用实例

本篇文章是对单页面的一个简单的基本逻辑操作，这个方法可以搭建基本的单页面的逻辑结构。简单理解：单页面应用，锚点值切换，一个路由对应一个页面。路由：此时会创建一个信息保存路...

2020-05-27

82浏览

0评论

Angular X中使用ngrx的方法详解（附源码）

前言ngrx 是 Angular框架的状态容器，提供可预测化的状态管理。下面话不多说，来一起看看详细的介绍：1.首先创建一个可路由访问的模块这里命名为：DemopetModule。包括文件：demopet...

2020-05-27

57浏览

0评论

基于jQuery Easyui实现登陆框界面

效果图CSSa{ text-decoration:none;}body{ margin:0px;}#header{ width:100%; height:30px; background-color:#E0EFFF; padding-top: 5px; padding-bottom: 10px;}#...

2020-05-27

77浏览

0评论

Node.js+Express+MySql实现用户登录注册功能

本文实例为大家分享了Node.js实现用户登录注册的具体代码，供大家参考，具体内容如下IDE：WebStorm
工程目录：数据库表 Login.js:
/** * Created by linziyu on 2017/7/8. *//**...

2020-05-27

98浏览

0评论

vue.js组件之间传递数据的方法

前言组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。组件组件与组件...

2020-05-27

103浏览

0评论

require.js中的define函数详解

前言模块不同于传统的脚本文件，它良好地定义了一个作用域来避免全局名称空间污染。它可以显式地列出其依赖关系，并以函数(定义此模块的那个函数)参数的形式将这些依赖进行注入...

2020-05-27

92浏览

0评论

深入浅析Node.js单线程模型

Node.js采用事件驱动和异步I/O 的方式，实现了一个单线程、高并发的运行时环境，而单线程就意味着同一时间只能做一件事，那么Node.js如何利用单线程来实现高并发和异步I/O？本文...

2020-05-27

71浏览

0评论

Vue2路由动画效果的实现代码

这篇文章主要讲的是路由切换的时候动画效果的实现，可以根据不同的路径去改变动画的效果，以下就是源码，可供参考：
<template> <div id="app"> <transition :name="transition...

2020-05-27

64浏览

0评论

Vue实现virtual-dom的原理简析

virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好...

2020-05-27

58浏览

0评论

Vue 2.0的数据依赖实现原理代码简析

首先让我们从最简单的一个实例Vue入手: const app = new Vue({ // options 传入一个选项obj.这个obj即对于这个vue实例的初始化 })通过查阅文档，我们可以知道这个option...

2020-05-27

48浏览

0评论

underscore之Chaining_动力节点Java学院整理

还记得jQuery支持链式调用吗？$('a').attr('target', '_blank') .append(' <i class="uk-icon-external-link"></i>') .click(function () {});如果我们有一组操作，用under...

2020-05-27

66浏览

0评论

Angular.js组件之input mask对input输入进行格式化详解

前言最近因为项目的需要，经常有一些对input输入进行格式化的需求，以前做的时候在js中写指令进行处理，但是这样又要在js或者在java代码中将请求的数据进行还原，很是麻烦，于是在网...

2020-05-27

44浏览

0评论

underscore之Collections_动力节点Java学院整理

underscore为集合类对象提供了一致的接口。集合类是指Array和Object，暂不支持Map和Set。map/filter和Array的map()与filter()类似，但是underscore的map()和filter()可以作用于...

2020-05-27

58浏览

0评论

Angular.js ng-file-upload结合springMVC的使用教程

前言本文主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC使用的相关内容，对于Angular.js文件上传控件ng-file-upload不熟悉的朋友们可以先看看这篇...

2020-05-27

62浏览

0评论

Underscore之Array_动力节点Java学院整理

underscore为Array提供了许多工具类方法，可以更方便快捷地操作Array。
first / last
顾名思义，这两个函数分别取第一个和最后一个元素：
'use strict';var arr = [2, 4, 6, 8];_...

2020-05-27

472浏览

0评论

jQuery实现QQ空间汉字转拼音功能示例

本文实例讲述了jQuery实现QQ空间汉字转拼音功能。分享给大家供大家参考，具体如下：html：<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta...

QQ

2020-05-27

52浏览

0评论

基于JS实现仿京东搜索栏随滑动透明度渐变效果

废话不多说，直接上代码：1、HTML<header class="module-layer"> <div class="module-layer-content"> <div class="search-box-cover"></div> <p class="layer-return"></...

2020-05-27

51浏览

0评论

激动人心的 Angular HttpClient的源码解析

Angular 4.3.0-rc.0 版本已经发布🐦。在这个版本中，我们等到了一个令人兴奋的新功能 - HTTPClient API 的改进版本，以后妈妈再也不用担心我处理 HTTP 请求了😆...

2020-05-27

59浏览

0评论

vue实现表格数据的增删改查

在管理员的一些后台页面里，个人中心里的数据列表里，都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里，我们可以录入新用户的信息，也可以对既有的用户信息进行...

2020-05-27

78浏览

0评论

Javascript调试之console对象——你不知道的一些小技巧

前言写过前端Javascript代码的同学肯定不会对console对象感到陌生，在调试的过程中我们经常会用console对象在控制台输出一些常量或者变量。但是相信很多人也就只用过console....

2020-05-27

74浏览

0评论

vue轮播图插件vue-awesome-swiper的使用代码实例

最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：
第一...

2020-05-27

58浏览

0评论

vue移动端裁剪图片结合插件Cropper的使用实例代码

之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。
当然，使用就安装 npm install cropperjs
接着再引入 import Cropper from...

2020-05-27

58浏览

0评论

jQuery实现html table行Tr的复制、删除、计算功能

本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考，具体如下：添加行：function addtr(){ var tr = $("#tb tr").eq(0).clone(); tr.app...

2020-05-27

58浏览

0评论

在vue中获取dom元素内容的方法

在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素，以下是个例子，可以当做参考<template> <div> <div id="box" ref="mybox"> DEMO </div...

2020-05-27

67浏览

0评论

使用Webpack提高Vue.js应用的方式汇总(四种)

Webpack是开发Vue.js单页应用程序的重要工具。通过管理复杂的构建步骤，你可以更轻松地开发工作流程，并优化应用程序的大小和性能。　　其中介绍下面四种方式：单个文件组件...

2020-05-27

63浏览

0评论

Angular2生命周期钩子函数的详细介绍

Angular每个组件都存在一个生命周期，从创建，变更到销毁。Angular提供组件生命周期钩子，把这些关键时刻暴露出来，赋予在这些关键结点和组件进行交互的能力，掌握生命周期，可以让我们...

2020-05-27

62浏览

0评论

jquery.validate.js 多个相同name的处理方式

1、将引入的插件：jquery.validate.js 第484行的代码注释：// select only the first element for each name, and only those with rules specified　　//if ( this.name in ru...

2020-05-27

93浏览

0评论

nodejs接入阿里大鱼短信验证码的方法

之前做过nodejs接入阿里大鱼短信验证码的方法，最近需要回顾，就顺便发到随笔上了1. 阿里云上申请accessKey如果已经申请过了，则可以直接使用。否则，首先点击右上角个人信息下拉菜...

2020-05-27

73浏览

0评论

在Vue中使用echarts的实例代码（3种图）

前言公司的项目中需要对数据做可视化处理，高级点的D3.js目前还没接触到，因此选用了大众化的Echarts, 在vue的生态系统中已经有实现好的vue-echarts，但是使用现成的就意味着必须...

2020-05-27

67浏览

0评论

angular学习之从零搭建一个angular4.0项目

话说现在angular更新迭代太快了，从前几年用angular版本去搭建项目时还是1.x版本，到现在都已经是angular4.0了（直接跳过了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下...

2020-05-27

95浏览

0评论

vue音乐播放器插件vue-aplayer的配置及其使用实例详解

昨天在vue的官网上看到vue-aplayer这个音乐播放器的插件，由于个人有比较喜欢音乐，所以就拿过来玩一玩，感觉还是比较实用的，界面美观。
首先，我们先安装 npm install vue-aplayer...

2020-05-27

50浏览

0评论

关于js中的鼠标事件总结

js中鼠标事件主要有onclick，onmousedown，onmouseup，oncontextmenu，ondblclick,所有的这些事件都包含有一个事件对象event，当然在IE低版本下，event对象是挂在window底下的。这个我...

2020-05-27

59浏览

0评论

自定义事件解决重复请求BUG的问题

现在，组件化开发还是比较流行的，毕竟其优点相当突出。最近在开发一个组件的时候，遇到了一个很有意思的BUG。。。BUG的背景最近在开发一个组件，好不容易开发好了转测试。然后，测试...

2020-05-27

63浏览

0评论

网页中的图片查看器viewjs使用方法

需求分析：对于网页中的图片进行连续放大（便于用户清晰查看内容）、缩小，旋转等操作，可以使用viewjs图片查看器插件实现。viewjs官方网址：https://github.com/fengyuanchen/viewerjs...

2020-05-27

87浏览

0评论

实例讲解DataTables固定表格宽度(设置横向滚动条)

当表格的列比较多的时候，可能就需要固定表格的宽度了，默认的100%宽已经不适应了。默认的100%宽要实现改变窗口大小也100%的话，在table元素上添加width="100%",至于css的100%为...

2020-05-27

72浏览

0评论

Vue中父组件向子组件通信的方法

Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述。下面通过本文给大家分享Vue中父组件向子组件通信的方法，具体内容详情如下所示：props组件实例的作用域是...

2020-05-27

74浏览

0评论

使用jQuery实现动态添加小广告

览网站的时候，有些网站总是在右下角，左上角或者其他地方投放广告。我用jQuery试着自己做了一个，代码如下，如有不对的地方请各位不吝赐教<!DOCTYPE html><html xmlns="http://www...

2020-05-27

66浏览

0评论

javascript 玩转Date对象(实例讲解)

前言：最近在做一个日期选择功能，在日期转换的时候经常换到晕，总结一下常用的Date对象的相关用法，方便日后直接查看使用～1. new Date()的使用方法有：不接收任何参数：返回当前时间；接...

2020-05-27

76浏览

0评论

nodejs开发微信小程序实现密码加密

微信小程序开发--实现密码加密具体步骤：
在utils中的util.js 文件中增加函数实现字符串转换为16进制加密后的字符串：function encodeUTF8(s) {var i, r = [], c, x;for (i...

2020-05-27

50浏览

0评论

vue.js内部自定义指令与全局自定义指令的实现详解（利用directive）

前言大家都知道在Vue中，我们平时数据驱动视图时候，内部自带的指令有时候解决不了一些需求，这时候，Vue给我们一个很好用的东东来实现自定义指令，这就是directive。下面话不多说了，...

2020-05-27

71浏览

0评论

react-native 封装选择弹出框示例(试用ios&android)

在开发 App 的时候，经常会使用到对话框（又叫消息框、提示框、告警框）。在web开发中经常会用得到。今天就来介绍了一下react-native 封装弹出框
之前看到react-native-image-pi...

2020-05-27

68浏览

0评论

ReactNative之键盘Keyboard的弹出与消失示例

在开发中经常遇到需要输入的地方，所以就学习了一下ReactNative键盘Keyboard的弹出与消失的方法，留个笔记。
今天我们来说下RN对键盘事件的支持。
在React-native 的Component...

2020-05-27

53浏览

0评论

手把手教你搭建ES6的开发运行环境

前言ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开...

2020-05-27

热门文章