上一页 1 2 3 4 5 6 ··· 15 下一页
摘要:结构 样式 行为真正的分离 前端初级人员会在页面上单纯的用各个div把相关内容独立开; 前端中级人员明白相关属性的设置会给元素带来什么改变,从而减少div的书写; 前端高级人员会以及其简单的和稳定的方式实现相应的效果。 代码展示: <!DOCTYPE html> <html> <head> <met 阅读全文
posted @ 2017-12-29 22:48 Z皓 阅读(920) 评论(0) 推荐(0) 编辑
摘要:SEO:搜索引擎优化(免费); SEM:搜索引擎营销(付费)。 它们两者的区别是: 1、SEM高投入,SEO低投入; 2、SEM短、效益块,SEO长期投入、增长慢; 3、新广告法颁布之后SEM广告位减少,竞争压力大。 专业名词解释 1、IP:独立IP访问的用户; 2、PV:页面浏览量或点击量; 3、 阅读全文
posted @ 2017-12-29 15:55 Z皓 阅读(1438) 评论(0) 推荐(0) 编辑
摘要:案例需求: 创建一个品牌展示表格,表头有编号(id),品牌名称(name),创建时间(time)和操作,需要实现的功能是对数据的增删操作,和时间的格式化。 思路分析:在开发之前需要想清楚要用到Vue中的什么方法或者特性来实现所要的功能,把案例分成以下几个部分来开发: 展示数据,需要使用v-for指令 阅读全文
posted @ 2017-12-27 17:27 Z皓 阅读(2432) 评论(0) 推荐(1) 编辑
摘要:计算属性是一个很邪门的东西,只要在它的函数里引用了data中的某个属性,当这个属性发生变化的时候,函数仿佛可以嗅探到这个变化,并自动重新执行。 上代码会源源不断的打印出a的值。如果希望b依赖data中的x而变化,只需要保证b函数中有this.x即可。如果函数中没有出现data中的属性,那么无论dat 阅读全文
posted @ 2017-12-27 07:06 Z皓 阅读(843) 评论(0) 推荐(0) 编辑
摘要:Vue.js最核心的功能有两个,一个是响应式的数据绑定系统,另一个是组件系统。本文仅仅探究双向绑定是怎样实现的。先讲涉及的知识点,再用简化的代码实现一个简单的hello world示例。 一、访问器属性 访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过defineProperty 阅读全文
posted @ 2017-12-26 23:08 Z皓 阅读(253) 评论(0) 推荐(0) 编辑
摘要:前言 一般地,当模板内容比较简单的时候,使用data选项配合表达式即可。涉及到复杂逻辑时,则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项。 data data是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter, 阅读全文
posted @ 2017-12-26 20:40 Z皓 阅读(1129) 评论(0) 推荐(0) 编辑
摘要:实现商品购买列表页面 步骤一:新建goodslist.vue文件 <template> <div id="tml"> <!--利用mui中的图文表格组件实现--> <div id="mui-content" class="mui-content" style="background-color:#f 阅读全文
posted @ 2017-12-26 08:06 Z皓 阅读(2069) 评论(0) 推荐(0) 编辑
摘要:实现图片分享列表 步骤一:新增图片列表文件photolist.vue <template> <div id="tml"> 图片分享页面 </div> </template> <script> </script> <style> </style> 步骤二:配置入口文件main.js的路由规则 //导入 阅读全文
posted @ 2017-12-25 10:30 Z皓 阅读(2317) 评论(0) 推荐(0) 编辑
摘要:实现新闻咨询页面 目录结构 步骤一:创建newslist.vue文件 <template> <div id="tml"> <!--使用mui框架,实现新闻资讯列表样式--> <ul class="mui-table-view"> <li v-for="item in list" class="mui 阅读全文
posted @ 2017-12-25 07:08 Z皓 阅读(2975) 评论(0) 推荐(0) 编辑
摘要:实现根组件通用的头部和底部样式 明白由webpack搭建起来的Vue项目的执行流程,那么就可以知道实现这个需要只要在根组件和入口文件上做“手脚”即可 <!--以后项目的根组件--> <template> <div> <!--利用mint-ui中的header组件实现整个系统的头部--> <mt-he 阅读全文
posted @ 2017-12-23 17:16 Z皓 阅读(1903) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 15 下一页