- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 Web前端零基础到实战(一)
学习目标:了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签HTML 第一天目标能够写出基本的页面(里面包含图片、各种标签和链接)开发工具我们主要用的 开发工具有 chrome 、 sublime 、 photoshop浏览器(显示)浏览器是网...
2018-05-21 17:37:59 9356
原创 初识Vue.js(七)
组件是Vue.js最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的。7.1 组件与复用在业务中很常见的需求,就是一些控件、JavaScript能力的复用。Vue.js的组件就是提高重用性的,让代码可复用,当学习完组件后,上面的问题就可以分分钟搞定了,再也不用害怕产品经理的奇葩需求。 自定义标签就是组件,每个标签代表一个组件,在任何使用Vue的地方都可以直接使用,接下里我...
2018-05-11 17:25:52 1823
原创 Vue从入门到开发之路
《Vue从入门到开发之路》系列:在介绍Vue之前,得了解MVVM: MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。 View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示。 这种自动同步是因为ViewModel中的属性实现了Observer,当属性...
2018-05-10 19:09:58 3775
原创 初识Vue.js(六)
6.1 表单控件的基本用法 表达控件在业务中较为常见,比如多选,下拉选择,输入框等,用它们可以完成数据的录入、校验、提交等。Vue.js提供了V-model指令,用于在表单元素上双向绑定数据,例如在输入框上使用时,输入的内容会实时映射到绑定的数据上。<body><div id='app'> <input type="
2018-05-10 18:40:24 1750
原创 初识Vue.js实战:购物车页面的开发
在开始写代码前,要对需求进行分析,这样有助于我们理清业务逻辑,尽可能还原设计与产品交互。购物车需要展示一个已加入的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买的总价。其中购买数量可以增加或者减少,每类商品还可以从购物车中移除。最终实现的效果如图·: 在明确需求之后,就可以编程了,因为业务代码比较多,这次我们将HTML、CSS、JavScript分离为3个文件,便于阅...
2018-05-09 15:58:19 2953 2
原创 初识Vue.js(五)
5.1 基本指令 v-clock不需要表达式,它会在Vue实例结束编译时从绑定的HTMl元素上移除,经常和CSS的display:node;配合使用。 在一般情况下,v-clock是一个解决初始化man导致页面闪动的最佳实践,对于简单的项目很实用,但是在具有工程化的项目里,项目的HTML结构只有一个空的div元素,剩余的内容都是由路由去挂载不同组件完成的,所以不再需要v-cloak。 v-o...
2018-05-09 11:06:04 2880
原创 初识Vue.js(四)
4.1 了解 V-bind指令在之前,我们已经了解过v-bind的基本用法和以及它的语法糖,主要用法是动态更新HTML元素上的属性。在数据绑定中,最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定,它们也是HTML的属性,因此可以使用V-bind指令。我们只需要v-bind计算出表达式最终的字符串就可以了,不过有时候表达式的逻辑比较复杂,使用字符串拼接方法难以阅读和...
2018-05-08 14:36:21 1167
原创 初识Vue.js(三)
3.1 什么是计算属性在上一篇博文中,我们已经可以搭建出一个简单的Vue应用,在模板中双向绑定一些数据或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得臃肿甚至难以维护,比如: <div> {{text.split(',')}}.reverse().join(',') </div>这里的表达式分为三个操...
2018-05-08 11:42:13 1099
原创 初识Vue.js(二)
学习任何一个框架,从一个Hello World应用开始,是最快了解该框架的途径。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue实例</title> </head&
2018-05-07 18:16:24 703
原创 初识Vue.js(一)
Vue.js的官方文档是这样介绍它的。 简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 简单小巧是指Vue.js压缩后仅有17kb,渐进式就是可以一步一步,有阶段地来使用Vue.js,不必一开始就使用所有的东西。 使用Vue.js可以让Web开发变得简单,同时也颠覆了传统前端的开发模式。它提供了现代 Web开发中常见的高级功能,比如:解耦视图与数据可复用的组件前端路由状态...
2018-05-07 11:53:44 1022
腾讯公司面试题库
2018-02-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人