JavaScript - 教程之家

66浏览

0评论

JQuery Ajax 异步操作之动态添加节点功能

异步操作动态添加节点，导致在代码中给添加的节点全局绑定事件或者获取元素无效，上代码：$(function () { var IP = '...'; // 页面中的默认编号起始值和公用IP前缀 showDat...

2020-05-27

63浏览

0评论

详解前后端分离之VueJS前端

前言前端用什么框架都可以，这里选择小巧的vuejs。要实现的功能很简单：
1、登录功能，成功将服务器返回的token存在本地
2、使用带token的header访问服务器的一个资源本次实验...

2020-05-27

59浏览

0评论

解决jQuery ajax动态新增节点无法触发点击事件的问题

在写ajax加载数据的时候发现，后面添加进来的demo节点元素，失去了之前的点击事件。为什么点击事件失效，我们该怎么去解决呢?其实最简单的方法就是直接在标签中写onclick=""，...

2020-05-27

76浏览

0评论

JS回调函数基本定义与用法实例分析

本文实例讲述了JS回调函数基本定义与用法。分享给大家供大家参考，具体如下：初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。我们先来看看回调的英文定义...

2020-05-27

60浏览

0评论

微信小程序选项卡的简单实例

微信小程序选项卡的简单实例看下效果
代码：home.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0 ? 'on'...

2020-05-27

64浏览

0评论

微信小程序支付功能（前端）的实现

微信小程序支付功能（前端）的实现只提供微信小程序端代码：
var app = getApp();Page({ data: {}, onLoad: function (options) { // 页面初始化 options为页面跳转所带来...

2020-05-27

74浏览

0评论

详解Vue 非父子组件通信方法（非Vuex）

一提到两个非父子组件通信方法，有经验的 coder 肯定会说用 Vuex 啊，我个人建议不要为了用 Vuex 而用 Vuex，除非你的项目很大，耦合度很高，需要大量的储存一些 data，组件之间通信频...

2020-05-27

71浏览

0评论

详解Vue使用命令行搭建单页面应用

使用命令行搭建单页面应用我们来看一下最后完成的效果：大纲1. 下载 node, git, npm2. 使用命令行安装一个项目一、下载工具node, git 的下载大家可以去官网自行下载就可以了...

2020-05-27

76浏览

0评论

很棒的vue弹窗组件

弹窗是一个项目必备的复用利器，所以封装起来，保证项目ui一致，是很有必要的。学了一段时间vue，想想还是用vue写一下吧。用的很小白，但是会写出来了，说明我也有进步一丢丢了。继续加...

2020-05-27

68浏览

0评论

微信小程序生命周期函数详解

微信小程序生命周期函数小程序中判断当前首页是从其他页面返回，还是由入口打开由于小程序的数据在我们退出小程序时并没有得到释放，因此再次点击开来数据依然没有变成初始化...

2020-05-27

79浏览

0评论

Bootstrap下拉菜单更改为悬停(hover)触发的方法

Bootstrap下拉菜单默认需要通过点击，才可以打开，在管理系统的开发过程中，使用悬停代替点击能减少一步操作，更人性化。下面是实现方式：<!DOCTYPE html><html> <head> <link hr...

2020-05-27

68浏览

0评论

微信小程序封装http访问网络库实例代码

微信小程序封装http访问网络库实例代码之前都是使用LeanCloud为存储，现在用传统API调用时做如下封装文档出处：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-reques...

2020-05-27

70浏览

0评论

jquery Form轻松实现文件上传

很久开始前就用这个插件了，每次都忘记具体的调用方法，特地写个demo记录下。
先上这个demo的传送门，恩！然后开始了...
①先是html
<a href="javascript:void(0)" class="j_upLoad...

2020-05-27

74浏览

0评论

详解微信小程序通过控制CSS实现view隐藏与显示

详解微信小程序通过控制CSS实现view隐藏与显示实现效果图：视图代码，使用变量控制隐藏类名 <scroll-view scroll-y="true" > <view class="user_freeback"> <view class="txt"...

2020-05-27

66浏览

0评论

微信小程序本地缓存数据增删改查实例详解

微信小程序本地缓存数据增删改查实例详解数据如：var user = { name: 'Lion', sex: 'guy' } CRUD：
// 添加 wx.setStorageSync('user', user);// 查询var developer = (wx.g...

2020-05-27

46浏览

0评论

bootstrap3使用bootstrap datetimepicker日期插件

没用过bootstrap2，所以之间的差异不清楚，但是看往上基本上都是说bootstrap2与bootstrap-datetimepicker的使用，之间会有不同，所以写下记录，如有不对之处，还请指正！网上下载bootstra...

2020-05-27

58浏览

0评论

React简单介绍

React 背景知识　　React 是一个用于构建用户界面的 JavaScript 库，主要用于构建 UI，而不是一个 MVC 框架，但可以使用 React 作为 MVC 架构的 View 层轻易的在已有项目中使用，它...

2020-05-27

83浏览

0评论

基于Vue的文字跑马灯组件(npm 组件包)

一、前言总结下最近工作上在移动端实现的一个跑马灯效果，最终效果如下：印象中好像HTML标签的‘marquee'的直接可以实现这个效果，不过 HTML标准中已经废弃了‘marquee'标签
既然...

2020-05-27

69浏览

0评论

js实现分页功能

本文仅为自己记录下编写过程，如有兴趣，或者疑问，请与我联系。写前背景:java开发工作经验一年，现项目为SSM框架，使用maven管理项目。需要页面查询实现分页，网上找了很多插件，单独页...

2020-05-27

64浏览

0评论

基于vue实现swipe轮播组件实例代码

项目背景
图片轮播是前端项目必有项，当前有很多效果很酷炫的轮播插件，例如Swiper。
但是当项目中的图片轮播只需要一个很简单的轮播样式，比如这样的我们引用这样一个110k的大插...

2020-05-27

82浏览

0评论

详解Vue中过度动画效果应用

一、实现动画过渡效果的几种方式实现动画必须要将要进行动画的元素利用<transition>标签进行包裹1、利用CSS样式实现过渡效果 <transition name="fade"></transition>1.v-en...

2020-05-27

71浏览

0评论

浅谈struts1 & jquery form 文件异步上传

1.概述还在用struts1？是的，在地球的没写地方，落后的生产方式还在运转(老项目).从继承org.apache.struts.action.Action，继承org.apache.struts.action.ActionForm开始吧2. 代...

2020-05-27

64浏览

0评论

Node.js操作redis实现添加查询功能

在实际开发中，免不了要操作mysql，mongodb，redis等数据存储服务器。这里先简单介绍如何操作redis。一个例子关于redis服务端的安装这里不再介绍，重点不在这里。感兴趣的可以自行...

2020-05-27

71浏览

0评论

jquery.masonry瀑布流效果

一、分别加载jquery插件与jquery.masonry插件<script src="js/jquery-1.8.1.min.js"></script><script src="js/jquery.masonry.min.js"></script>二、瀑布流局部样式代码.c...

2020-05-27

61浏览

0评论

jQuery模拟实现天猫购物车动画效果实例代码

一、功能描述： 1、点击购买按钮，模拟抛物线将物品弹到购物车里； 2、购物车添加物品后，显示+1动画；效果图如下：实现如下： 1、导入jquery相关的包：<script type="text/javascrip...

2020-05-27

73浏览

0评论

jQuery Masonry瀑布流布局神器使用详解

最近在做个网站时，其中有一部分涉及到很多图片布局，想采用比较流行的Water Flow布局。
开始的时候自己动手写的，真费事情，没有考虑检测图片大小，虽然也能达到布局效果，但是图片有...

2020-05-27

69浏览

0评论

Kotlin学习第一步 kotlin语法特性

今年 Google I/O 2017 开发者大会中，Google 宣布正式把 Kotlin 纳入 Android 程序的官方一级开发语言（First-class language），作为Android开发者，当然要逐步熟悉这门语言，第一步就...

2020-05-27

53浏览

0评论

Javascript 实现匿名递归的实例代码

递归是一种常见的编程技巧，实名递归相信大家都不陌生，但如果想要实现匿名递归呢？比如想要返回一个匿名递归函数，又或者是定义一个匿名递归函数并直接调用它，该怎样去做呢？本文将来...

2020-05-27

61浏览

0评论

基于vue实现swipe分页组件实例

项目背景图片轮播是前端项目必有项，当前有很多效果很酷炫的轮播插件，例如 Swiper 。但是当我们项目中的图片轮播只需要一个很简单的轮播样式，比如这样的
我们引用这样一个 110...

2020-05-27

62浏览

0评论

node.js操作mysql简单实例

上篇文章介绍了node.js操作redis的简单实例，这里介绍如何操作mysql。安装安装mysql模块cnpm install mysql一个例子新建一个mysql.js的文件，代码如下：连接配置1.host：主机地址（...

2020-05-27

79浏览

0评论

React-router 4 按需加载的实现方式及原理详解

React-router 4
介绍了在router4以后，如何去实现按需加载Component，在router4以前，我们是使用getComponent的的方式来实现按需加载的，router4中，getComponent方法已经被移除，下面...

2020-05-27

61浏览

0评论

node.js操作mongodb简单示例分享

前两篇文章我们介绍了nodejs操作redis和MySQL，下面简要测试一下nodejs操作mongodb：首先安装nodejs mongodbnpm install mongodb代码
var mongodb = require('mongodb');var se...

2020-05-27

53浏览

0评论

React-router中结合webpack实现按需加载实例

简要介绍：在React-router中，暴露了3个接口，如果结合webpack的code splitting，就通过切换路由实现按需加载。1.webpack的code splittingwebpack可以通过一些方法，来实现按需加载，暴...

2020-05-27

68浏览

0评论

Bootstrap实现的标签页内容切换显示效果示例

本文实例讲述了Bootstrap实现的标签页内容切换显示效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;...

2020-05-27

183浏览

0评论

slideToggle+slideup实现手机端折叠菜单效果

折叠菜单的效果，网上有很多的插件，比如bootstrap的 Collapse ，很好用也很简单，但是如果你使用的不是bootstrap框架，就会造成很多不必要的麻烦，比如默认样式被修改，代码冗余等等，一般...

2020-05-27

64浏览

0评论

AngularJs定时器$interval 和 $timeout详解

$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被...

2020-05-27

81浏览

0评论

js获取一组日期中最近连续的天数

用js获取一组日期(并把当天算入)中连续的天数，具体内容如下首先得有一组日期,比如:var arr = ['2016/02/28','2016/02/29', '2017/02/26', '2017/02/27','2017/02/28']; //日...

2020-05-27

93浏览

0评论

bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法

本文实例讲述了bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法。分享给大家供大家参考，具体如下：Bootstrap官网中，只介绍了breadcrumb的布局（如下图），未介绍使用方法，如何...

2020-05-27

52浏览

0评论

Angular 2.x学习教程之结构指令详解

结构指令是什么？
结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor 。了解 * 号语法
* 号是语法糖，用于避免使用复杂的语法...

2020-05-27

54浏览

0评论

vue-router实现webApp切换页面动画效果代码

vue-router实现webApp切换效果演示效果快速集成1.复制PageTransittion.vue到项目目录。2.修改router配置。Router.prototype.goBack = function () { this.isBack = true wi...

2020-05-27

86浏览

0评论

Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例

本文实例讲述了Bootstrap组件之下拉菜单,多级菜单及按钮布局方法。分享给大家供大家参考，具体如下：下拉菜单菜单： ,dropdown（.dropup改变这个是上显示） data-toggle="dropdown"...

2020-05-27

65浏览

0评论

Angular2学习教程之TemplateRef和ViewContainerRef详解

TemplateRef
在介绍 TemplateRef 前，我们先来了解一下 HTML 模板元素 - <template> 。模板元素是一种机制，允许包含加载页面时不渲染，但又可以随后通过 JavaScript 进行实例化...

2020-05-27

182浏览

0评论

jQuery滚动插件scrollable.js用法分析

本文实例讲述了jQuery滚动插件scrollable.js用法。分享给大家供大家参考，具体如下：Scrollable是一个灵活、轻量级用于创建滚动内容的jQuery插件。任何内容（HTML、视频、文件、...

2020-05-27

83浏览

0评论

基于VUE选择上传图片并页面显示（图片可删除）

基于VUE选择上传图片并在页面显示，图片可删除，具体内容如下demo例子：依赖文件：jqueryformHTML文本内容：<template> <div id="accident"> <div class="wrapper"> <i class="icon-p...

2020-05-27

73浏览

0评论

bootstrap+jQuery实现的动态进度条功能示例

本文实例讲述了bootstrap+jQuery实现的动态进度条功能。分享给大家供大家参考，具体如下：此款进度条实现的功能：1.利用了bootstrap的进度条组件。a.在最外层的<div>中加入class...

2020-05-27

60浏览

0评论

详解nodejs微信jssdk后端接口

写过了两个微信的页面，遇到了挺多不会的问题，当时也是自己边查资料，边实践完成了简单的需求，刚好现在有空，把之前的东西整理一遍。
与普通的手机页面不同的是，微信页面提供给你了...

2020-05-27

54浏览

0评论

AngularJS读取JSON及XML文件的方法示例

本文实例讲述了AngularJS读取JSON及XML文件的方法。分享给大家供大家参考，具体如下：<!doctype html><meta charset="UTF-8"><html ng-app='routingDemoApp'><head> <title>AJA...

2020-05-27

59浏览

0评论

AngularJS基于factory创建自定义服务的方法详解

本文实例讲述了AngularJS基于factory创建自定义服务的方法。分享给大家供大家参考，具体如下：为什么要创建自定义服务？很简单，不想让控制器显得过于“臃肿”，而且服务可复用。针...

2020-05-27

55浏览

0评论

angularjs项目的页面跳转如何实现（5种方法）

Angular页面传参有多种办法，根据不同用例，我举5种最常见的：
PS: 在实际项目中，请参照https://github.com/johnpapa/angular-styleguide优化您的代码。
1. 基于ui-router的页面跳...

2020-05-27

73浏览

0评论

JavaScript实现自动跳转文本功能

贴一段自动跳转文本的代码实现：实现代码：<html> <head> <title>文本跳转</title> <style type=text/css> body{ MARGIN-TOP: 10px; FONT-SIZE: 10p...

2020-05-27

热门文章