Z皓 - 博客园

2017年12月29日

摘要：结构样式行为真正的分离前端初级人员会在页面上单纯的用各个div把相关内容独立开；前端中级人员明白相关属性的设置会给元素带来什么改变，从而减少div的书写；前端高级人员会以及其简单的和稳定的方式实现相应的效果。代码展示： <!DOCTYPE html> <html> <head> <met 阅读全文

posted @ 2017-12-29 22:48 Z皓阅读(1108) 评论(0) 推荐(0) 编辑

浅谈搜索引擎SEO（HTML/CSS）

摘要： SEO：搜索引擎优化（免费）； SEM：搜索引擎营销（付费）。它们两者的区别是： 1、SEM高投入，SEO低投入； 2、SEM短、效益块，SEO长期投入、增长慢； 3、新广告法颁布之后SEM广告位减少，竞争压力大。专业名词解释 1、IP：独立IP访问的用户； 2、PV：页面浏览量或点击量； 3、阅读全文

posted @ 2017-12-29 15:55 Z皓阅读(1945) 评论(0) 推荐(0) 编辑

2017年12月27日

Vue小案例（一）

摘要：案例需求：创建一个品牌展示表格，表头有编号（id），品牌名称（name），创建时间（time）和操作，需要实现的功能是对数据的增删操作，和时间的格式化。思路分析：在开发之前需要想清楚要用到Vue中的什么方法或者特性来实现所要的功能，把案例分成以下几个部分来开发：展示数据，需要使用v-for指令阅读全文

posted @ 2017-12-27 17:27 Z皓阅读(2862) 评论(0) 推荐(1) 编辑

vue2.0中的计算属性

摘要：计算属性是一个很邪门的东西，只要在它的函数里引用了data中的某个属性，当这个属性发生变化的时候，函数仿佛可以嗅探到这个变化，并自动重新执行。上代码会源源不断的打印出a的值。如果希望b依赖data中的x而变化，只需要保证b函数中有this.x即可。如果函数中没有出现data中的属性，那么无论dat 阅读全文

posted @ 2017-12-27 07:06 Z皓阅读(989) 评论(0) 推荐(0) 编辑

2017年12月26日

Vue.js双向绑定原理

摘要： Vue.js最核心的功能有两个，一个是响应式的数据绑定系统，另一个是组件系统。本文仅仅探究双向绑定是怎样实现的。先讲涉及的知识点，再用简化的代码实现一个简单的hello world示例。一、访问器属性访问器属性是对象中的一种特殊属性，它不能直接在对象中设置，而必须通过defineProperty 阅读全文

posted @ 2017-12-26 23:08 Z皓阅读(354) 评论(0) 推荐(0) 编辑

Vue实例对象的数据选项（火柴）

摘要：前言一般地，当模板内容比较简单的时候，使用data选项配合表达式即可。涉及到复杂逻辑时，则需要用到methods、computed、watch等方法。本文将详细介绍Vue实例对象的数据选项。 data data是Vue实例的数据对象。Vue将会递归将data的属性转换为getter/setter，阅读全文

posted @ 2017-12-26 20:40 Z皓阅读(1230) 评论(0) 推荐(0) 编辑

基于Vue的WebApp项目开发（六）

摘要：实现商品购买列表页面步骤一：新建goodslist.vue文件 <template> <div id="tml">  <div id="mui-content" class="mui-content" style="background-color:#f 阅读全文

posted @ 2017-12-26 08:06 Z皓阅读(2267) 评论(0) 推荐(0) 编辑

2017年12月25日

基于Vue的WebApp项目开发（五）

摘要：实现图片分享列表步骤一：新增图片列表文件photolist.vue <template> <div id="tml"> 图片分享页面 </div> </template> <script> </script> <style> </style> 步骤二：配置入口文件main.js的路由规则 //导入阅读全文

posted @ 2017-12-25 10:30 Z皓阅读(2489) 评论(0) 推荐(0) 编辑

基于Vue的WebApp项目开发（四）

摘要：实现新闻咨询页面目录结构步骤一：创建newslist.vue文件 <template> <div id="tml">  <ul class="mui-table-view"> <li v-for="item in list" class="mui 阅读全文

posted @ 2017-12-25 07:08 Z皓阅读(3185) 评论(0) 推荐(0) 编辑

2017年12月23日

基于Vue的WebApp项目开发（三）

摘要：实现根组件通用的头部和底部样式明白由webpack搭建起来的Vue项目的执行流程，那么就可以知道实现这个需要只要在根组件和入口文件上做“手脚”即可  <template> <div>  <mt-he 阅读全文

posted @ 2017-12-23 17:16 Z皓阅读(2061) 评论(0) 推荐(0) 编辑

Z皓

学如逆水行舟，不进则退。

公告