- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 vuex的入门文档
如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。我在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 :template>
2018-04-26 14:06:54
249
原创 日常开发中的一些BUG总结
一：css篇1：弹出层的背景层虽然设置了fixed-top:0;left:0;依然不会定位到最顶部； 原因：检查一下是否是其他样式影响了，比如导航如果也设置了fixed定位，这种情况可以通过设置z-index来设置元素的堆叠顺序；2：在使用其他组件时，有时会碰到对引用的组件设置样式不起作用的情况： 原因：有些组件的api是组件独享的，不是html标签api，所以所设置的样式不会对其起...
2018-04-24 15:38:31
419
原创 微信小程序--日期格式化和实现倒计时
首先看看日期怎么格式化第一种：Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), /...
2018-04-23 14:12:10
5790
转载 微信小程序各种动画轮子链接
惭愧！我不是轮子的创造者，我只是轮子的搬运工文字跑马灯效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038 触摸水波涟漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜单效果：http://www.wxapp-union.com/portal....
2018-04-23 10:58:33
1107
原创 多种方式实现字幕滚动效果
1.html5有marquee标签来直接实现字幕的滚动效果 onMouseOut="this.start()" width="100%" height="100px" align="right"> 111111111111 222222222222222
2018-04-21 15:01:41
4090
原创 微信小程序实现按价格/销量等排序
//按价格排序jiage: function () {var arry_length = this.data.li_content.length //按价格排序 获取数据数组的长度for (var i =0; i for (var j =0; j 1; j++) {let arry_jiage1 = this.data.li_content[j].jia
2018-04-19 17:24:37
16567
3
原创 微信小程序动态添加Class
由于小程序自身封装的原因，不能像js那样直接操纵dom，所以需要通过绑定数据来实现：<div bindtap="gouwuche" class="{{kucun==0?'hui':''}}">加入购物车</div>上面的class就是动态绑定的，其原理是通过kucun这个data值来判断hui这个class是否出现，当然kucun这个data怎么来的可以自行设置，比如跳转传...
2018-04-18 13:49:18
6800
原创 微信小程序跳转传参的方法
两种方式：一是通过导航组件；而是利用wx:navigateTo的API(原理都一样：通过url传参)一：导航组件的方式：1.首先在页面建立导航2.在跳转后的页面接收参数：利用钩子函数onLoad: function (options) {this.setData({title: options.title,index: options.index})
2018-04-16 14:40:58
567
原创 微信小程序获取表单元素的输入值
有时我们不想通过表单的submit事件来获取表单元素的value值，但又不能通过jq那样的方式，所以这里列举一下如何获取表单元素的值1.input的输入值：首先在input上绑定事件然后在quzhi_input事件中获取值quzhi_input：function(e){ console.log(e.detail.value)//或者直接赋值给data中的值th
2018-04-13 11:26:08
5160
原创 css媒体查询来兼容
1，判断ipad：@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){ 样式}2，判断ipad横屏：@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and(orientat...
2018-04-04 16:08:03
612
原创 jq---data()方法的妙用
有这样一种场景：将左侧表格中的内容在点击添加的时候，右侧列表会增加相应的一列数据，然而反过来还需要点击右侧列的删除时相应的对左侧表格中的对应行操作，此时可以用jq的data()方法，在第一步点击左侧表格添加的时候向该行附加数据，然后左侧点击删除的时候根据附加的数据选择对应行！其实质是把附加数据作为标记，代码如下：// 左侧点击添加到右侧列表 $('.nowkucun_table1').on(...
2018-04-03 16:00:49
1715
原创 利用vue-router的动态路由和路由传值实现同一模板渲染不同数据
在日常开发中有一种场景非常常见，比如有一百个列表链接，点击链接后进入的页面模板布局都是一样的，只是简单的有些数据不一样，所以在vue中可以利用vue-router的动态路由和路由传值实现，具体如下：1，在配置模板页面的路由的时候要用动态路由，并开启props模式：{ path:'/auction_detail_index/:id', component:auct
2018-04-03 10:37:52
5088
1
原创 echarts在vue中的使用
安装：cmd进入项目根文件夹 cnpm install echarts --savemain.js中全局引入：import echarts from 'echarts'Vue.prototype.$echarts = echarts或者不用在main.js中全局引入，哪个页面使用在哪里引入即可，比如我是在load_ajax.vue这个页面用所以，此页面结构如下：<template> ...
2018-04-03 10:00:24
2184
原创 jquery-confirm小弹窗插件的简单使用
这里只是简单的说说如何在vue中使用，想看更多的可以移步此插件官网，很详细http://craftpip.github.io/jquery-confirm/安装和全局引用就不多说了，很简单npm，import就好了需要注意的是，要引入css文件，否则样式不会被加载进来<template> <div class=""> <button type="butto...
2018-04-03 09:47:08
1297
原创 better-scroll在vue中实现原生滚动和上拉/下拉加载的效果
为了方便在VUE中的使用，可以把better-scroll抽化成一个组件，比如我抽化成了一个scroll组件，如下：<template>//ref="wrapper"不能更改 <div ref="wrapper">//此处放加载异步加载的内容 <slot name="header"></slot>//此处为上拉后没有数据的时候显示
2018-04-03 09:34:25
5611
3
原创 封装的一个jq实现表格列分页的函数
目前大部分插件都能实现行分页(tr),但一直没找到能够实现列分页（td）的插件，无奈自己封装了一个用此函数的注意事项：1，table必须要有class="column_paging_table"class2，分页按钮必须是如下结构(class="yema"和class="page_bt")不能变，样式可以自行天马行空<div class="yema"><!-- <butto
2018-04-02 16:38:19
456
zhongji2 - 副本.rar
2019-12-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人