WEB前端 软件列表

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属性指向对象的原型。对象的属性也

JavaScript对象属性操作实例解析
JavaScript

JavaScript对象属性操作实例解析

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

这篇文章主要介绍了JavaScript对象属性操作实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在js对象中,我们可以对对象属性进行操作。上图的要点为:for-in会把原型链上的可枚举属性也列出来。上图的要点为:可以使用逻辑运算符&

JavaScript this使用方法图解
JavaScript

JavaScript this使用方法图解

2020-02-16 标签:javascript,使用方法,图解,这篇文章,主要,介绍,文中,通过,示例,代码,非常,详细,大家,学习,工作,具有,一定的,参考,价值,需要

这篇文章主要介绍了JavaScript this使用方法图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下本文我们介绍下js中this的用法。由上图可得,默认this指向window,而在node.js中this默认指向global。由上图可得:1

JQuery Ajax 跨域访问的解决方案
jQuery

JQuery Ajax 跨域访问的解决方案

2020-02-16 标签:jquery,ajax,访问,解决方案,具体情况,相互,http,www,aa,com,book,其他,bb,iframe

具体情况有: 一、本域和子域的相互访问: http://www.aa.com/和book.aa.com 二、本域和其他域的相互访问: http://www.aa.com/和http://www.bb.com/ 用 iframe 三、本域和其他域的相互访问: http://www.aa.com/和ht

jquery 简单的进度条实现代码
jQuery

jquery 简单的进度条实现代码

2020-02-16 标签:jquery,简单,进度条,实现,代码,本来的,计划,网页,设计师,没有人,认为,我设,到现在,还没有,工作,发泄,不多,说了

其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一下,不多说了。效果图需要用到的图片:背景图片:进度显示图片:网页结构:实现代码如下: css代码: 代码 实现代码如下: #center{ margin:50px auto; width:400px; } #

JQuery的html(data)方法与<script>脚本块的解决方法
jQuery

JQuery的html(data)方法与<script>脚本块的解决方法

2020-02-16 标签:jquery,html,data,方法,amp,lt,script,gt,脚本,解决方法,今天,注意到,返回,会过,滤掉,所有的,但有,特别是,ajax

“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML,还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时,特