详解AngularJs ui-router 路由的简单介绍
之前有写过一篇关于Angular自带的路由:ngRoute。今天来说说Angular的第三方路由:ui-router。那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢?这里简单明...
之前有写过一篇关于Angular自带的路由:ngRoute。今天来说说Angular的第三方路由:ui-router。那么有人就会问:为什么Angular有了自带的路由,我们还需要用ui-router呢?这里简单明...
本文实例讲述了JS实现数组按升序及降序排列的方法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组数字大小排...
列表组件是极其常用的一类组件,是许多视图组件系统的必须包含的。列表可以做的很简单,只显示简洁的内容。列表也可以做的很复杂,用于展示非常丰富的内容。组成元素
列表离不开...
除了图标以外,按钮也许是最简单的组件了,现在来看看如何定义按钮组件。使用原生按钮组件
在 xmlplus 中,HTML 元素也以组件的方式存在。所以,你可以直接通过使用 button 标签或...
本文章主要讨论的是如何将一个纯色二维码变成彩色的。前段时间公司业务上有这么一个需求,客户不喜欢后台生成的纯色二维码,纯蓝,纯紫,纯绿都不行,想要彩色二维码。然后这个任务都...
一、为什么使用过滤器?
在实际操作中,我们需要对统一数据源进行多次转换,比如我的货币单位,在不同的国家我们将用不同的符号表示。因此,你可能会想到在控制器中判断国家以显示不...
微信小程序 开发过程中遇到问题总结第一次正式开发一个小程序,就从以下几个方面来谈一谈小程序的开发过程和心得吧,主要说说这次项目中用到的功能。数据请求
这次的小程序,没有...
本文实例讲述了JavaScript实现的冒泡排序法及统计相邻数交换次数。分享给大家供大家参考,具体如下:<html> <head>JS冒泡排序</head> <body> <script> var arr=[-1,-2,-30,-...
微信扫码支付零云插件版实例详解微信的扫码支付主要有以下过程:向微信统一下单地址发送详细的订单信息,微信返回json数据,里面包含生成二维码的字段,使用生成二维码的插件qrcode...
微信小程序 flex实现导航实例详解实现示意:1.链接顶部内边距,留出圆形图标的位置。
2.伪元素:before绘制圆形。
3.圆形中添加图标。
4.左右外边距控制间距,及促使在需要的地...
微信小程序中hidden不生效原因的解决办法例如如下布局: <view hidden="true" style="display:flex;flex-direction: row;"> <text>text1</text> <text>text2</text>...
微信小程序 request接口的封装实例代码小程序request接口的封装(本质上是对request回调函数再次回调)
module.exports.getData = function (url) { var data = arguments.le...
微信小程序实现给循环列表添加点击样式实例微信小程序有个属性hover-class='active',是指当点击列表元素时当按下鼠标左键会显示active样式,但是鼠标离开样式就会复原.可以...
最近在做一个多图片上传的组件,需求是做到多文件依次上传,并显示上传进度条。逻辑部分实现了以后,在更新进度条视图的时候出现一点问题:动态计算生产的进度 progress 属性不会自...
功能描述:通过点击按钮,可以增减购物数量组件名称是 CouterBtn最终效果如下我们使用 vue-cli搭建基本的开发环境,这也是最快的进行 .vue组件开发的方式对于入口组件 App.vu...
面向对象的语言有一个标志,那就是他们都有类的概念,通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript5中没有类的概念,因此它的对象和基于类的语言中的对象有所不...
在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性attachEvent方法 只支持IE678,不兼容其他浏览器addEventListener方法...
写在前面:前段事件,做了一个用ajax后台异步交互的登录功能,自己在上面加了一个验证码的功能,这个功能背后的原理挺好理解的,实现起来也十分简单,特此写波分享,,自己写的过程中踩了不...
前言:最近因为做的东西需要用到网络请求库,之前接触过的只有request,很强大好用。但是这个项目中需要用到Promise,我又不想重新封装,于是选择了另一款库axios。
在node中,axios的g...
效果如下:代码如下:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>jQuery鼠标悬停内容动画切换效果</title> <...
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: doc...
效果图:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li class="one-comment"> <a class="c-user-photo"...
微信小程序 本地数据读取实例一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据。如果涉及到一些针对这些...
微信小程序 动态传参实例详解在微信小程序的开发过程中经常会用到动态传参,比如根据某一页面传参的不同,加载不同的新的页面。接下来介绍下如何实现。上一篇博客中介绍了如何...
微信小程序 wx:for的使用实例详解在小程序的开发过程中,经常会用到在前端页面循环打印一个数组或者对象的数据,这样的话就需要用wx:for来实现。一般情况下,小程序的utils这个文...
in判断的是对象的所有属性,包括对象实例及其原型的属性;而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码:<script type="text/javascript"> function Person()...
本文主要设计定时器的三种循环,模板自配,下面分享给大家供大家参考,具体如下:
1、$interlval实现,比较简单和原生js的setInterval比较相似
var app = angular.module('myApp',[])...
效果图:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; border:none; } li{ list-style:...
效果图:代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.0.2/css/bootstrap.min.css" r...
本文介绍的是setTimeout函数,延迟执行函数里的执行上下文,分享给大家供大家参考学习,来看看详细的内容:(1)ES5中,setTimeout里面的函数的执行上下文为全局上下文,举例来说:function l...
微信小程序 实现动态显示和隐藏某个控件在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是...
在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方,本来移动端开发H5应用,准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用,但是在拍照上传的实现过程中遇到了...
本文实例讲述了jQuery使用正则验证15/18身份证的方法。分享给大家供大家参考,具体如下:最好的jQuery正则验证身份证代码:按照身份证的算法定制而成,精确度完美支持15和18位....
前言在Webpack中,通过css-loader,可以实现在js文件中通过require的方式,来引入css。下面来看看详细的介绍吧。一、css-loader我们需要在js文件里,通过require的方式来引入css,我...
最近学习使用vuejs前后端分离,重构一个已有的后台管理系统,遇到了下面这个问题:实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆。...
本文实例讲述了jquery/js实现一个网页内同时调用多个倒计时的方法。分享给大家供大家参考,具体如下:最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己...
效果图:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin:0 auto; background:yellow; border:4px...
扩展jQuery EasyUI tree搜索树节点的方法,使其支持节点名称的模糊匹配,将不匹配的节点隐藏。/** * 1)扩展jquery easyui tree的节点检索方法。使用方法如下: * $("#treeId").tre...
禁止鼠标右键:$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});监听右键事件:$(function(){$('a').mousedown(function(e...
本文实例讲述了JavaScript实现反转字符串的方法。分享给大家供大家参考,具体如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312...
Vue是可以自定义指令的,最近学习过程中遇见了一个需要图片懒加载的功能,最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。先看如...
本文实例讲述了JavaScript实现隐藏省略文字效果的方法。分享给大家供大家参考,具体如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB...
输入例子[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()输出例子[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']分析题目要求给 Arra...
jqueryUI sortable 可以用来进行页面拖拽布局,然而有一个小问题就是拖拽后如何保存状态。工作中遇到了这个情况,遍把这个问题记了下来,具体思路是:利用拖拽stop后利用 var arr =...
一、 前言
Three.js 是一款 webGL(3D绘图标准,在此不赘述)引擎,可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ,为我们提供了高级的开发接口,可以使用简...
本文实例讲述了jQuery实现动态添加、删除按钮及input输入框的方法。分享给大家供大家参考,具体如下:<html><head><meta charset="utf-8"><title>动态创建按钮</title><script...
本文实例讲述了JavaScript通过改变文字透明度实现的文字闪烁效果。分享给大家供大家参考,具体如下:运行效果图如下:完整实例代码如下:<html><head><meta charset="utf-8"><title...
本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考,具体如下:运行效果图如下:完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Trans...
在开发Nodejs中,我们往往最常用的模块就是fs核心模块(fs.readFile)来读取文件。代码如下:但是运行之后,并没有按照想象中一样,读取test.html文件内容,这是一个bug,坑爹的玩意,解决...
scope是什么?大家都知道在AngularJS 中作用域是一个指向应用模型的对象,它是表达式的执行环境。作用域有层次结构,这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传...