前端
moc ^_^
且放白鹿青崖间,须行即骑访名山……
展开
-
JavaScript04: Bom浏览器对象模型
文章目录一、Window对象1、弹出对话框2、窗口方法3、定时器4、更多二、Location 对象1、href、hash2、其他属性3、常用方法4、更多三、History 对象1、属性2、方法3、更多四、Screen 对象1、常用属性2、更多五、Navigator 对象1、常用属性2、更多 BOM(browser object model)浏览器对象模型,提供了独立于内容 而与浏览器窗口进行交...原创 2019-04-19 22:41:49 · 103 阅读 · 0 评论 -
JavaScript03: Dom文档对象模型
文章目录一、Dom Html1、查找标签2、修改样式 CSS3、innerHTML、className4、属性设置和获取二、Js 事件1、Html 事件2、Dom 0级 事件3、鼠标事件4、键盘事件5、其他常用事件 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。一、Dom Html1、查找标签document.getElementByI...原创 2019-04-18 23:11:26 · 164 阅读 · 0 评论 -
JavaScript02: 函数和内置对象
文章目录一、函数1、语法2、函数参数二、Array 对象1、创建数组2、数组栈方法3、join、reverse、sort4、concat、slice5、splice6、indexOf、lastIndexOf7、filter8、map、forEach、reduce9、更多三、String 对象1、charAt、charCodeAt2、indexOf、lastIndexOf3、slice、substr...原创 2019-04-17 21:19:39 · 145 阅读 · 0 评论 -
JavaScript01: 基础
文章目录一、JavaScript 初识二、语法规则1、js 输出2、js 语句与注释3、js 变量三、数据类型0、typeof1、空 undefined 和 null2、数字 number3、string4、boolean四、操作符1、算术操作符2、**赋值运算**符3、比较运算符4、三元操作符5、逻辑运算符五、流程控制1、if 语句2、常见方法3、switch 语句4、for 语句5、for-...原创 2019-04-17 21:21:24 · 128 阅读 · 0 评论 -
Vue09- vue-resource
使用 vue-resource 、axios 等第三方包实现 Ajax请求。vue-resource 目前已不再更新,推荐使用 axios.下面仅为介绍学习 vue-resource的笔记。1、Get、Post、Jsonp 请求<!-- 依赖:注意: Vue-resource 依赖于 Vue,注意导包先后顺序--><script src="lib/vue-2.4.0.j...原创 2019-10-31 23:12:09 · 148 阅读 · 0 评论 -
Vue08- 生命周期
生命周期是指的Vues实例的生命周期,即 Vue实例从创建、使用、到销毁的过程。 Vue在实例的这个过程提供了一系列的生命周期钩子函数。图来源于官网1、准备期 进行一些初始化操作,加载校验数据。beforeCreate:实例被完全创建出来之前会执行钩子函数,data 和 method数据未加载created:实例已被创建出来,data 和 methods 中的数据可以使用...原创 2019-10-25 22:06:07 · 146 阅读 · 0 评论 -
Vue07- 自定义指令
1、自定义指令获取焦点Dom操作获取焦点document.getElementById('search').focus();Vue自定义全局指令获取焦点<!-- 注意: Vue中所有的指令,在调用的时候约定都以 v- 开头 --><input type="text" class="form-control" v-model="keywords" id="sea...原创 2019-10-24 22:10:06 · 147 阅读 · 0 评论 -
Vue06- 过滤器&键盘修饰符
1、过滤器概念:Vue允许你自定义过滤器,可被用作一些常见的文本格式化过滤器的定义语法:Vue.filter('过滤器名称', function(){})过滤器中的function, 第一个参数已经被规定死了,永远都是过滤器管道符前面传递过来的数据全局过滤器需定义在VM实例之前过滤器调用格式:{{ name | 过滤器名称(参数) }}私有过滤器定义在Vue实例fil...原创 2019-10-14 22:42:11 · 161 阅读 · 0 评论 -
Vue05- 迭代和判断
1、v-forv-for可以迭代数组,对象数组,对象,数字;第几次迭代是可选项。v-for中使用key属性– 在v-for循环中,如果使用v-for存在问题,需要使用key将每项唯一标识– key属性只能使用v-bind绑定 number 或 string示例:<!DOCTYPE html><html lang="en" ><head>...原创 2019-10-14 22:38:09 · 189 阅读 · 0 评论 -
Vue04- 样式使用
1、v-bind:classv-bind:class的值可以是如下四种:数组数组中使用三元表达式数组中嵌套对象直接使用对象示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content...原创 2019-10-14 22:33:56 · 254 阅读 · 0 评论 -
Vue03- 事件修饰符&双向绑定
1、五种事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器,使用事件捕获模式.self 只当事件在该元素本身(不是子元素)触发时触发回调.once 事件只触发一次2、stop与selfself: 别让我被别人冒泡 stop: 别让其他人冒泡self: 自身不响应别的事件且不影响事件的...原创 2019-10-13 10:53:29 · 134 阅读 · 0 评论 -
Vue02- 基本指令及使用
1、插值表达式 类似于 Thymeleaf 模板语言的替换,{{xxx}}插值表达式方式只会替换对应的这个占位符,但在渲染时,可能会出现闪烁问题,用v-clock样式解决。<style> [v-clock] { display: none; }</style><!-- 使用 v-clock 解决插值表达式闪烁问题 -->...原创 2019-10-13 10:27:37 · 119 阅读 · 0 评论 -
Vue01- 基本使用
1. MVVMMVVM是前端视图层的分层开发思想,主要把每个页面,分成了M、V和VM其中,VM是MVVM思想的核心;因为VM是M和V之间的调度者。Model:保存的是每个页面中单独的数据;ViewModel:它是一个调度者,分割M和V,V想要获取数据都要由VM做中间的处理;View:每个页面中的HTML结构。2、HelloVue入门使用:<!DOCTYPE html>...原创 2019-10-10 22:30:36 · 86 阅读 · 0 评论 -
CSS 浮动Float
文章目录一、float的基本介绍二、实现文本环绕效果1、文本环绕图片2、浮动遇上内联元素3、文字环绕内联元素三、浮动的原因及副作用1、原因及副作用2、浮动副作用四、浮动副作用的解决1、手动给父元素添加高度2、Clear属性3、overflow与zoom4、给父元素添加浮动五、应用案例CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列,在布局时非常有用。★ 浮动的框...原创 2019-02-24 17:00:11 · 352 阅读 · 0 评论 -
CSS 基础
文章目录一、基础语法二、CSS的使用方式1、内联样式2、外联样式13、外联样式2三、CSS 选择器**1、CSS常用选择器**2、基于关系的选择器3、伪类4、伪元素5、选择器的优先级四、CSS常用样式属性1、背景样式2、文本样式3、字体样式4、列表样式5、表格样式五、CSS布局1、两行三列布局2、三行两列布局六、盒子模型1、边框样式2、内边距样式3、外边距样式CSS: 层叠样式表(Cascadi...原创 2019-02-23 19:32:09 · 119 阅读 · 0 评论 -
HTML 基础
文章目录一、HTML 初识元素/标签二、HTML 属性三、常用HTML标签1、标题标签 Heading Content2、段落标签 Paragraph3、字体标签 Font4、链接标签5、图像标签 Image6、列表 List7、DIV标签四、块级元素和行内元素、注释1、块级元素2、行内元素3、注释五、HTML 常用格式化标签1、字体相关2、预格式化标签 pre3、引用标签4、删除线与下划线...原创 2019-02-22 21:37:25 · 242 阅读 · 0 评论