- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue2.0中的组件通信3——兄弟组件之间通信
上一篇我写了子组件通过事件向父组件发送数据，在这里我们就来聊聊同级组件之间数据通信的问题。同级组件之间的通信需要依赖一个vue实例作为中介者，（类似邮差）起到传递信息的作用。 我的代码依然沿用上面两篇的目录结构： 新建一个event.js文件，在里面新建一个vue实例，这个实例就承担起了组件之间通信的桥梁了，也就是中央事件总线。 加入代码 event.js：import Vue fr...
2018-03-20 15:04:17
7321
原创 vue2.0中的组件通信2——子组件向父组件传递数据
上一篇我写了父组件如何向子组件下发数据的操作，今天我们来聊聊子组件如何向父组件发送数据。在Vue.js中是通过事件来完成子组件向父组件发送数据的。 代码沿用上一篇的结构。上代码： 初始状态 子组件 childOne.vue中 先写好需要发送的数据 父组件app.vue 效果： 然后开始进行数据发送： 在子组件中增加一个按钮并未按钮绑定一个发送数据的事件sendData：在...
2018-03-20 12:13:30
536
原创 vue2.0中的组件通信操作1——父组件向子组件下发数据
Vue.js最大的特性之一就是组件化开发方式，带来的一点小问题就是数据分散到了各个组件中，不像传统的一个.html页面的基本上所有的数据都在一个页面上无缝操作。Vue.js中也有实现数据共享的机制，在Vue.js中叫做组件通信，简单来说就是在组件之间完成传递数据的操作。你想要它手里的数据，可以拿到，他想要你的数据，也可以获取。 那么，组件通信如何实现呢？组件一般可以分为父子组件和兄弟组件，我们先...
2018-03-19 16:57:48
629
原创 小程序swiper切换闪屏问题
小程序swiper滑动闪屏问题在小程序开发过程中使用swiper做轮播图，发现当用户切换图片过快时会出现异常的闪屏现象，官方文档 中描述了这个Bug & Tip： 在电脑上测试的时候没有问题，但是在真机上会出现这种情况，当然一般用户不会切换那么快，我们还是要考虑如何避免这种会导致小程序崩溃的问题。项目中的swiper效果： -解决方案: 函数防抖 既然是切换过快，不停...
2018-03-14 12:19:06
15309
6
原创 cordova Hybrid App环境搭建以及工程创建
最近在公司有一个项目，用到了cordova，再次记录下项目中遇到的问题及解决方案。其实使用cordova开发Hybrid App,开发方式处理在搭建环境之外，其他开发模式与web的开发模式无很大差别，基本上都是使用html，css，js的方式完成项目开发。官网中文文档步骤一、环境搭建：1.node.js官网下载地址2.安卓/ios 开发环境二、安装c
2018-01-26 16:18:55
581
原创 小程序开发之页面参数传递
在小程序开发的过程中，我们会经常遇到页面参数传递的问题，那么小程序是如何传递参数的呢？下面我以传递id为例，写出实现过程。第一步：在链接后面加上需要传递的参数 将参数写在链接后面 格式：？key=value，如需传递多个值，可用&号连接多个值:?id={{item.id}}&name={{item.name}}第二步：在跳转到的页面打印输入传递过来的参数 拿到id第三步：将传递...
2017-09-27 12:29:09
1652
原创 小程序开发之获取token值
在小程序开发的过程中。我们在处理登录模块的时候需要拿到token值。根据官方文档的描述，这一过程需要与后端同事共同配合才能拿到。 // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId // console.log(res) ...
2017-09-27 11:30:35
27019
3
原创 页面上的图片太多？快试试懒加载！
今天在项目开发的过程中，调用后台提供的一个接口的时候，返回了93张图片，并且每张图片都是700*700，真叫人头大！结果自然是打开页面的时候卡的比较严重。显然，作为一名合格的前端工程师，我们必须采取一些措施，以提高用户体验。 一方面向后台同事反应问题，提醒他们将图片的规格修改成比较小的，另一方面，我们前端也可以通过懒加载来减缓服务器压力，优化网页性能。就算是后台提供的图片很小...
2017-07-26 22:15:24
943
原创 使用JavaScript获取设备信息
navigator.appVersion可以获取系统、设备等信息。所以使用Javascript获取用户的设备信息主要是对字符串的裁剪和拼接操作。初始打印出来的数据： 正好我使用的红米4手机打印出来的数据顺序跟其他的安卓手机不太一样，对它的数据做了特别的处理。最终效果如下： 代码：html部分:无JavaScript部分:// 获取初始信息 var app=navigator.
2017-07-10 12:39:09
18124
转载 如何改变默认的checkbox样式
我们在项目中使用到input标签的checkbox的时候，它的默认样式通常无法满足项目需求，主要是它显得有点小而丑。将它根据项目的需求进行改造就是我们要做的事情了，下面讲两种常用的做法。1.使用背景图片代替选中效果 主要原理就是将原来的checkbox隐藏：visibility: hidden属性但它依然占据位置，用图片代替它的位置。 优点就是兼容性好 效果图： 代码：--...
2017-07-07 22:13:40
53280
6
转载 实现文本域输入字数的限制
实现文本域输入字数的限制我们在QQ空间发表说说发微博的时候，会有140字的字数限制。今天我们也来把这个简单的效果做出来，刚好是项目中遇到的小问题。在此记录下来。写代码： ``javascript (“textarea”).on(“input propertychange”, function() { var(“textarea”).on(“input propertychan
2017-06-21 22:20:50
1275
原创 如何在登陆后返回之前浏览的页面
如何登陆后返回之前的浏览页面我们在浏览很多网站的时候，当你进行某项操作的时候，网也会提示你要登陆，在你进行登陆后，页面会跳转到之前你访问的页面，这是怎么做到的呢？首先，上个页面会带有一个叫做referrer参数返回到当前页面，这个参数就是商业页面访问的信息基本思路是：在登陆成功后让js判断是否有referrer，如果有，回到之前的页面，如果没有，那就跳转到首页就行了。看代码说话：//登录成功
2017-06-21 21:47:02
4127
原创 jQuery对象与DOM对象的相互转换
通过jQuery选择器获取的对象与通过document.getElementById获取的对象是不同类型对象。 使用jQuery获取的对象不能使用DOM中的方法，而DOM对象也不能直接使用jQuery中的方法，例如 $p.html(*)是会报错的。那就涉及到将他们相互转换的问题，那么，如何将他们相互转换呢？1.jQuery对象转DOM对象方法一：[index] (1) jQuer...
2017-04-20 15:18:43
404
转载 教你分清HTTP与HTTPS
HTTP与HTTPS的区别超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息，HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如：信用卡号、密码等支付信息。 为了解决HTTP协议的这一缺陷，需要使用另一种协议：安全套接字层超文本传输协议HTTP...
2017-03-28 23:44:24
2495
原创 windows系统下VI编辑器的基本使用
vi编辑器是Linux系统下标准的编辑器.而且不逊色于其他任何最新的编辑器.但是在windows系统中如何使用VI编辑器呢？下面给大家介绍在git环境下的vi编辑器的简单用法和部分命令.工具原料：git2.7.2, 下载地址：https://git-for-windows.github.io/首先启动git:VI编辑器基本上可以分为三种状态，分别是命令模式（command mode）、插入模式（...
2017-03-11 23:18:32
8621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人