详解使用angular的HttpClient搭配rxjs
一、原Http使用总结使用方法1.在根模块或核心模块引入HttpModule
即在AppModule或CoreModule中引入HttpModule：
import { HttpModule } from '@angular/http';@NgModule({ im...
2020-05-27
JQuery EasyUI 结合ztrIee的后台页面开发实例
JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...
2020-05-27
[js高手之路]单例模式实现模态框的示例
什么是单例呢？单，就是一个的意思。例：就是实例化出来的对象，那合在一起就是保证一个构造函数只能new出一个实例，为什么要学习单例模式呢？或者说单例模式有哪些常见的应用场景.它的...
2020-05-27
关于Promise 异步编程的实例讲解
实例如下所示：//1.解决异步回调问题//1.1 如何同步异步请求//如果几个异步操作之间并没有前后顺序之分,但需要等多个异步操作都完成后才能执行后续的任务，无法实现并行节约时...
2020-05-27
使用JS和canvas实现gif动图的停止和播放代码
HTML5 canvas可以读取图片信息，绘制当前图片。于是可以实现图片马赛克，模糊，色值过滤等很多图片特效。我们这里不用那么复杂，只要读取我们的图片，重绘下就可以。
HTML代码：
<img...
2020-05-27
js禁止浏览器页面后退功能的实例(推荐)
实例如下所示：<script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); wi...
2020-05-27
JavaScript中数组常见操作技巧
效果图如下所示：Tip: 右键在新标签中打开查看清晰大图下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作创建数组一般使用数组字面量[]...
2020-05-27
js禁止Backspace键使浏览器后退的实现方法
在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种解决方案都不太理想。于是集众人之智，采众家之长，归纳如下：1、在公用js中定义阻止Backspace的方法
function banBa...
2020-05-27
深入理解Vue 的条件渲染和列表渲染
这两天学习了Vue.js 感觉条件渲染和列表渲染知识点挺多的，而且很重要，所以，今天添加一点小笔记。条件渲染v-if
在 < template > 中配合 v-if 渲染一整组
在使用 v-if 控制元素...
2020-05-27
写给vue新手们的vue渲染页面教程
前言本文主要给各位vue的新手们分享了关于vue渲染页面的教程，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。vue渲染页面路径图index.htmlApp.vuerouter.jsm...
2020-05-27
JavaScript闭包的简单应用
闭包定义在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。闭包的作用:
1. 可以读取函数内部...
2020-05-27
基于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
jQuery EasyUI结合zTree树形结构制作web页面
JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是...
2020-05-27
bootstrap-table实现服务器分页的示例 （spring 后台）
最近前端都是用的bootstrap table这个插件，客户端分页的话数据量一多交互不好，所以大数据量的分页都用服务器端，下面开始撸代码前端首先看下bootstrap table 默认传的分页参数...
2020-05-27
js设计模式之结构型享元模式详解
运用共享技术有效地支持大量的细粒度的对象，避免对象间拥有相同内容造成多余的开销。
享元模式主要是对其数据、方法共享分离，将数据和方法分成内部数据、内部方法和外部数据...
2020-05-27
JavaScript中使用参数个数实现重载功能
利用参数的个数实现重载，马上想到的方法就是function overload(){ switch(arguments.length){ case 0: console.log("一个朋友都没有"); break;...
2020-05-27
Angularjs实现上传图片预览功能
废话不多说了，直接给大家贴代码了，具体代码如下所示：<input type="file" ng-file-select="onFileSelect($files)" accept="image/*">app.factory("fileReader", function($q, $...
2020-05-27
BootStrap模态框和select2合用时input无法获取焦点的解决方法
在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的 tabindex="-1" 删掉（测试成功）:<div id="myMod...
2020-05-27
Angular中封装fancyBox(图片预览)遇到问题小结
首先在官网下载最新版的fancyBox(一定要去最新网站，以前依赖的jquery版本偏低)，附上链接：http://fancyapps.com/fancybox/3/然后在项目中引用jquery，然后在引用jquery.fancybox....
2020-05-27
Vue的Class与Style绑定的方法
本文介绍了Vue的Class与Style绑定，分享给大家，具体如下：
绑定 HTML Class
对象语法
我们可以传给 v-bind:class 一个对象，以动态地切换 class：<style> .exp{ border: 1px sol...
2020-05-27
javascript 中事件冒泡和事件捕获机制的详解
javascript 中事件冒泡和事件捕获机制的详解二者作用：描述事件触发时序问题事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件---由外到内
事件冒泡：自下而上的...
2020-05-27
ionic2懒加载配置详解
文章标题为part 1，并解释目前可以如此配置，但后续使用上可能还有变动。以ion-cli默认home组件为例。添加home.module.ts文件import { NgModule } from '@angular/core';import...
2020-05-27
vue 里面使用axios 和封装的示例代码
vue官方推荐使用 axios发送请求
首先上需求1.需要封装全局调用
2.返回一个promise对象
3.错误全局统一处理
4.除了登录界面token带入头部
5.登录时候把用户信息自动存到vuex...
2020-05-27
Vue使用vue-cli创建项目
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下：vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli
我创建的模板项目：https://github.com/Alecz...
2020-05-27
自制简易打赏功能的实例
1、申请开通cnblogs的JS代码支持2、将微信收款码图片上传到cnblogs3、将如下代码中的http://files.cnblogs.com/files/eritpang/weixin.bmp替换为刚刚上传的收款码图片的链...
2020-05-27
jquery tmpl模板(实例讲解)
之前用模板渲染都是用angular，无意间发现了jquery tmpl这种轻量级，其文档在这里官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下:.tmpl([data,][o...
2020-05-27
使用vue-resource进行数据交互的实例
一.使用vue-resource插件进行数据交互式，返回的并不是直接的json数据，其实还封装了一层。如下代码：直接使用 res.result.list 取不到数据。methods:{ cartview:function(){...
2020-05-27
js es6系列教程 - 新的类语法实战选项卡(详解)
其实es6的面向对象很多原理和机制还是ES5的，只不过把语法改成类似php和java老牌后端语言中的面向对象语法.一、用es6封装一个基本的类class Person{ constructor( uName ){...
2020-05-27
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了，所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让...
2020-05-27
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
js 深浅拷贝问题浅拷贝一般指的是基本类型的复制深拷贝一般指引用类型的拷贝，把引用类型的值也拷贝出来举例h5的sessionStorage只能存放字符串，所以要存储json时就要把json使...
2020-05-27
javascript帧动画(实例讲解)
前面的话帧动画就是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成的动画。由于是一帧一帧的画，所以帧动画具有非常大的灵活性...
2020-05-27
Windows下使用Nodejs运行js的方法
ECMAScript是什么？ECMAScript，说白了就是不能操作HTML文档和浏览器的Javascript语言。Javascript由以下三大部分组成：ECMAScript,即Javascript基本语法组成部分，编程语言的流程...
2020-05-27
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
jQuery Ajax向服务端传递数组参数值的实例代码
在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值下面使用例子说明，首先看一下Action[HttpPost]public ActionResult Test(List<string> model){ return Json...
2020-05-27
JS仿万科底部的新闻滑动特效代码
废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仿万科的底部的新闻滑动特效</title> <style>...
2020-05-27
Angular4表单验证代码详解
背景： 最近在itoo页面调整的时候，发现页面表单或者是文本框没有做基本的判断操作，所以着手demo一篇，希望对大家有帮助！！--------------------------------------------------...
2020-05-27
jQuery中.attr()和.data()的区别分析
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。Jquery对象属性和DOM属性一个简单的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
2020-05-27
使用JavaScript实现点击循环切换图片效果
废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>单击循环切换图片</title><script>var i = 1;function nextImg...
2020-05-27
jquery+css实现下拉列表功能
废话不多说了，直接给大家贴代码了，具体代码如下所述：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>fruit</title><style type="text/css">.hide { display: none;...
2020-05-27
初探JavaScript 面向对象(推荐)
类的声明1. 构造函数function Animal() { this.name = 'name'}// 实例化new Animal()2. ES6 classclass Animal { constructor() { this.name = 'name' }}// 实例化new Ani...
2020-05-27
JS实现页面内跳转的简单代码
使用js（$.ajax中）实现页面内跳转（即：描点平滑跳转）的方法(aa为跳转目的标签的id)： 在网络上有很多资料所说的：animate方法我试了并不好使，不知道是啥原因,欢迎大家指正，附上网络方...
2020-05-27
JS实现简单的选择题测评系统代码思路详解(demo)
包含内容：JS封装表单，JS校验表单说是测评系统，感觉只能算是一个小小的Demo，很水，，没有数据库库，，仅使用JS做简单的选择题测评系统------------------------------------------------...
2020-05-27
JS与HTML结合实现流程进度展示条思路详解
效果如下:一、设计思路分为以下几步（仅供参考）【竖线线】这个采用ul的list标签制作，保证了可随时添加，以及纵向排布【小圆圈】html标签好像没有提供小圆圈标签，此处采用，div添加弧...
2020-05-27
用最简单的方法判断JavaScript中this的指向(推荐)
都说 JavaScript 是一种很灵活的语言，这其实也可以说它是一个混乱的语言。它把 函数式编程 和 面向对象编程 糅合一起，再加上 动态语言 特性，简直强大无比（其实是不能和C++比的，^...
2020-05-27
React-Native中props具体使用详解
props就是属性，是为了描述一个组件的特征而存在的。它是父组件传递给子组件的。使用props通过上一个页面传递新建一个 PropsTest.js 文件exprot default class PropsTestexte...
2020-05-27
vue中component组件的props使用详解
本文介绍了 vue中component组件的props使用详解，分享给大家，具体如下：
props使用方法Vue.component('my-component',{ props:['message'], template:'<div class=...
2020-05-27
VueJS组件之间通过props交互及验证的方式
props 是父组件用来传递数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"。父组件通过props将数据传递给子组...
2020-05-27
React教程之Props验证的具体用法（Props Validation）
Props验证对于组件的正确使用是一种非常有用的方式。它可以避免随着你的应用的程序越来越复杂从而出现很多的bug和问题。并且，它还可以是你的程序变得更易读。那如何对Props...
2020-05-27
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
本文实例讲述了JS图片延迟加载插件LazyImgv1.0用法。分享给大家供大家参考，具体如下：注：LazyImg 必须定义lazy-data属性，属性值是src的图片路径引入JS文件：<script type="text/ja...
2020-05-27
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
mui框架基于htm5plus的XMLHttpRequest，封装了常用的Ajax函数，支持GET、POST请求方式，支持返回json、xml、html、text、script数据类型； 本着极简的设计原则，mui提供了mui.ajax方...
2020-05-27
