- 博客(16)
- 收藏
- 关注
RSS订阅原创 Vue-router---导航钩子（导航守卫）
ps:“导航”表示路由正在发生改变。全局守卫你可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resol...
2018-05-31 11:14:40
754
原创 Node.js---以Ajax方式向后台传递参数
html代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #but{margin: auto; width:9
2018-05-31 09:04:09
1221
原创 Vue-router--- 安装及基本配置
js代码：/** * Created by luoxy on 2018/5/28. */var routes = [ //定义规则 { path:'/', //使用'/'符号代表首页路径 component:{ template:'<div><div>首页</div></div>'...
2018-05-29 10:48:44
223
原创 vue.js----注册组件
组件Vue.component('my-component-name', { /* ... */ })命名规范： 强烈推荐遵循 W3C 规范中的自定义组件名 (字母全小写且必须包含一个连字符)。这会帮助你避免和当前以及未来的 HTML 元素相冲突。使用 kebab-case 当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab...
2018-05-28 19:43:52
135
转载 vue.js---混合mixins
混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 例子：// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function...
2018-05-28 11:59:51
188
原创 vue.js---自定义指令 (配置传参及修饰符)
钩子函数的属性binding：一个对象，包含以下属性：name：指令名，不包括 v- 前缀。value：指令的绑定值，例如：v-my-directive="1 + 1" 中，绑定值为 2。//等于号后面的值oldValue：指令绑定的前一个值，仅在 update 和 componentUpdated 钩子中可用。无论值是否改变都可用。expression：字符串形式的指令表达式。例如 v-m...
2018-05-28 10:50:25
5897
4
原创 vue.js---自定义指令
注册一个指令：// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() }})然后你可以在模板中任何元素上使用新的 v-focus 属性，如下：<input v-focus>钩子函...
2018-05-28 10:15:05
203
原创 vue--过滤器
js代码：/** * Created by luoxy on 2018/5/27. */Vue.filter("currency",function(val,unti){ val = val || 0; unti = unti || "元"; return val + unti;})Vue.filter("len",function(val,m){ ...
2018-05-27 17:47:09
102
原创 vue--平行组件通信
js代码：/*平行组件通信*/var event = new Vue();Vue.component("me",{ template:'<div>我说：<input type="text" v-model="mesaid" @keyup="onChange">{{mesaid}}</div>', data:function(
2018-05-27 16:30:52
453
原创 Vue---组件子父通信
js代码：Vue.component("balance",{ template:'<div><show @showbalance="show_balance"></show><div v-if="show">余额￥98</div></div>' ,//监听自定义事件
2018-05-27 15:29:26
123
转载 Text-align和margin :0 auto 的区别
基本概念：1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释：所有浏览器都支持 text-align 属性；任何的版本的...
2018-05-16 11:21:48
536
转载 兄弟选择器 + ~ 的详解
1. + 选择器 如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。 比如：<style type="text/css"> h1 + p { margin-top:50px; color:red; }</style><body><p>This i...
2018-05-16 10:48:53
9376
原创 新学到的css3样式
1.去掉navigator的点击效果<navigator url="../list/list?type=1232&title=222" hover-class='none'><!--点击默认有高亮,可以设置颜色，可以设置为无--></navgator>2.增加点击效果cursor：pointer...
2018-05-07 09:35:15
90
转载 微信小程序---弹性盒子模型
1.弹性盒子布局弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局...
2018-05-07 09:30:08
6505
原创 微信小程序--调用外界API
1.注意使用this.setData({})方法时this的作用域问题，如果this外界有function说明this的作用域已经不是本页面，此时在方法外，使用 var that = this ，将this的值赋给一个变量。2.轮播图的使用方法<swiper indicator-dots="true"> //轮播图下面的指示点 autoplay="true" interval...
2018-05-07 09:12:26
5122
原创 微信小程序--项目结构的作用
小程序由一个应用程序实例和多个页面组成1.应用程序实例包括app.json;app.js;app.wxss三个页面组成1.1app.js全局的逻辑结构1.2app.json页面的配置文件，pages中的用来保存所有可能访问到的路径1.3app.wxss页面的全局样式2.页面对象内部结构小程序中，一个页面包含index.js;index.wxss;index.wxml;(index.json)四个文...
2018-05-06 17:33:30
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人