上一页 1 2 3 4 5 6 7 8 9 10 ··· 12 下一页
摘要: 什么是vuex? 简单来说就是集中管理所有的状态。 为什么要用vuex? 对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$emit发送事件都到父组件; 对于组件与组件之间的通信,可以new一个新的Vue实例,专门用来做event bus进行通信。 对于父子组件之前的通信,父组件 阅读全文
posted @ 2018-08-16 18:32 小菜与小鸟 阅读(578) 评论(0) 推荐(0) 编辑
摘要: 1.当登陆成功 显示用户名且去掉登陆和注册按钮 2.data里声明 后 就在登陆的方法里调用啦 下面说一下登陆的方法。 1.登陆的按钮代码在第一张图片里 2.登陆的弹出框 3.方法 ps:另一种组件传值的接收(下面的第二张图片) 是 admin 用户 就显示 用户管理栏目 不是这个用户 就隐藏这个栏 阅读全文
posted @ 2018-08-10 16:56 小菜与小鸟 阅读(7678) 评论(1) 推荐(0) 编辑
摘要: 今天写了一个简单的验证,本来前面用的组件,但是感觉写的组件在此项目不是很好用,由于用到的地方比较少,所以直接写在了页面中。页面展示如图 <div> <p class="fl"> <input name="phone" type="number" placeholder="手机号" v-model=" 阅读全文
posted @ 2018-08-09 17:32 小菜与小鸟 阅读(2302) 评论(0) 推荐(0) 编辑
摘要: 相信普通的vue组件大家都会写,定义 -> 引入 -> 注册 -> 使用,行云流水,一气呵成,但是如果我们今天是要自定义一个弹窗组件呢? 首先,我们来分析一下弹窗组件的特性(需求): 0. 轻量 –一个组件小于 1Kib (实际打包完不到0.8k) 1. 一般都是多处使用 –需要解决每个页面重复引用 阅读全文
posted @ 2018-08-09 15:26 小菜与小鸟 阅读(536) 评论(0) 推荐(0) 编辑
摘要: ——————– 如上图所示:需要完成的功能是点击更改头像,获取本地文件库,选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能,代码如下: HTML: 1 2 3 4 5 6 7 8 9 10 11 12 注意: 1.accept 属性用于限制图像的格式 如:(accep 阅读全文
posted @ 2018-08-07 15:36 小菜与小鸟 阅读(9580) 评论(0) 推荐(0) 编辑
摘要: window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性。 IE浏览器 阅读全文
posted @ 2018-08-07 15:27 小菜与小鸟 阅读(1677) 评论(0) 推荐(0) 编辑
摘要: 在前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法。 html代码: <div id="myPhoto" v-show="personalPhoto"> <div id="myPhoto" v-show="personal 阅读全文
posted @ 2018-08-07 14:58 小菜与小鸟 阅读(2347) 评论(0) 推荐(0) 编辑
摘要: 因为最近遇到个移动端上传头像的需求,上传到后台的数据是base64位,其中为了提高用户体验,把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时,会发生图片旋转,为了解决这个问题引入了exif去判断拍照时的信息再去处理图片,这是个很好的插件。关于exif.js可以去他的GitH 阅读全文
posted @ 2018-08-07 14:56 小菜与小鸟 阅读(7696) 评论(1) 推荐(0) 编辑
摘要: ajaxFileUpload是一个异步上传文件的jQuery插件。 语法:$.ajaxFileUpload([options]) options参数说明: 1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。3,se 阅读全文
posted @ 2018-08-07 14:49 小菜与小鸟 阅读(3707) 评论(0) 推荐(0) 编辑
摘要: 表单提交,文件上传是一个常用又十分麻烦的功能,以前要上传文件通常都是借助插件或者flash来实现,噼里啪啦的加载一大堆东西。自从有了HTML5的FormData后,老板再也不用担心我的上传了。 FormData可以把它理解成一个虚拟的表单对象,它只有一个方法append,这个可以在浏览器consol 阅读全文
posted @ 2018-08-06 16:31 小菜与小鸟 阅读(833) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 10 ··· 12 下一页