WEB前端 软件列表

angular inputNumber指令输入框只能输入数字的实现
Angular

angular inputNumber指令输入框只能输入数字的实现

2020-02-24 标签:angular,inputnumber,指令,输入,数字的,实现,建立,独立,模块,用于,作为,公用,生成,n,g,m,directive

1、建立一个独立模块用于作为公用指令的模块1)生成模块ng g m directive2)进入指令模块目录cd directive3)生成一个只能输入数字的指令类ng g d numberinput4)指令模块directive.module.ts代码如下import { NgModule, Mod

angular8和ngrx8结合使用的步骤介绍
Angular

angular8和ngrx8结合使用的步骤介绍

2020-02-24 标签:angular,n,grx,结合,使用,步骤,介绍,案例,运行,效果,关于,认识,地址

一、案例运行后的效果图二、关于ngrx的认识1、官网地址2、ngrx是借鉴redux的思维,专门为angular中定制的一个状态管理的包,类似react中的redux、vue中的vuex,主要包括以下几个模块(本文先介绍@ngrx/store)@ngrx/store@ngrx/store-devto

angular异步验证防抖踩坑实录
Angular

angular异步验证防抖踩坑实录

2020-02-24 标签:angular,异步,验证,实录,前言,本周,需求,是在,加上,以前,接触,依稀记得,不难,再去,angluar,官方

前言本周的一个需求是在一个异步验证上加上防抖,防抖,以前也接触过,依稀记得不难,就没再去看angluar的官方文档,直接就开始google写了,然后……一不小心就掉坑里了。突然没了效果的验证功能在网上一番查询以后,选了一个最简单,最符合的实现一番修改以后我的代码成了下面这样public oldPas

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
Angular

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

2020-02-24 标签:解决,angularjs,异步,操作,后台,请求,q,排列,先后顺序,问题,最近,程序,遇到,页面,选择,里面,众多的,选择项

最近我在做angularjs程序时遇到了一个问题1.页面有很多选择框,一个选择框里面有众多的选择项,和一个默认选定的项,像下面这样(很多选择框,不只一个):2.众多的选项要从后台接口得到,默认项从另一个后台接口得到,这就需要$promise.then()操作3.而多个$promise.then()属

CSS属性word-wrap
CSS

CSS属性word-wrap

2020-02-24 标签:word,wrap,n,ormal,break,参数,允许,内容,指定,容器,边界,将在,换行,需要,也行,发生说

CSS属性word-wrap : normal | break-word 参数:normal :  允许内容顶开指定的容器边界break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。对应的脚本特性为wordWr

css溢出隐藏并显示省略号,鼠标悬停显示全部文字
CSS

css溢出隐藏并显示省略号,鼠标悬停显示全部文字

2020-02-24 标签:css,溢出,隐藏,显示,省略号,今天在,样式,突然,需要,实现,不多,单行,文本,overflow,hidden,white,space

今天在写样式的时候突然需要实现样式css溢出隐藏并显示省略号.话不多说.单行文本溢出隐藏,单行文本溢出隐藏显示省略号

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Vue.js

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)

2020-02-24 标签:vue,过渡,效果,css,详解,结合,transition,animation,animate,toggle,按钮,控制,p,元素,为例,不使,用过

以一个toggle按钮控制p元素显隐为例,如果不使用过渡效果,则如下所示Toggle蓝色理想new Vue({el: '#demo',data: {show: true}})如果要为此加入过渡效果,则需要使用过渡组件transition 过渡组件Vue提供了transition的封装组件,下面代码中

Vue表单控件数据绑定方法详解
Vue.js

Vue表单控件数据绑定方法详解

2020-02-16 标签:vue,表单,控件,数据,绑定,方法,详解,基础,用法,v,model,指令,元素,创建,双向,它会,根据,类型,自动,选取

基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model本质上不过是语法糖,它负责监听用户的输入事件以更新数据[注意]v-model会忽略所有表单元素的value、checked、selected特性的初始值。因为它会选择Vu

vue 翻页组件vue-flip-page效果
Vue.js

vue 翻页组件vue-flip-page效果

2020-02-16 标签:vue,翻页,组件,flip,page,效果,方法,change,改变,页面,tap,点击,turning,正在,prev,一页,n,ext,翻到,指定

方法change (改变页面)tap(点击)turning(正在翻页)prev(前一页)next(后一页)翻到指定页面:handleSwitchManual(index) {if (index === this.currentIndex) return;this.$refs["turn"].toPa

JavaScript对象原型链原理详解
JavaScript

JavaScript对象原型链原理详解

2020-02-16 标签:javascript,对象,原型,原理,详解,这篇文章,主要,介绍,文中,通过,示例,代码,非常,详细,大家,学习,工作,具有,一定的

这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一个js对象,除了自己设置的属性外,还会自动生成proto、class、extensible属性,其中,proto属性指向对象的原型。对象的属性也