node.js操作mysql简单实例
上篇文章介绍了node.js操作redis的简单实例，这里介绍如何操作mysql。安装安装mysql模块cnpm install mysql一个例子新建一个mysql.js的文件，代码如下：连接配置1.host：主机地址 （...
2020-05-27
React-router 4 按需加载的实现方式及原理详解
React-router 4
介绍了在router4以后，如何去实现按需加载Component，在router4以前，我们是使用getComponent的的方式来实现按需加载的，router4中，getComponent方法已经被移除，下面...
2020-05-27
node.js操作mongodb简单示例分享
前两篇文章我们介绍了nodejs操作redis和MySQL，下面简要测试一下nodejs操作mongodb：首先安装nodejs mongodbnpm install mongodb代码
var mongodb = require('mongodb');var se...
2020-05-27
React-router中结合webpack实现按需加载实例
简要介绍：在React-router中，暴露了3个接口，如果结合webpack的code splitting，就通过切换路由实现按需加载。1.webpack的code splittingwebpack可以通过一些方法，来实现按需加载，暴...
2020-05-27
Bootstrap实现的标签页内容切换显示效果示例
本文实例讲述了Bootstrap实现的标签页内容切换显示效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;...
2020-05-27
slideToggle+slideup实现手机端折叠菜单效果
折叠菜单的效果，网上有很多的插件，比如bootstrap的 Collapse ，很好用也很简单，但是如果你使用的不是bootstrap框架，就会造成很多不必要的麻烦，比如默认样式被修改，代码冗余等等，一般...
2020-05-27
AngularJs定时器$interval 和 $timeout详解
$intervalwindow.setInterval的Angular包装形式。Fn是每次延迟时间后被执行的函数。间隔函数的返回值是一个承诺。这个承诺将在每个间隔刻度被通知，并且到达规定迭代次数后被...
2020-05-27
js获取一组日期中最近连续的天数
用js获取一组日期(并把当天算入)中连续的天数，具体内容如下首先得有一组日期,比如:var arr = ['2016/02/28','2016/02/29', '2017/02/26', '2017/02/27','2017/02/28']; //日...
2020-05-27
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
本文实例讲述了bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法。分享给大家供大家参考，具体如下：Bootstrap官网中，只介绍了breadcrumb的布局（如下图），未介绍使用方法，如何...
2020-05-27
Angular 2.x学习教程之结构指令详解
结构指令是什么？
结构指令通过添加和删除 DOM 元素来更改 DOM 布局。Angular 中两个常见的结构指令是 *ngIf 和 *ngFor 。了解 * 号语法
* 号是语法糖，用于避免使用复杂的语法...
2020-05-27
vue-router实现webApp切换页面动画效果代码
vue-router实现webApp切换效果演示效果快速集成1.复制PageTransittion.vue到项目目录。2.修改router配置。Router.prototype.goBack = function () { this.isBack = true wi...
2020-05-27
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
本文实例讲述了Bootstrap组件之下拉菜单,多级菜单及按钮布局方法。分享给大家供大家参考，具体如下：下拉菜单菜单： ,dropdown（.dropup改变这个是上显示） data-toggle="dropdown"...
2020-05-27
Angular2学习教程之TemplateRef和ViewContainerRef详解
TemplateRef
在介绍 TemplateRef 前，我们先来了解一下 HTML 模板元素 - <template> 。模板元素是一种机制，允许包含加载页面时不渲染，但又可以随后通过 JavaScript 进行实例化...
2020-05-27
jQuery滚动插件scrollable.js用法分析
本文实例讲述了jQuery滚动插件scrollable.js用法。分享给大家供大家参考，具体如下：Scrollable是一个灵活、轻量级用于创建滚动内容的jQuery插件。任何内容（HTML、视频、文件、...
2020-05-27
基于VUE选择上传图片并页面显示（图片可删除）
基于VUE选择上传图片并在页面显示，图片可删除，具体内容如下demo例子：依赖文件：jqueryformHTML文本内容：<template> <div id="accident"> <div class="wrapper"> <i class="icon-p...
2020-05-27
bootstrap+jQuery实现的动态进度条功能示例
本文实例讲述了bootstrap+jQuery实现的动态进度条功能。分享给大家供大家参考，具体如下：此款进度条实现的功能：1.利用了bootstrap的进度条组件。a.在最外层的<div>中加入class...
2020-05-27
详解nodejs微信jssdk后端接口
写过了两个微信的页面，遇到了挺多不会的问题，当时也是自己边查资料，边实践完成了简单的需求，刚好现在有空，把之前的东西整理一遍。
与普通的手机页面不同的是，微信页面提供给你了...
2020-05-27
AngularJS读取JSON及XML文件的方法示例
本文实例讲述了AngularJS读取JSON及XML文件的方法。分享给大家供大家参考，具体如下：<!doctype html><meta charset="UTF-8"><html ng-app='routingDemoApp'><head> <title>AJA...
2020-05-27
AngularJS基于factory创建自定义服务的方法详解
本文实例讲述了AngularJS基于factory创建自定义服务的方法。分享给大家供大家参考，具体如下：为什么要创建自定义服务？ 很简单，不想让控制器显得过于“臃肿”，而且服务可复用。针...
2020-05-27
angularjs项目的页面跳转如何实现（5种方法）
Angular页面传参有多种办法，根据不同用例，我举5种最常见的：
PS: 在实际项目中，请参照https://github.com/johnpapa/angular-styleguide优化您的代码。
1. 基于ui-router的页面跳...
2020-05-27
JavaScript实现自动跳转文本功能
贴一段自动跳转文本的代码实现：实现代码：<html> <head> <title>文本跳转</title> <style type=text/css> body{ MARGIN-TOP: 10px; FONT-SIZE: 10p...
2020-05-27
Angularjs 实现动态添加控件功能
实现下面这样的需求：点击增加一块数据盘，会出现数据盘选项。(1)最开始，想到原生JavaScript，jQuery (appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的...
2020-05-27
详解Javascript获取缓存和清除缓存API
JavaScript ServiceWorker API的好处就是让web开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当...
2020-05-27
Vue.js 中的 $watch使用方法
这两天学习了Vue.js 中的 $watch这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
github 源码 Observer, Watcher, vm 可谓 Vue 中比较重要的部分，检测数据变动后...
2020-05-27
BootStrap中的Fontawesome 图标
终于暂时的结束了winform迎来了B/S的项目，这个需要我们自己写前端页面，要用bootstrap搭页面，本人小白，正在慢慢摸索中，主要记录遇到的问题，及解决办法。第一个，显示时间选择的控件...
2020-05-27
vue-cli+webpack在生成的项目中使用bootstrap实例代码
在html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。脚...
2020-05-27
给Easyui-Datebox设置隐藏或者不可用的解决方法
我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用easyui进行搭建，easyui是一...
2020-05-27
AngularJS表单验证功能分析
本文实例讲述了AngularJS表单验证功能。分享给大家供大家参考，具体如下：在AngularJS的管辖下，每个表单form都会创建一个ngFormController的一个实例。在表单里面的每个input都...
2020-05-27
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：/** * Created by wuyakun on 2017/5/23. */let wxUtils = {};/** * 是否开启右上角Menu * @param open */wxUtils.optionM...
2020-05-27
JS中去掉array中重复元素的方法
今天看了廖雪峰的js教程，看到了filter的用法。其中用它来实现去除Array中重复元素的方法在这里记录下来。Filterfilter是一个常用的操作，它用于把Array的某些元素过滤掉，然后返...
2020-05-27
详解通过JSON数据使用VUE.JS
最近接到一个比较简单的项目，不准备使用数据库，打算用JSON数据就可以了。结合当前火热的VUE.JS进行数据渲染。尽管不打算使用数据库，可是一般的操作增删查改依旧是少不了的。如...
2020-05-27
vue.js获取数据库数据实例代码
vue.js动态获取数据库数据(通过vue.cli和webpack搭建的环境)1.首先我先在创建一个静态的data.json文件，在static下创建json文件夹，(webpack环境下，静态的文件放在static目录下)...
2020-05-27
详解Vue.js基于$.ajax获取数据并与组件的data绑定
Vue.js与jQuery不冲突？？？在实际的应用中，几乎90%的数据是来源于服务端的，前端和服务端之间的数据交互一般是通过ajax请求来完成的。
说到ajax请求，第一反应肯定想到了jQuery，项目...
2020-05-27
详解vue.js的devtools安装
安装1.github下载地址：https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.3.修改manifest.json 中的persi...
2020-05-27
Angularjs修改密码的实例代码
修改密码逻辑思维首先要输入旧的密码，判断旧的密码是否正确（后台判断）其次输入新的密码，判断新密码格式（可增加）最后判断新密码和确认密码输入是否一致html部分<form class="form-...
2020-05-27
mongoose中利用populate处理嵌套的方法
前言nodejs在使用mongdb数据库中经常会使用到嵌套，比如一个多级分类等。这里我使用学校-->学院-->学生来展示使用populate处理嵌套。定义modal
在模式中，我们需要使用Schema.O...
2020-05-27
jQuery导航条固定定位效果实例代码
实现效果图：
向下滑动时，导航栏固定代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:...
2020-05-27
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
先给大家展示下效果图：
核心代码如下所示：(‘.selectaddress').click(function () {//图一联系方式中的点击事件 top.layer.open({ id: “layer_say_hello”,...
2020-05-27
详解vue-cli快速构建项目以及引入bootstrap、jq
vue-cli脚手架工具快速构建项目架构：
。。首先默认了有已经安装了node。。。
npm install -g vue-cli 全局安装vue-cli
vue init webpack cnm...
2020-05-27
Agularjs妙用双向数据绑定实现手风琴效果
最近在工作总遇到需要实现类似手风琴效果的需求，如下图所示： 因为汇总（上半部分）和明细（下面的浅色部分）在不同的情况下显示的字段数量是不一样的，而且还有编辑和展示的状态切换，所...
2020-05-27
Angular2 之 路由与导航详细介绍
导航是很简单的，只是不同页面之间的切换，路由是实现导航的一种。一个url对应的一个页面，在angular2中是一个组件。定义一个规则。基础知识大多数带路由的应用都要在index.html...
2020-05-27
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
上一节随笔中，我们已经知道了关于jQuery插件ImgAreaSelect基本的知识；那么现在看一下实例：首先，要知道我们应该实现什么功能？（1）图片能够实现上传预览功能（2）拖拽裁剪图片，使其能够显...
2020-05-27
jQuery插件imgAreaSelect基础讲解
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等~~来具体看一下1、先下载imgAreaSelect插件下载地址：英文：http://odyniec...
2020-05-27
详解webpack打包vue时提取css
webpack打包vue项目的时候默认会把vue里的css打包到页面上。webpack.config.js里的plugins加上以下配置new webpack.LoaderOptionsPlugin({ test:/\.vue$/, options: {...
2020-05-27
Node.js中多进程模块Cluster的介绍与使用
前言我们都知道nodejs最大的特点就是单进程、无阻塞运行，并且是异步事件驱动的。Nodejs的这些特性能够很好的解决一些问题，例如在服务器开发中，并发的请求处理是个大问题，阻塞式...
2020-05-27
简单实现JavaScript弹幕效果
不知大家有没有感受到，弹幕又是另一出好戏！！
不过我个人还是比较排斥看电视的时候被出来的弹幕打扰。今天我们来写一个简单的弹幕。简单到什么程度呢？看下效果：
由图可以看出，我...
2020-05-27
react-router实现跳转传值的方法示例
前言本文主要给大家介绍了关于react-router跳转传值的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：react-router跳转传值1.引入包
import {hashHistory} from...
2020-05-27
react-redux中connect()方法详细解析
组件React-Redux将所有组件分为两大类：展示组件（UI组件），容器组件展示组件有以下几个特征： 只负责 UI 的呈现，不带有任何业务逻辑 没有状态（即不使用this.state这个变量） 所有数...
2020-05-27
Angularjs自定义指令Directive详解
今天学习angularjs自定义指令Directive。
Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin...
2020-05-27
BootStrap Table 后台数据绑定、特殊列处理、排序功能
本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能1.数据绑定 一般做程序设计，很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取，并做...
2020-05-27
