05 2019 档案

vue-router的基本用法
摘要：我们先理一下vue-router的基本使用方法，然后在上节输出Hello World!的基础上加入组件，通过路由实现组件与组件之间的转换。 安装vue-router 第一步：通过import引入vue、vue-router router/index.js 第二步：定义（路由）组件 router/in 阅读全文
posted @ 2019-05-23 15:56 HeSh 阅读(344) 评论(0) 推荐(0)
vue+webpack搭建项目基础架构
摘要：初始我们先模拟vue-cli新建这几个文件，然后通过webpack打包让其成功输出Hello World！结构如下： index.html——打包的html模版文件 一般来说，index.html是通过script标签直接引入main.js的，但是webpack打包之后会自动将其引入，所以这里不用写 阅读全文
posted @ 2019-05-21 17:29 HeSh 阅读(388) 评论(0) 推荐(0)
vue入门学习篇——父子组件通信
摘要：Vue父子组件之间通信的原理 父组件：props down —— 父组件通过props向下传递数据给子组件 子组件：events up —— 子组件通过事件events向上传递数据给父组件 下面我们来看一下具体的实现效果： 父组件 ==》子组件 1、首先在父组件上通过v-bind设置属性传值例如ke 阅读全文
posted @ 2019-05-16 18:05 HeSh 阅读(309) 评论(0) 推荐(0)
vue入门学习篇——数据双向绑定原理及简单实现
摘要：vue数据双向绑定原理 vue双向绑定的原理是通过Object.defineProperty()劫持数据结合发布者-订阅者模式的方式来实现的。 Object.defineProperty() Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属 阅读全文
posted @ 2019-05-16 12:59 HeSh 阅读(271) 评论(0) 推荐(0)
vue入门学习篇——挂载点、实例、模版之间的关系
摘要：挂载点 你所要实例化的element即#app就是挂载点 模版 挂载点里的内容就是模版 阅读全文
posted @ 2019-05-16 10:34 HeSh 阅读(214) 评论(0) 推荐(0)
vue入门学习篇——初识vue
摘要：vue.js是什么？ 看完vue官网介绍可以知道——vue是一个轻量级，简单、易用、灵活的渐进式JavaScript框架。 框架又是什么？为什么会有框架？ 看完官网的视频我们能大概了解到，前端开发中需要JavaScript代码操作html中的DOM结构进行动态交互。当一个项目功能复杂时，需要大量的j 阅读全文
posted @ 2019-05-16 09:58 HeSh 阅读(206) 评论(0) 推荐(0)
模拟实现select组件功能
摘要：最近有个页面需要用到select，UI给定了特定的样式，但是浏览器默认select的样式改不了，所以自己模拟实现一个 页面结构 js实现： 思路：1、因为要实现的功能是点击select框，列表出现，再点击框或者其他区域列表隐藏。 2、所以需要在select框上在定位一个透明的div作为显示列表的按钮 阅读全文
posted @ 2019-05-08 11:44 HeSh 阅读(1731) 评论(0) 推荐(0)
ie8绝对定位存在的坑
摘要：代码结构： css样式： 然后在ie8浏览器中点击div#timeText时，总是不起作用，触发的都是下面div.text的事件，解决方法： 1、给绝对定位的元素添加样式：background:url(about:blank); 2、给绝对定位的元素随便添加背景色或者背景图片，然后将a标签的透明度设 阅读全文
posted @ 2019-05-08 11:17 HeSh 阅读(1022) 评论(0) 推荐(0)