AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。AngularJS 扩展了 HTMLAngu
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式
为了能在HTML文档中正确显示某些特殊字符,就需要使用HTML实体(entity)。HTML实体就是对当前文档的编码方式不能包含的字符,提供一种转义表示。 HTML实体定义 1.名称方式 名称方式会以
如何实现背景透明,文字不透明,兼容所有浏览器? 我们平时调整的不透明度如图所示: 实现透明的css方法通常有以下3种方式,以下是不透明度都为80%的写法: css3的opacity:x,x 的取值从
GC和内存泄露无关 垃圾回收,这次是一个被无数人讨论过的传统话题。 Action Script使用的是和Java相似的内存管理机制,并不会即时回收废弃对象的内存,而是在特定时间统一执行一次GC(Gabage Collection)操作来释放废弃对象的内存,避免了重复判断是否需要回收产生的性能问题。 但要注意,这只是决定回收的时机,而不是回收的内容。这个延迟执行内存回收也就是个表面的现象,不管什么时
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有前缀ng-。ng-app指令初始化一个 AngularJS 应
一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,par
插槽的作用 相信看过前一篇组件化开发后,你对组件化开发有了新的认识。 插槽是干什么的呢?它其实是配合组件一起使用的,让一个组件能够更加的灵活多变,如下图所示,你可以将组件当作一块电脑主板,将插槽当作主
devtools工具 使用devtools工具可以让你更加方便的查看到Vue实例中数据的变化。 在chorme商店搜索安装即可。 双向绑定 v-model 双向绑定一般都是与input家族进行绑定。
computed 基本使用 如果数据需要有复杂的计算,则可以在Vue实例中定义计算属性,再交由mustache进行渲染。 computed内部其实是通过getttr实现的,所以不用加括号即可完成其下方
响应渲染 在Vue中,被渲染的数据都是响应式的,即Vue实例中进行改变页面中也会跟着改变: <body> <div id="app"> <p>{
属性绑定 v-bind 如果想要操纵被挂载标签的属性,则使用v-bind进行属性绑定,当然也可以进行简写,简写形式为:。 需要注意的有以下两点: 如果包裹属性的是双引号,它将访问Vue实例尝试获取该属
基本介绍 Vue.js Vue是一款优秀的过程开源框架,也是现在WEB工程师必会的一项技能。 它是一个渐进式的框架,所谓渐进式是指你可以对你的项目代码进行渐进的重构,比如最开始你的项目中所有页面的代码
组件化开发 基本概念 在最开始的时候,已经大概的聊了聊Vue是单页面开发,用户总是在一个页面上进行操作,看到的不同内容也是由不同组件构成的。 通过用户的操作,Vue将会向用户展示某些组件,也会隐藏某些
mustache 内容渲染 使用mustache语法{{变量}}进行渲染操作,它将会从Vue实例中查找这个变量。 <body> <div id="app">
基本流程 使用<transition>对要执行动画的标签内容进行包裹。 如果你使用css动画,则该标签应当具有name属性,可以使用name-时机进行链接书写css类。 如果你使用anim
局部过滤器 局部过滤器定义在Vue实例的filters中,必须是一个函数,调用时使用|完成调用。 局部过滤器只能由当前的Vue实例使用。 如下,对时间类型进行过滤: <body> <
全局指令 使用directive注册全局指令,我们自定义了指令v-focus:、 <div id="app"> <p>页面载入时,input 元素自动获取焦
基础知识 VueX作用 VueX是一个数据仓库,它可以管理多个组件公用的数据。 没有学习VueX的时候,子组件要向父级组件传递信息则通过$emit()自定义事件,父组件如果要向子组件传递信息则通过pr
事件监听 v-on 使用v-on进行事件绑定监听,回调函数写在methods中。可以使用@的这种简写形式来代替v-on,当事件源无参数传递时,可省略括号。 语法如下所示: <button @:事