Bootstrap进度条与AJAX后端数据传递结合使用实例详解
很多时候，我们执行页面上某个URL请求的时候，需要有等待的时间。如果是直接的页面跳转，浏览器会有缓冲进度展示，但是如果是AJAX，我觉得应该自己加上进度条，等待数据全部接收到之后，...
2020-05-27
源码分析Vue.js的监听实现教程
前言相信一说到监听，当然就离不了设计模式中鼎鼎大名的观察者模式。举个例子，你家后院着火了，可一定要等到烟雾很大火光很亮你才能发现啊，可是当你安装了一个火灾预警器，当发生火...
2020-05-27
基于JavaScript实现类名的添加与移除
方法1：使用className属性；方法2：使用classList API；//用于匹配类名存在与否function reg(name){ return new RegExp('(^|\\s)'+name+'(\\s+|$)');}//hasClass addClass removeCl...
2020-05-27
使用jQuery ajaxupload插件实现无刷新上传文件
项目中会经常用到AJAX无刷新上传图片，但是iframe上传和flash插件都是比较复杂的，所以就找了一个jquery的插件。代码如下使用方法如下<script type="text/javascript">$(functi...
2020-05-27
Node+Express+MongoDB实现登录注册功能实例
注入MongoDB 依赖var mongoose = require("mongoose");由于需要进行表单处理，需要用到bodyParser中间件bodyParser模块来做文件解析，将表单里的数据进行格式化var bodyParser...
2020-05-27
Javascript操作dom对象之select全面解析
html代码： <select id="university"><option value="北京大学">北京大学</option><option value="清华大学">清华大学</option><option value="北京电影学院">北京电影学...
2020-05-27
关于angular js_$watch监控属性和对象详解
$Watch：(监听一个model,当一个model每次改变时，都会触发第二个函数)$watch('watchFn',watchAction,deepWatch)watchFn：带有Angular 表达式或者函数的字符串，它会返回被监控的数...
2020-05-27
Angular中使用$watch监听object属性值的变化(详解)
Angular中的$watch可以监听属性值的变化，然后并做出相应处理。常见用法：$scope.$watch("person", function(n, o){ //todo something...}) 但是对于一个对象中的某个属性值变...
2020-05-27
详谈angularjs中路由页面强制更新的问题
有这么一个问题，在页面内路由页面跳转时，第一次跳入路由页面时是正常的，但是第二次会记住第一次时的状态，有时候并不想这样，想强制更新这个路由页面。有一种方式就是使用 ui-sref...
2020-05-27
使用ionic播放轮询广告的实现方法(必看)
使用ionic中的ion-slide-box实现，下面是完整的代码示例：<!DOCTYPE html><html ng-app="app"><head> <meta charset="utf-8"> <title>ionic-demo</title> <link href="../li...
2020-05-27
老生常谈angularjs中的$state.go
路由是这么定义的：$stateProvider .state('page1', { url: '/page1', templateUrl: 'views/page1.htm', controller: 'page1Ctrl' }) .state('page2', {...
2020-05-27
浅谈angularjs中响应回车事件
下面这个示例在输入框键入回车键或者点击按钮时，将输入框的值置为"Hello World!"：（黄色背景内容为响应回车事件涉及到的代码）<html ng-app="myApp"><head> <meta charset="utf-...
2020-05-27
angularjs中回车键触发某一事件的方法
要求：在输入框中输入值以后，按回车键触发某一事件的执行html：<input id="input" name="input" ng-model="querykdUser.page.pageSize" ng-keyup="myKeyup($event)" class="form...
2020-05-27
浅谈angularjs依赖服务注入写法的注意点
angular.js一个很好的特性是其服务能自动依赖注入：如你想使用$http服务，只需申明你要使用即可但我们看看下面两种写法：第一种
messageService.factory('messageService', func...
2020-05-27
angularjs中的$eval方法详解
在controller中定义了一个变量$scope.a_1 = "abc";想在view里面动态输出，因为这个数字是动态的，这么输出肯定是不行的{{'a_' + '1'}}，因为输出来的是a_1这个字符串，而不是a_1这...
2020-05-27
nodejs入门教程一：概念与用法简介
本文实例讲述了nodejs概念与用法。分享给大家供大家参考，具体如下：一. nodejs 的特点1.nodejs 是一个javaScript 的运行平台，采用了Google Chrome浏览器的V8引擎。2.拥有事件驱...
2020-05-27
nodejs入门教程二：创建一个简单应用示例
本文实例讲述了nodejs创建一个简单应用的方法。分享给大家供大家参考，具体如下：1.创建 test.js// require 来载入 http 模块var http = require('http');/** * 使用 http.crea...
2020-05-27
js前端实现图片懒加载(lazyload)的两种方式
在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速...
2020-05-27
nodejs入门教程三：调用内部和外部方法示例
本文实例讲述了nodejs入门教程之调用内部和外部方法。分享给大家供大家参考，具体如下：1.创建fun.jsvar fun3 = require('./fun3');var fun2 = require('./fun2');function fun...
2020-05-27
jquery实现异步加载图片（懒加载图片一种方式）
首先将插件在jq后面引入
(function($) { // alert($.fn.scrollLoading); $.fn.scrollLoading = function(options) { var defaults = {...
2020-05-27
jquery submit()不能提交表单的解决方法
今天写表单提交的时候需要增加一个确认提示，所以没有使用submit按钮提交，改用jq的submit()，然后问题了
<form class="form-horizontal m-t" method="post" action="@Url.Actio...
2020-05-27
nodejs入门教程四：URL相关模块用法分析
本文实例讲述了nodejs入门教程之URL相关模块用法。分享给大家供大家参考，具体如下：1.URL 模块：用于 URL 处理与解析1）URI 与 URL ：URI，是uniform resource identifier，统一资源标识...
2020-05-27
Angular.js中控制器之间的传值详解
前言每个controller都会有自己的scope，所有的scope都是属于 $rootScope的子或者子的子...那么问题就好解决了，通过 $rootScope.$broadcast 广播的事件每个controller都能收到...
2020-05-27
nodejs入门教程五：连接数据库的方法分析
本文实例讲述了nodejs入门教程之连接数据库的方法。分享给大家供大家参考，具体如下：参考文章链接： nodejs连接mysql1.准备工作在nodejs中没有mysql模块，但npm中提供了mysql，所以...
2020-05-27
Nodejs进阶：express+session实现简易登录身份认证
文档概览
本文基于express、express-session实现了简易的登录/登出功能，完整的代码示例可以在这里找到。环境初始化
首先，初始化项目express -e然后，安装依赖。npm install接着...
2020-05-27
nodejs入门教程六：express模块用法示例
本文实例讲述了nodejs入门教程之express模块用法。分享给大家供大家参考，具体如下：/** * Created by Dason on 2017/3/28. */var express = require('express');var morgan =...
2020-05-27
JS简单获取日期相差天数的方法
本文实例讲述了JS简单获取日期相差天数的方法.分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>JS日期相差天数</title></head><body><SCRIPT LANGU...
2020-05-27
JS实现加载和读取XML文件的方法详解
本文实例讲述了JS实现加载和读取XML文件的方法。分享给大家供大家参考，具体如下：有时在开发时用到 JS 加载和读取XML文件的情况，写下提供参考，这里主要是分两步完成：1. JS加载XML...
2020-05-27
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
最近在搞毕业设计想趁机学学前端知识，于是就应用了目前比较流行的vue框架来进行数据显示，使用BootStrap进行简单的样式编写1.第一步肯定是包的导入了目前对node.js还不是很了...
2020-05-27
angular中实现控制器之间传递参数的方式
在angular中，每个controller（控制器）都会有自己的$scope，通过为这个对象添加属性赋值，就可以将数据传递给模板进行渲染，每个$scope只会在自己控制器内起作用，而有时候需要用到其他...
2020-05-27
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
本文实例讲述了JS实现获取图片大小和预览的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...
2020-05-27
详解在Angularjs中ui-sref和$state.go如何传递参数
1 ui-sref、$state.go 的区别ui-sref 一般使用在 <a>...</a>；<a ui-sref="message-list">消息中心</a>$state.go('someState')一般使用在 controller里面；.controller('firstC...
2020-05-27
详解AngularJS ui-sref的简单使用
此篇关于AngularJS ui-sref的简单使用，最近刚好学习，就顺便发到随笔上了
具体用法：<a ui-sref="man">男人</a>这是一个非常简单的ui-sref的使用，当JavaScript重新生成网页时，它会...
2020-05-27
详解AngularJS 路由 resolve用法
ng-route模块中的when()和ui-route的state()都提供了resolve属性。
为什么需要使用resolve？
当路由切换的时候，被路由的页面中的元素（标签）就会立马显示出来，同时，数据会被准备...
2020-05-27
Angular2使用Guard和Resolve进行验证和权限控制
我们在开发web应用时，在服务器端都会控制某种或某个用户是否有权限调用某个接口。在前端，我们除了根据用户的角色或其他特性来控制一些页面元素是否显示以外，也需要控制用户是...
2020-05-27
浅析Angular2子模块以及异步加载
用Angular2开发一个大型的应用，我们通常都需要分模块进行开发。例如将某一个功能的相关页面和功能放在一个模块里面，这样既可以实现系统的松耦合，给开发和后期的维护带来很大的...
2020-05-27
详解nodejs express下使用redis管理session
Session实现原理实现请求身份验证的方式很多，其中一种广泛接受的方式是使用服务器端产生的Session ID结合浏览器的Cookie实现对Session的管理，一般来说包括以下4个步骤：
1.服务...
2020-05-27
利用Vue.js+Node.js+MongoDB实现一个博客系统（附源码）
前言这篇文章实现的博客系统使用 Vue 做前端框架，Node + express 做后端，数据库使用的是 MongoDB。实现了用户注册、用户登录、博客管理（文章的修改和删除）、文章编辑（Markdown）、...
2020-05-27
js实现延迟加载的几种方法
js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：1.使用setTimeout延迟方法的加载时间延迟加载js代码，给网页加载留出更多时间<script type="text/javascript"...
2020-05-27
Vue.js 2.0学习教程之从基础到组件详解
前言最近这段时间里不停的做着Vue的技术分享，虽然不是什么深层次的代码底能架构，如果底层架构真说出来，我就不会做Vue.js 2.0从基础到组件了，就会分享Vue从底层到还是到底层。我...
2020-05-27
整理一些最近经常遇到的前端面试题
前言本文主要整理了一些最近遇到的前端面试题，方便大家在面试前有所准备，文中给出了详细的解答，下面话不多说了，来看看详细的介绍吧。1、标签属性中title和alt的区别
答:title是...
2020-05-27
Javascript中类式继承和原型式继承的实现方法和区别之处
在所有面向对象的编程中，继承是一个重要的话题。一般说来，在设计类的时候，我们希望能减少重复性的代码，并且尽量弱化对象间的耦合（让一个类继承另一个类可能会导致二者产生强耦合...
2020-05-27
ES6学习笔记之正则表达式和字符串正则方法分析
本文实例讲述了ES6正则表达式和字符串正则方法。分享给大家供大家参考，具体如下：RegExp构造函数在ES5中，RegExp构造函数的参数有两种情况。第一种情况是，参数是字符串，这时第二个...
2020-05-27
vue.js父组件使用外部对象的方法示例
最近在碰到有同学问我，vue父组件怎么使用外部对象，具体例子如下：有组件a：<div @click="onClick">component a</div>// componet a...methods: { onClick(evt) { // doSomething...
2020-05-27
3分钟掌握常用的JS操作JSON方法总结
工作中做了几款自动化测试工具都是跟日志读取相关，日志格式又大多数都是JSON，所以这里把常用的JS操作JSON的方法做了总结~~一、概要简介JSON(JavaScript Object Notation) 是...
2020-05-27
详谈js使用in和hasOwnProperty获取对象属性的区别
in判断的是对象的所有属性，包括对象实例及其原型的属性；而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person()...
2020-05-27
Javascript中八种遍历方法的执行速度深度对比
前言遍历数组或对象是一名程序员的基本素养之一. 然而遍历却不是一件简单的事, 优秀的程序员知道怎么去选择合适的遍历方法, 优化遍历效率. 本篇将带你走进JavaScript遍历的...
2020-05-27
ES6正则的扩展实例详解
本文实例讲述了ES6正则的扩展。分享给大家供大家参考，具体如下：1. RegExp构造函数ES5中，RegExp构造函数的参数：参数是字符串，这时第二个参数表示正则表达式的修饰符（flag）参数是一...
2020-05-27
JavaScript中 DOM操作方法小结
DM是(Document Object Model)的简称。一.找元素 document.getElementById() 根据id选择器找，最多找一个； document.getElementsByName() 根据name找，找出的是...
2020-05-27
使用Math.max,Math.min获取数组中的最值实例
Math.min()和Math.max()用法相似。两个方法用来获取给定的一组数值中的最大值或最小值，但是却不接受数组作为参数。当然可以写个函数遍历比较之类的等等，此处不描述。有两个快...
2020-05-27
