摘要: 初始我们先模拟vue-cli新建这几个文件,然后通过webpack打包让其成功输出Hello World!结构如下: index.html——打包的html模版文件 一般来说,index.html是通过script标签直接引入main.js的,但是webpack打包之后会自动将其引入,所以这里不用写 阅读全文
posted @ 2019-05-21 17:29 HeSh 阅读(379) 评论(0) 推荐(0)
摘要: Vue父子组件之间通信的原理 父组件:props down —— 父组件通过props向下传递数据给子组件 子组件:events up —— 子组件通过事件events向上传递数据给父组件 下面我们来看一下具体的实现效果: 父组件 ==》子组件 1、首先在父组件上通过v-bind设置属性传值例如ke 阅读全文
posted @ 2019-05-16 18:05 HeSh 阅读(308) 评论(0) 推荐(0)
摘要: vue数据双向绑定原理 vue双向绑定的原理是通过Object.defineProperty()劫持数据结合发布者-订阅者模式的方式来实现的。 Object.defineProperty() Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属 阅读全文
posted @ 2019-05-16 12:59 HeSh 阅读(269) 评论(0) 推荐(0)
摘要: 挂载点 你所要实例化的element即#app就是挂载点 模版 挂载点里的内容就是模版 阅读全文
posted @ 2019-05-16 10:34 HeSh 阅读(211) 评论(0) 推荐(0)
摘要: vue.js是什么? 看完vue官网介绍可以知道——vue是一个轻量级,简单、易用、灵活的渐进式JavaScript框架。 框架又是什么?为什么会有框架? 看完官网的视频我们能大概了解到,前端开发中需要JavaScript代码操作html中的DOM结构进行动态交互。当一个项目功能复杂时,需要大量的j 阅读全文
posted @ 2019-05-16 09:58 HeSh 阅读(204) 评论(0) 推荐(0)
摘要: 最近有个页面需要用到select,UI给定了特定的样式,但是浏览器默认select的样式改不了,所以自己模拟实现一个 页面结构 js实现: 思路:1、因为要实现的功能是点击select框,列表出现,再点击框或者其他区域列表隐藏。 2、所以需要在select框上在定位一个透明的div作为显示列表的按钮 阅读全文
posted @ 2019-05-08 11:44 HeSh 阅读(1726) 评论(0) 推荐(0)
摘要: 代码结构: css样式: 然后在ie8浏览器中点击div#timeText时,总是不起作用,触发的都是下面div.text的事件,解决方法: 1、给绝对定位的元素添加样式:background:url(about:blank); 2、给绝对定位的元素随便添加背景色或者背景图片,然后将a标签的透明度设 阅读全文
posted @ 2019-05-08 11:17 HeSh 阅读(1018) 评论(0) 推荐(0)
摘要: 电脑蓝屏后,启动eclipse,报错 could not open `C:\Program Files\Java\jre7\lib\amd64\jvm.cfg' 检查环境变量:Path被修改了,%JAVA_HOME%\bin被删了,加上之后问题解决。 阅读全文
posted @ 2019-03-25 15:25 HeSh 阅读(254) 评论(0) 推荐(0)
摘要: 这里不做flex的详细介绍,学习flex请转flex布局语法教程。 要实现的效果: 因为在移动端使用fixed(固定定位)定位footer时,存在抖动问题(fixed在移动端的坑),所以这里使用flex来代替fixed使footer始终在底部位置。 flex属性简单介绍: 设置在容器上的属性: fl 阅读全文
posted @ 2019-01-18 16:49 HeSh 阅读(753) 评论(0) 推荐(0)
摘要: 下面就说说使用z-index需要注意的地方: 一、使用z-index时,必须同时使用position属性,而且属性值必须是relative、absolute、fixed。 二、z-index是根据父元素的z-index值决定的。 说的有点简单,比较详细的看这位css z-index详解。 层叠上下文 阅读全文
posted @ 2019-01-10 11:16 HeSh 阅读(838) 评论(0) 推荐(0)