logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue 组件实现表单的双向绑定

下面是一个简单的货币输入的自定义控件,来自https://cn.vuejs.org/v2/guide/components.html:{{price}}Vue.component('currency-input',{template: '' +'' +'$ ' +'',

#javascript
Vue过渡transition实现轮播组件

        轮播组件的使用非常广泛,与前写的swiper不同,这个组件实现的是自动轮播的功能。先上效果图:        纵向滚动的轮播一般适用于一些信息的滚动展示        横向滚动的轮播一般适用于banner图的变换        这种组件写起来也其实也不算复杂,但是用Vue的transition组件会更加简单。1、Vue过渡组件transition    ...

Vue 使用 Mint UI 实现左滑删除效果(CellSwipe)

Mint UI 是饿了么开源的,基于Vue.js 的移动端组件库。关于MintUI,有文档不够准确详尽,组件略显粗糙,功能不够完善等问题;也有高度组件化,体积小等优点。安装MintUI:# Vue 1.xnpm install mint-ui@1 -S# Vue 2.0npm install mint-ui -S引入组件:// 引入全部组件im

#javascript
Vue 使用 vuelidate 实现表单验证

表单验证的应用场景十分广泛,因为网站对用户输入内容的限制是非常必要的。在vue中,我们使用vuelidate方便地实现表单验证。1、安装使用npm安装:npm install vuelidate --save在main.js中引入:import Vuelidate from 'vuelidate'Vue.use(Vuelidate)在组件.vue中引入需要使用的验

#javascript
用 vue-router 实现 tab 标签页(单页面)

vue-router 是 Vue.js 官方的路由插件,适合用于构建标签页应用。Vue 的标签页应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来,vue-router 会把各个组件渲染到正确的地方。首先,.vue中的内容非常简单,创建标签,并指定路径,渲染路由匹配到的组件。

#javascript
Vue 中的按键别名(.enter)和修饰键(.ctrl)

1、按键别名在监听键盘事件时,我们经常需要监测常见的键值。Vue 允许为 v-on 在监听键盘事件时添加关键修饰符:对于一些常用键,Vue 还提供了按键别名:全部的按键别名: .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right2、修饰键除了

#javascript
用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)

路由跳转前做一些验证,比如登录验证(未登录去登录页),是网站中的普遍需求。对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。导航守卫(navigation-guards)这个名字,听起来怪怪的,但既然官方文档是这样翻译的,就姑且这么叫吧。贴上文档地址:https://router.vuejs.org/zh-c

#javascript
JavaScript中的 eval() 函数究竟有什么用

之前对eval()函数一直有一些疑问,觉得没什么用,很疑惑为什么设计这样一个方法,今天来总结一下。1、定义和用法eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。返回通过计算 string 得到的值(如果有的话,无值返回undefined)。只接受原始字符串作为参数,如果 string参数不是原始字符串,那么该方法将不作任何改变地返回。如

#javascript
css 实现元素自适应屏幕大小---等比缩放

        有的时候,我们需要一个元素无论在什么尺寸的设备上都以一定的宽高比展示,或者说等比缩放,比如下面这个例子:无论屏幕大小如何变化,这张背景图都需要完全展示出来。        元素的宽度自适应很好实现,高度要等比例变化的话,就需要一个css知识点:        元素的margin和padding属性的值(无论是上下边距还是左右边距)如果设置为百分比,都是以宽度为基准计算。...

#css
JavaScript 对象与 JSON 对象的相互转换

一、JSON对象ES5定义了全局对象JSON,对解析JSON的行为制定了规范。JSON对象有两个方法:stringify() 和 parse()。二、JavaScript 对象序列化为 JSON对象JSON.stingify( js对象 [, 过滤器] [, 选项])二三参数可选,js对象中的函数和原型成员将被忽略,值为undefined的属性也被跳过。默认情况下,

#javascript
到底了