webmirror + 关注
Good good study, day day up

开源/免费/强大的移动端触摸滑动插件 — Swiper

发布时间:2017-11-27 18:41:56 浏览:8224 评论 :0

Swiper是一款免费及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话),主要使用与移动端的网站/网页应用程序(web apps)/原生应用程序(native apps),主要是为IOS而设计的,同时在Android/WP8系统及现代桌面浏览器也有着良好的用户体验 swipe.

javascript 函数 string class 插件 滑动 swiper

懒加载和预加载的实现

发布时间:2017-11-17 17:19:16 浏览:7163 评论 :0

提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以及实现 懒加载 什么是懒加载 懒加载也就是延迟加载;当访问一个页面时,先将img标签中的src链接设为同一张图片(这样就只需请求一次,俗称占位图),将其真正的图片地址存储在img标签的.

javascript css 函数 http js 浏览器 Image 预加载 脚本 插件 懒加载 echo.js lazyload.js

css知识梳理

发布时间:2017-11-15 13:44:54 浏览:1792 评论 :0

写完之前的一篇"一起领略css3动画的强大"之后,我发现自己以为的懂得并不是真的懂得,所以现在来好好把css3来梳理一下 css属性组 动画属性(Animation) @keyframes - 规定动画 通过@keyframes规则能够创建动画,创建动画的原理是:将一套CSS样式逐渐变化为另一套样.

css 布局 浏览器 Animation background transform Outline transition border font

一起领略css3动画的强大

发布时间:2017-11-10 16:49:38 浏览:1717 评论 :0

CSS3的确出了不少高大上的功能,3D效果/动画/多列等等;今天写篇文章记录怎么一下怎么用CSS3写一个动画;不过还是要提醒大家:IE9及以下版本不支持CSS3动画(需要可以考虑用js,不过估计效果不好);chrome和safafi建议加上前缀-webkit-以向前兼容老版本 CSS3动画相关的几.

css 浏览器 动画 Animation transform transition

移动端自适应布局的最好工具-rem

发布时间:2017-11-09 16:02:36 浏览:5693 评论 :0

提到rem,大家首先会想到的是em/px/pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦 先看看兼容性,关于移动端: ios:6.

css 布局 浏览器 REM html em 屏幕自适应 响应式布局

javascript中的执行环境和作用域详解

发布时间:2017-11-08 12:00:12 浏览:3834 评论 :0

首先,我们要知道执行环境和作用域是两个完全不同的概念 函数的每次调用都有与之紧密相关的作用域和执行环境;从根本上来说,作用域是基于函数的,而执行环境是基于对象的(例如:全局执行环境即window对象);换句话说,作用域涉及到被调用函数中的变量访问,且不同的调用场景是不一样的;执行环境始终是this.

javascript 函数 LOG js 浏览器 作用域 执行环境 作用域链

深入浅出了解 JavaScript 中的 this

发布时间:2017-11-07 17:35:22 浏览:22539 评论 :1

this是Javascript语言的一个关键字;它代表函数运行时自动生成的一个内部对象,只能在函数内部使用 首先必须要说的是,this的指向不是在函数定义时确定的,只有函数执行的时候才能确定,实际上this最终指向那个调用它的对象(网上大部分的文章都是这样说的,而且在很多情况下这样理解不会出问题,.

javascript 函数 LOG 箭头函数 BIND this

JavaSript模块规范--AMD规范与CMD规范

发布时间:2017-11-01 17:02:24 浏览:1932 评论 :0

有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块;但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则岂不是乱了套;考虑到Javascript模块现在还没有官方规范,这一点就更重要了

javascript 服务器 函数 require 模块 js 浏览器 同步 ADD 编程 cmd AMD common.js require.js sea.js

前端最好用弹框组件-layer

发布时间:2017-10-27 11:17:43 浏览:4271 评论 :0

layer是一款近年来备受青睐的web弹层组件,它甚至兼容了包括IE6在内的所有主流浏览器;而且layer采用MIT开源许可证,将会永久性提供无偿服务.现在你肯定对layer充满了兴趣,首先,了解layer肯定避不开layui,layui是一个集合多个组件,例如:layer/laypage/laydate等的前端框架,和Bootstrap是同类别的,而layer一直是layui的代表作.

配置 索引 string jquery open index type Layer layer.open

vue规模化

发布时间:2017-09-15 17:44:47 浏览:1744 评论 :0

react redux 路由 vue vue规模化 vue状态管理

vue工具

发布时间:2017-09-15 17:00:23 浏览:2540 评论 :0

javascript 函数 模块 配置 webpack 测试 string vue工具 Browserify Rollup

vue的可复用性和组合

发布时间:2017-09-14 18:23:03 浏览:6023 评论 :0

函数 Render 插件 组合 vue 复用

vue中过渡和动画

发布时间:2017-09-11 17:48:00 浏览:1971 评论 :0

.fade-enter-active, .fade-leave-active { transition: opacity .5s } .fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.

javascript css 函数 js 动画 Animation velocity vue 过渡

vue中的组件

发布时间:2017-09-11 11:04:49 浏览:3202 评论 :0

什么是组件 组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展 使用组件 注册 我们可以通过以下方式创建一个Vue实例: new Vue({ el: '#some-element', // 选项 }) 要注册一个全局组件,可以使用Vue.component(tagName, options)。

函数 js class input template 组件 vue

vue中表单控件绑定

发布时间:2017-08-10 18:41:43 浏览:1998 评论 :0

可以用v-model指令在表单控件元素上创建双向数据绑定;它会根据控件类型自动选取正确的方法来更新元素;但v-model本质上是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子

type input 数组 lazy number vue trim

vue事件处理器

发布时间:2017-08-10 17:42:54 浏览:1597 评论 :0

许多事件处理的逻辑都很复杂,所以直接把JavaScript代码写在v-on指令中是不可行的;因此v-on可以接收一个定义

javascript form input click vue v-on keyup keyup.13

vue.js列表渲染

发布时间:2017-08-10 16:16:01 浏览:1975 评论 :0

我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名

js 排序 索引 index key 数组 Filter 组件 vue v-for 重塑数组

vue.js条件渲染

发布时间:2017-08-10 09:35:45 浏览:1504 评论 :0

因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想切换多个元素呢?此时我们可以把一个 <template> 元素当做包装元素,并在上面使用 v-if。最终的渲染结果不会包含 <template> 元素

js type input vue v-if v-show v-else-if

vue中class与style的绑定

发布时间:2017-08-09 18:05:31 浏览:1581 评论 :0

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind 用于 class 和 style 时, Vue.js 专门增强了它。

表达式 class html 数组 vue 对象绑定 数组绑定

vue计算属性

发布时间:2017-08-09 16:44:43 浏览:1790 评论 :0

模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。例如:

函数 HTTPS watcher methods computed getter setter

7