2018年05月_南城夏季

原创 vue怎么限制你设置你循环你次数

<p v-for="(lab,index) in card.label" v-if='index<8'></p>这样就能限制你拿到的数量为8个

2018-05-22 10:39:57 4668

原创 location.reload() 和 location.replace()的区别和应用

首先介绍两个方法的语法：reload 方法，该方法强迫浏览器刷新当前页面。语法： location.reload([bForceGet]) 参数： bFor...

2018-05-04 14:31:46 862 1

原创 Vue2.0 render:h => h(App)

1 new Vue({2 3 router,4 store,5 //components: { App } vue1.0的写法6 render: h => h(App) vue2.0的写法7 }).$mount('#app')render函数是渲染一个视图，然后提供给el挂载，如果没有render那页面什么都不会出来vue.2.0的渲染过程：1.首先需要了...

2018-05-04 12:30:54 226

原创 -webkit-font-smoothing: antialiased;

CSS3的一个属性，这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。-webkit-font-smoothing有三个属性none ------ 对低像素的文本比较好subpixel-antialiased ------默认值antialiased ------抗锯齿很好例子：body{-webkit-font-smoothing: antialiased;}...

2018-05-04 12:22:28 1860

原创多平台开发要用的-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。示例：设置高亮色为50%透明的红色:-webkit-tap-highlight-color: rgba(255,0,0,0.5);浏览器支持: 只有iOS(i...

2018-05-04 12:19:30 1246

原创 -webkit-appearance: none解决ios样式的的不一性

先上代码：下面这个按钮其实在安卓和ios平台的显示效果是不一样的解释：-webkit-appearance属性拓展改变按钮和其他控件的外观，使其类似于原生控件。-webkit-appearance 是一个不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支...

2018-05-04 12:14:51 3312

转载 Vue2.0插件写、用详解（附demo）

Vue插件出处http://blog.csdn.net/qq200046041、概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等2、使用方法总体流程应该是：【声明插件】——【写插件】——【注册插件】——【使用插件】写插件和声明插件是同步的，然后注册到Vue对象中（不用担心重复注册），最后...

2018-05-04 10:10:09 363

原创 vue2.0详细目录结构注解

#代表注解 —-代表一级目录 ————代表二级目录 ————//代表该文件下内文件内部的内容 ——————–//代表内部的注解的注意内容sell # 项目根目录名称（自定义） —-build #(webpack配置相关) —-config #(webpack配置相关) —-node_modules #npm install 安装的依赖代码库 —-src #存放项目源码 ————assets #放置...

2018-05-04 10:02:53 527

原创简写vue生命周期

什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。...

2018-05-04 09:55:43 138

原创 vue中track-by属性

简单代码实例：<div class="star" :class="starType"> <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item" track-by="$index"></span>&l

2018-05-04 09:18:52 1349

weixin_39818813的博客