编程开发 - 教程之家

104浏览

0评论

浅谈express 中间件机制及实现原理

简介
中间件机制可以让我们在一个给定的流程中添加一个处理步骤，从而对这个流程的输入或者输出产生影响，或者产生一些中作用、状态，或者拦截这个流程。中间件机制和tomcat的过...

2020-05-27 12:12:04

89浏览

0评论

vue-router 导航钩子的具体使用方法

vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。全局钩子
1、router.beforeEach 注册一个全局的 before 钩子：
const router = new VueRouter({ ... })route...

2020-05-27 12:12:02

93浏览

0评论

深入理解vue-router之keep-alive

本文基于 Vue2.0
keep-alive 简介keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。
用法也很简单：<keep-alive> <component> <!-- 该...

2020-05-27 12:12:01

74浏览

0评论

Vue keep-alive实践总结（推荐）

<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition>...

2020-05-27 12:12:00

93浏览

0评论

浅谈Vue 初始化性能优化

前言
一般来说，你不需要太关心vue的运行时性能，它在运行时非常快，但付出的代价是初始化时相对较慢。在最近开发的一个Hybrid APP里，Android Webview初始化一个较重的vue页面竟然...

2020-05-27 12:11:58

63浏览

0评论

vue实现全选和反选功能

本文实例为大家分享了vue实现全选反选功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head...

2020-05-27 12:11:56

88浏览

0评论

js实现canvas图片与img图片的相互转换的示例

最近在一个项目中，遇到了一个问题，需要把生成的canvas形式的二维码转换为图片，可以长按识别，保存等。查找了一些资料归纳总结了一些知识。默认在jq库里进行，引入jquery.qrcode.mi...

2020-05-27 12:11:55

79浏览

0评论

js实现canvas保存图片为png格式并下载到本地的方法

整理文档，搜刮出一个js实现canvas保存图片为png格式并下载到本地的方法，稍微整理精简一下做下分享。
1.canvas 保存图片2.下载到本地function base64Img2Blob(code){ v...

2020-05-27 12:11:54

50浏览

0评论

JavaScript表单即时验证验证不成功不能提交

不能再让表单在提交按钮之后才被验证了！你输入的任何信息表单都会即时反应！
这个JavaScript的关键是onChange()事件，使用onKeyUp()事件完成是不行的，人家没有输入完毕，你就说人家...

2020-05-27 12:11:51

48浏览

0评论

JS中关于正则的巧妙操作

废话不多说了，直接给大家贴代码了，具体代码如下所示：var msg="dsada[emoji:37]dsadas[emoji:3900]法拉綏芬河";function fetch(msg) { var match, result = msg, reg = /\[...

2020-05-27 12:11:50

64浏览

0评论

详解使用angular的HttpClient搭配rxjs

一、原Http使用总结使用方法1.在根模块或核心模块引入HttpModule
即在AppModule或CoreModule中引入HttpModule：
import { HttpModule } from '@angular/http';@NgModule({ im...

2020-05-27 12:11:49

59浏览

0评论

JQuery EasyUI 结合ztrIee的后台页面开发实例

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...

2020-05-27 12:11:48

64浏览

0评论

[js高手之路]单例模式实现模态框的示例

什么是单例呢？单，就是一个的意思。例：就是实例化出来的对象，那合在一起就是保证一个构造函数只能new出一个实例，为什么要学习单例模式呢？或者说单例模式有哪些常见的应用场景.它的...

2020-05-27 12:11:47

62浏览

0评论

关于Promise 异步编程的实例讲解

实例如下所示：//1.解决异步回调问题//1.1 如何同步异步请求//如果几个异步操作之间并没有前后顺序之分,但需要等多个异步操作都完成后才能执行后续的任务，无法实现并行节约时...

2020-05-27 12:11:45

83浏览

0评论

使用JS和canvas实现gif动图的停止和播放代码

HTML5 canvas可以读取图片信息，绘制当前图片。于是可以实现图片马赛克，模糊，色值过滤等很多图片特效。我们这里不用那么复杂，只要读取我们的图片，重绘下就可以。

HTML代码：
<img...

2020-05-27 12:11:44

64浏览

0评论

js禁止浏览器页面后退功能的实例(推荐)

实例如下所示：<script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); wi...

2020-05-27 12:11:43

75浏览

0评论

JavaScript中数组常见操作技巧

效果图如下所示：Tip: 右键在新标签中打开查看清晰大图下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作创建数组一般使用数组字面量[]...

2020-05-27 12:11:41

91浏览

0评论

js禁止Backspace键使浏览器后退的实现方法

在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种解决方案都不太理想。于是集众人之智，采众家之长，归纳如下：1、在公用js中定义阻止Backspace的方法
function banBa...

2020-05-27 12:11:40

92浏览

0评论

深入理解Vue 的条件渲染和列表渲染

这两天学习了Vue.js 感觉条件渲染和列表渲染知识点挺多的，而且很重要，所以，今天添加一点小笔记。条件渲染v-if
在 < template > 中配合 v-if 渲染一整组
在使用 v-if 控制元素...

2020-05-27 12:11:39

85浏览

0评论

写给vue新手们的vue渲染页面教程

前言本文主要给各位vue的新手们分享了关于vue渲染页面的教程，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。vue渲染页面路径图index.htmlApp.vuerouter.jsm...

2020-05-27 12:11:38

56浏览

0评论

JavaScript闭包的简单应用

闭包定义在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。闭包的作用:
1. 可以读取函数内部...

2020-05-27 12:11:35

54浏览

0评论

基于Vue.js 2.0实现百度搜索框效果

使用Vue.js 2.0 模仿百度搜索框效果，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, use...

2020-05-27 12:11:34

63浏览

0评论

jQuery EasyUI结合zTree树形结构制作web页面

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...

2020-05-27 12:11:32

64浏览

0评论

bootstrap-table实现服务器分页的示例（spring 后台）

最近前端都是用的bootstrap table这个插件，客户端分页的话数据量一多交互不好，所以大数据量的分页都用服务器端，下面开始撸代码前端首先看下bootstrap table 默认传的分页参数...

2020-05-27 12:11:31

76浏览

0评论

js设计模式之结构型享元模式详解

运用共享技术有效地支持大量的细粒度的对象，避免对象间拥有相同内容造成多余的开销。
享元模式主要是对其数据、方法共享分离，将数据和方法分成内部数据、内部方法和外部数据...

2020-05-27 12:11:30

70浏览

0评论

JavaScript中使用参数个数实现重载功能

利用参数的个数实现重载，马上想到的方法就是function overload(){ switch(arguments.length){ case 0: console.log("一个朋友都没有"); break;...

2020-05-27 12:11:29

55浏览

0评论

Angularjs实现上传图片预览功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<input type="file" ng-file-select="onFileSelect($files)" accept="image/*">app.factory("fileReader", function($q, $...

2020-05-27 12:11:28

77浏览

0评论

BootStrap模态框和select2合用时input无法获取焦点的解决方法

在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的 tabindex="-1" 删掉（测试成功）:<div id="myMod...

2020-05-27 12:11:26

91浏览

0评论

Angular中封装fancyBox(图片预览)遇到问题小结

首先在官网下载最新版的fancyBox(一定要去最新网站，以前依赖的jquery版本偏低)，附上链接：http://fancyapps.com/fancybox/3/然后在项目中引用jquery，然后在引用jquery.fancybox....

2020-05-27 12:11:25

56浏览

0评论

Vue的Class与Style绑定的方法

本文介绍了Vue的Class与Style绑定，分享给大家，具体如下：
绑定 HTML Class
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：<style> .exp{ border: 1px sol...

2020-05-27 12:11:23

76浏览

0评论

javascript 中事件冒泡和事件捕获机制的详解

javascript 中事件冒泡和事件捕获机制的详解二者作用：描述事件触发时序问题事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件---由外到内
事件冒泡：自下而上的...

2020-05-27 12:11:21

83浏览

0评论

ionic2懒加载配置详解

文章标题为part 1，并解释目前可以如此配置，但后续使用上可能还有变动。以ion-cli默认home组件为例。添加home.module.ts文件import { NgModule } from '@angular/core';import...

2020-05-27 12:11:20

77浏览

0评论

vue 里面使用axios 和封装的示例代码

vue官方推荐使用 axios发送请求
首先上需求1.需要封装全局调用
2.返回一个promise对象
3.错误全局统一处理
4.除了登录界面token带入头部
5.登录时候把用户信息自动存到vuex...

2020-05-27 12:11:18

93浏览

0评论

Vue使用vue-cli创建项目

本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下：vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli
我创建的模板项目：https://github.com/Alecz...

2020-05-27 12:11:16

87浏览

0评论

自制简易打赏功能的实例

1、申请开通cnblogs的JS代码支持2、将微信收款码图片上传到cnblogs3、将如下代码中的http://files.cnblogs.com/files/eritpang/weixin.bmp替换为刚刚上传的收款码图片的链...

2020-05-27 12:11:12

74浏览

0评论

jquery tmpl模板(实例讲解)

之前用模板渲染都是用angular，无意间发现了jquery tmpl这种轻量级，其文档在这里官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下:.tmpl([data,][o...

2020-05-27 12:11:11

72浏览

0评论

使用vue-resource进行数据交互的实例

一.使用vue-resource插件进行数据交互式，返回的并不是直接的json数据，其实还封装了一层。如下代码：直接使用 res.result.list 取不到数据。methods:{ cartview:function(){...

2020-05-27 12:11:08

77浏览

0评论

js es6系列教程 - 新的类语法实战选项卡(详解)

其实es6的面向对象很多原理和机制还是ES5的，只不过把语法改成类似php和java老牌后端语言中的面向对象语法.一、用es6封装一个基本的类class Person{ constructor( uName ){...

2020-05-27 12:11:05

78浏览

0评论

js es6系列教程 - 基于new.target属性与es5改造es6的类语法

es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了，所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让...

2020-05-27 12:11:03

86浏览

0评论

浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题

js 深浅拷贝问题浅拷贝一般指的是基本类型的复制深拷贝一般指引用类型的拷贝，把引用类型的值也拷贝出来举例h5的sessionStorage只能存放字符串，所以要存储json时就要把json使...

2020-05-27 12:11:00

93浏览

0评论

javascript帧动画(实例讲解)

前面的话帧动画就是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成的动画。由于是一帧一帧的画，所以帧动画具有非常大的灵活性...

2020-05-27 12:10:59

92浏览

0评论

Windows下使用Nodejs运行js的方法

ECMAScript是什么？ECMAScript，说白了就是不能操作HTML文档和浏览器的Javascript语言。Javascript由以下三大部分组成：ECMAScript,即Javascript基本语法组成部分，编程语言的流程...

2020-05-27 12:10:56

83浏览

0评论

JS switch判断三目运算 while 及属性操作代码

三目运算：如var a = 10；var b= 12；c = a>b ?a:b;若成立执行a否则执行bvar isHide = true;若用if判断语句如下if(isHide) {box.style.display = "block";} else {box.style...

2020-05-27 12:10:55

72浏览

0评论

jQuery Ajax向服务端传递数组参数值的实例代码

在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值下面使用例子说明，首先看一下Action[HttpPost]public ActionResult Test(List<string> model){ return Json...

2020-05-27 12:10:54

61浏览

0评论

JS仿万科底部的新闻滑动特效代码

废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仿万科的底部的新闻滑动特效</title> <style>...

2020-05-27 12:10:52

78浏览

0评论

Angular4表单验证代码详解

背景：最近在itoo页面调整的时候，发现页面表单或者是文本框没有做基本的判断操作，所以着手demo一篇，希望对大家有帮助！！--------------------------------------------------...

2020-05-27 12:10:51

56浏览

0评论

jQuery中.attr()和.data()的区别分析

$.attr()和$.data()本质上属于 DOM属性和 Jquery对象属性的区别。Jquery对象属性和DOM属性一个简单的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...

2020-05-27 12:10:48

75浏览

0评论

使用JavaScript实现点击循环切换图片效果

废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>单击循环切换图片</title><script>var i = 1;function nextImg...

2020-05-27 12:10:47

76浏览

0评论

jquery+css实现下拉列表功能

废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>fruit</title><style type="text/css">.hide { display: none;...

2020-05-27 12:10:45

56浏览

0评论

初探JavaScript 面向对象(推荐)

类的声明1. 构造函数function Animal() { this.name = 'name'}// 实例化new Animal()2. ES6 classclass Animal { constructor() { this.name = 'name' }}// 实例化new Ani...

2020-05-27 12:10:44

热门文章