Angular 作用域scope的具体使用

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
Scope 是一个对象,有可用的方法和属性。
Scope 可应用在视图和控制器上。
$rootScope每个AngularJ...

react实现菜单权限控制的方法

通常公司的后台管理系统都需要权限控制,即不同的角色用户看到不同的菜单,如下图:下面,通过react实现这样的后台管理系统(脚手架),功能简介:
1.顶部的菜单项根据用户的角色动态生成...

详解vue.js之props传递参数

本篇文章通过demo实例给大家详细分析了props传递参数的用法以及遇到问题后的解决办法,以下是全部内容。前段时间用vue做一个后台管理系统,其中每一页都需要一个表格来展示信息...

基于input动态模糊查询的实现方法

最近在用jQuery实现动态模糊查询的时候,找了挺久都没有找到像Vue.js的watch属性这么好用的动态模糊查询方法。就分享一下目前遇到的坑和可以实现动态查询的几种方式。1.jQuer...

微信小程序使用progress组件实现显示进度功能【附源码下载】

本文实例讲述了微信小程序使用progress组件实现显示进度功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml
复制代码 代码如下:<progress percent="100"...

分析JS中this引发的bug

在 js 中,this 这个上下文总是变化莫测,很多时候出现bug 总是一头雾水,其实,只要分清楚不同的情况下如何执行就可以了,以下就是我们给大家整理的相关内容:在JavaScript中有一个很...

Vue2.0 slot分发内容与props验证的方法

使用一种方式混合父组件的内容与子组件自己的模板,这个过程被称为“内容分发”。在子组件中使用特殊的<slot>元素作为内容的插槽。Slot分发内容
概述:
简单来说,假如父组件需要...

JS中精巧的自动柯里化实现方法

以下内容通过代码讲解和实例分析了JS中精巧的自动柯里化实现方法,并分析了柯里化函数的基础用法和知识,学习一下吧。什么是柯里化?
在计算机科学中,柯里化(Currying)是把接受多个...

Vue2.0学习之详解Vue 组件及父子组件通信

什么是组件?vue中的组件其实就是页面组成的一部分,好比是电脑中的每一个元件(如硬盘,键盘,鼠标),它就是一个具有独立逻辑或界面,同时又能根据规定的接口规则进行相互融合,变成一个完...

实例分析JS与Node.js中的事件循环

这两天跟同事同事讨论遇到的一个问题,js中的event loop,引出了chrome与node中运行具有setTimeout和Promise的程序时候执行结果不一样的问题,从而引出了Nodejs的event loop机制,...

vue2.0 和 animate.css的结合使用

这里说的是vue2.0和animate.css的结合使用。其实用过就知道用法是比较简单的。但是就是刚开始使用的时候,难免有的会遇到各种问题。简单的说说我所用过并且遇过的坑。 首...

C#实现将一个字符转换为整数

按标题的要求将一个字符转换为整数。实现此功能,也有好几个方法方法一:Convert.ToInt32(string);运行代码:方法二: int.Parse(object):运行结果:这个字符正好是数字的字符串,使用i...

vue2.0 常用的 UI 库实例讲解

1.mint-ui安装:npm install mint-ui --save使用:main.js// MintUI组件库import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'Vue.use(MintUI)2.vux安装:npm install v...

微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】

本文实例讲述了微信小程使用swiper组件实现图片轮播切换显示功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml:<swiper indicator-dots="true"autoplay=...

javascript实现循环广告条效果

本文实例为大家分享了javascript实现循环广告条的具体代码,供大家参考,具体内容如下html代码:<!DOCTYPE html><html><head><title>Rotating Banner</title><script src="scrip...

微信小程序实现点击文字页面跳转功能【附源码下载】

本文实例讲述了微信小程序实现点击文字页面跳转功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.js文件Page({ data:{ // text:"这是一个页面" }, onLoad:...

Vue调试神器vue-devtools安装方法

什么是vue-devtools?
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。安装方式
1.c...

微信小程序显示下拉列表功能【附源码下载】

本文实例讲述了微信小程序显示下拉列表功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码app.json文件:{ "pages":[ "views/views", "views/navigators/navigator...

Vue集成Iframe页面的方法示例

1. 项目需求我们切换为vue框架是后面的事情,之前还有一些功能页面是用jsp页面写的,而我们的管理系统需要既支持Vue的url,又要支持这些发布之后的jsp页面
还有一个就是切换tab回...

谈谈vue中mixin的一点理解

 vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组...

详解vue渲染函数render的使用

1.什么是render函数?vue通过 template 来创建你的 HTML。但是,在特殊情况下,这种写死的模式无法满足需求,必须需要js的编程能力。此时,需要用render来创建HTML。比如如下我想要实...

将Sublime Text 3 添加到右键中的简单方法

网上一般有两种方法解决这个问题,个人觉得第二种对小白来讲更通俗一些,提倡自己动手配置下注册表,记录下来以免以后忘记^_^以下方法为转载:1.win+R打开cmd窗口,输入regedit,打开...

JS排序算法之希尔排序与快速排序实现方法

本文实例讲述了JS排序算法之希尔排序与快速排序实现方法。分享给大家供大家参考,具体如下:希尔排序:定义一个间隔序列,例如是5,3,1。第一次处理,会处理所有间隔为5的,下一次会处理间...

jquery获取transform里的值实现方法

用transform的translateX写了一个侧滑效果,如何获取它改变的值是多少呢?获取translateX值的方法:$('div').css("transform").replace(/[^0-9\-,]/g,'').split(',')[4];直接用cs...

基于模板引擎Jade的应用(详解)

有用的符号:| 竖杠后的字符会被原样输出 · 点表示下一级的所有字符都会被原样输出,不再被识别。(就是|的升级版,实现批量) include 表示引用外部文件短杠说明后面跟着的字符只是...

自定义PC微信扫码登录样式写法

PC微信扫码登录近期做一个PC端微信扫码登录的需求,微信扫码有两种方式,一种是新开一个二维码页面,另一种是内嵌入产品网页。本次以内嵌二维码为例,具体怎样在页面中显示一个登陆...

javascript实现QQ空间相册展示源码

知识点:html/css布局思维,浮动/定位详解,大企业标准,代码性能优化,js鼠标事件,DOM操作等。源码:<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Keyword...

实例分析js事件循环机制

本文通过实例给大家详细分析了JS中事件循环机制的原理和用法,以下是全部内容:var start = new Date()setTimeout(function () { var end = new Date console.log('Time elapse...

JS排序算法之冒泡排序,选择排序与插入排序实例分析

本文实例讲述了JS排序算法之冒泡排序,选择排序与插入排序。分享给大家供大家参考,具体如下:冒泡排序: 对数组的中的数据,依次比较相邻两数的大小。如果前面的数据大于后面的数据,...

JS+canvas画一个圆锥实例代码

以下是我们给大家分享是实例代码:<html><head><title>我的第一个 HTML 页面</title></head><body><canvas id='cvs' width='1000' height="800"></canvas><script>const cvs...

vue-router路由懒加载和权限控制详解

vue-router路由懒加载 和权限控制,今天刚好搞了一个基于node token验证的小demo
所以下面介绍下,路由懒加载
1、为什么要使用路由懒加载呢
用vue.js写单页面应用时,会出现打包...

Angular2使用vscode断点调试ts文件的方法

VSCode自带debugger工具,管理后台项目使用angular2,试了下调试ts文件十分方便。下面是具体的实现步骤以及踩的坑。当你调试出来后,回头看这个设置还是十分简单的。我使用的是ng...

仿京东快报向上滚动的实例

实例如下:<!doctype html><html><head><meta charset="utf-8"><title></title></head><body><script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><div id=...

vue实现导航栏效果(选中状态刷新不消失)

Vue导航栏 用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题。也可以选择自适应屏幕。...

vue实现nav导航栏的方法

每一个网页项目都少不了导航栏,通过原始的方法基本上都是可以写出来的。但是要写出代码量少,冗余度低的代码就要动脑子思考一下了。最近写了一个百度地图的项目,要求底部有一个...

vue中路由验证和相应拦截的使用详解

在web项目中,经常需要根据是否登录进行路由的验证和相应的拦截。首先,在vuex里的store.js里边写一个存放登录状态,代码如下import Vue from 'vue'import Vuex from 'vuex'Vue.u...

vue组件中使用iframe元素的示例代码

本文介绍了vue组件中使用iframe元素的示例代码,分享给大家,具体如下:
需要在本页面中展示vue组件中的超链接,地址栏不改变的方法:
<template> <div class="accept-container">...

vue实现某元素吸顶或固定位置显示(监听滚动事件)

最近写了一个VUE的web app项目,需要实现某个部位吸顶的效果。即,页面往上滑动,刚好到达该部位时,该部分,固定在顶部显示。1、监听滚动事件
利用VUE写一个在控制台打印当前的scrol...

vue按需加载组件webpack require.ensure的方法

vue-cli是由vue官方发布的快速构建vue单页面的脚手架。使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/stati...

vue登录路由验证的实现

vue的项目的登录状态如果用vuex状态管理,页面一刷新vuex管理的状态就会消失,这样登录路由验证就没有意义了。可以将登录的状态写到web Storage中进行存储管理。
步骤如下:
1、...

详解webpack require.ensure与require AMD的区别

简介require-ensure和require-amd的区别:require-amd
说明: 同AMD规范的require函数,使用时传递一个模块数组和回调函数,模块都被下载下来且都被执行后才执行回调函数
语法: r...

Angular4编程之表单响应功能示例

本文实例讲述了Angular4表单响应功能。分享给大家供大家参考,具体如下:响应式表单1、响应式表单需要在appmodule文件中注入响应式表单模块import { FormsModule, ReactiveForm...

Angularjs过滤器实现动态搜索与排序功能示例

本文实例讲述了Angularjs过滤器实现动态搜索与排序功能。分享给大家供大家参考,具体如下:利用angularjs实现动态的插入以及利用过滤器进行数据的搜索以及排序.<!DOCTYPE html>...

详解vue-cli快速构建vue应用并实现webpack打包

Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个哈姆雷特,不过多的解释。Vue官方...

node vue项目开发之前后端分离实战记录

前言本文主要介绍了关于node vue前后端分离的相关资料,分享出来供大家参考学习,下面随着小编来一起学习学习吧。node vue项目开发
最近看了近一周的vue开发,有诸多感触,我之前接...

JS实现利用两个队列表示一个栈的方法

本文实例讲述了JS实现利用两个队列表示一个栈的方法。分享给大家供大家参考,具体如下:先看原理图:理清楚思路,再动笔写:<!DOCTYPE html><html><head> <title>2 Queue</title> <...

关于Vue单页面骨架屏实践记录

关于骨架屏介绍
骨架屏的作用主要是在网络请求较慢时,提供基础占位,当数据加载完成,恢复数据展示。这样给用户一种很自然的过渡,不会造成页面长时间白屏或者闪烁等情况。 常见的...

vue.js简单配置axios的方法详解

前言官方现在已经不再推荐用resource了,换了个axios,咱也不能落后,至少你得知道咋弄,面试的时候也好给面试官吹吹牛逼,废话不多说。
它本身具有以下特征: 从浏览器中创建 XMLHttp...

vue项目总结之文件夹结构配置详解

前言之前一段时间都在使用 vue 开发后台管理系统,在摸索的过程中对 vue 本身和模块化、规范化开发有了更深的认知,现在记录下来,希望对其他需要开发项目的人有帮助。
基于 vue....

详解vue-cli 接口代理配置

本文介绍了vue-cli 接口代理配置,分享给大家,具体如下:一些同学在配置接口代理时,会有疑问 我配置成功了为什么接口还是不通 ,其实代理已经成功 只是 接口访问地址规则没搞清楚下...

返回顶部
顶部