WEB前端专题
关注
分享
扫一扫
文章平均质量分 89
源码小哥
这个作者很懒，什么都没留下…
展开
-
HTML专题(二)-HTML常用标签
1.标题标签 代码示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <!-- 浏览器不会解析标题标签title中的标签，原样显示--> <title>标题标签<h1>到<h6></title> </...原创 2019-08-27 22:34:05 · 879 阅读 · 0 评论 -
Vue专题(四)-Vue组件
在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。 但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。 1.全局组件 我们通过Vue的component方法来定义一个全局组件。 <div id="app"> <!--使...原创 2019-08-25 18:28:09 · 250 阅读 · 0 评论 -
Vue专题(三)-Vue指令
1.指令 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。 例如我们在入门案例中的v-on，代表绑定事件。 2.插值表达式 2.1.花括号 格式： {{表达式}} 说明： 该表达式支持JS语法，可以调用js内置函数（必须有返回值） 表达式必须有返回结果。...原创 2019-08-25 16:58:43 · 234 阅读 · 0 评论 -
Vue专题(二)-Vue实例
1.创建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： var vm = new Vue({ // 选项 }) 在构造函数中传入一个对象，并且在对象中声明各种Vue需要的数据和方法，包括： el data methods … 接下来我们一 一介绍。 2.模板或元素 每个Vue实例都需要关联一段Html模板，Vue会基于此模板进行视图渲染。 我们可...原创 2019-08-25 16:35:40 · 382 阅读 · 0 评论 -
Vue专题(一)-Vue入门
1.前言 先聊一下前端开发模式的发展。 静态页面 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。 异步刷新，操作DOM 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. 随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，...原创 2019-08-25 13:02:49 · 412 阅读 · 3 评论 -
ES6语法指南
什么是ES6？就是ECMAScript第6版标准。 1.什么是ECMAScript？ 来看下前端的发展历程： web1.0时代： 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。 web2.0时代： 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。 1996年...原创 2019-08-24 20:57:12 · 475 阅读 · 0 评论 -
JQuery专题(二)-JQuery选择器
1.概述 我们学习jQuery，主要是学习jQuery中的方法，来简化js开发。因此，学习jQuery主要是学习jQuery对象的各种方法，但前提是要先获取jQuery对象，即操作必先选中（获取），一切从选择器开始！ 如何选中元素？ 语法：$(selector) 补充：context可选的，如果指定，就会在指定的元素下查找。默认值：document. 选择器是jQuery的根基，在jQuer...原创 2019-08-24 16:57:38 · 462 阅读 · 0 评论 -
JQuery专题(一)-JQuery基础
1.JavaScript和JavaScript框架 1.1.JavaScript 在正式介绍jQuery之前，我们有必要再了解一下JavaScript。 JavaScript是Netscape公司开发的一种脚本语言（Script Language）。JavaScript的出现使得网页和用户之间实现了一种实时的、动态的和交互的关系，使网页包含了更多活跃的元素和更加精彩的内容。JavaScript自身...原创 2019-08-18 17:27:58 · 641 阅读 · 0 评论