- 博客(67)
- 收藏
- 关注
RSS订阅原创 前端基础夯实--（JavaScript系列）函数
1、函数1、函数不仅仅可以调用，还能作为参数和返回值，这一点要十分注意。2、浅谈对象1、由于在函数当中我们要去使用到面向对象的知识，所以我们这里简单的讲讲对象。2、什么是对象，对象就是值的集合，而且是任意值的集合。3、对象的创建方式有3种：（1）var 对象名 = { 多个键值对} ；（2）构造方法：var 对象名 = new Object()；（3）老版本（有兼容...
2018-11-15 14:40:29
278
原创 VUE入门到实战--Vue多个元素或者组件的过渡动画、列表过度,动画封装
1、多个元素或者组件的过渡动画效果1.1、多个元素的过渡动画1、如下例所示我们做的一个例子是点击按钮，在两个不同元素之间切换的的过渡动画。注意的地方有两点（1）多个元素每一个都需要key值：因为DOM复用的原因，需要不同的key值来标识不同的元素。（2）transition标签上的mode的属性值会有不同的效果：在下面的例子中，使用mode=“out-in”，效果是这样，hello...
2018-10-17 11:20:22
1297
1
原创 VUE入门到实战--Vue中JS动画和Velocity.js的结合
1、JS钩子的应用1、js钩子和生命周期钩子有点相似，在动画发生的整个过程中，会在特定的时间和区间执行一些函数，我们在这些函数当中去书写我们的JS代码，形成我们的动画效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=
2018-10-17 09:39:35
3119
1
原创 VUE入门到实战--Vue中CSS动画
1、动画原理1、当一个元素被transition包裹之后，Vue会自动分析元素的CSS样式，并且构建一个动画的流程。2、如下图，当动画即将被执行的这一瞬间：会往div上增加两个class，分别是fade-enter和fade-enter-active。 当动画第一帧结束进行第二帧的时候：Vue会去掉刚才的fade-enter那个class，然后添加...
2018-10-15 17:20:13
356
原创 VUE入门到实战--Vue非父子组件传值、插槽、动态组件和v-once
1、非父子组件传值的问题1、Vue是一种轻量级的视图层的框架，那么遇到复杂的非父组件传值的问题我们有两种解决方法：总线机制和vuex。1.1、总线机制1、总线也可以叫做（Bus/总线/发布订阅模式/观察者模式）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2018-10-15 10:50:01
534
原创 VUE入门到实战--Vue组件参数校验和非props特性，给组件绑定原生事件
1、组件参数校验1、当父组件向子组件属性传值的时候，我们的子组件可以对传递来的值进行校验。2、props可以传递动态的或者静态的props，但是不管是静态的或者动态的我们就希望使用v-bind:来表示后面引号中的内容是个JS表达式，而不是字符串。3、传入一个对象的所有属性：如果你想要将一个对象的所有属性都作为 prop 传入，你可以使用不带参数的 v-bind(取代 v-bind:pr...
2018-10-11 12:02:02
485
原创 VUE入门到实战--Vue组件细节问题
1、is属性解决模板标签中的bug1、我们在使用下面的代码的时候，会在浏览器的控制台中发现错误，我们自定义的组件并没有在tbody中，而跑到了外面与table同级的位置，为什么？因为H5标准当中，必须在tbody中放tr标签，所以为了避免这个错误，我们使用is来解决：<!DOCTYPE html><html lang="en"><head> ...
2018-10-11 10:12:17
211
原创 VUE入门到实战--Vue条件渲染和列表渲染
1、条件渲染1.1、v-if和v-show1、使用官网的话来说：v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS ...
2018-10-10 11:27:58
264
原创 VUE入门到实战--Vue样式绑定
1、样式绑定1.1、class对象绑定1、对象绑定有下面这几种：对象内联绑定，对象外联，计算属性。2、对象内联绑定：通过在元素上使用class与某个对象绑定，通过对象的属性值来控制样式的显示与否。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2018-10-10 10:44:47
202
原创 VUE入门到实战--Vue计算属性，方法和侦听器
1、计算属性1.1、初识计算属性1、为了防止数据冗余，我们使用实例属性computed来解决，computed是缓存机制，这个缓存机制就是作为参数用来计算的变量没有改变，那么就不会重复计算。2、什么意思？比如说下面的fullName由firstName和lastName计算，页面开始的时候会计算一次fullName的值并缓存下来，在页面刷新或者过程中firstName和lastName...
2018-10-09 14:52:43
272
原创 VUE入门到实战--Vue实例和模板语法
1、Vue实例1、每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：比如我们在下面这个例子中如果使用浏览器打开，我们在控制台输入vm.$data、vm.$el都能打印出响应的内容。在一个Vue实例中，像el，data，methods....还有很多，都叫做Vue的实例属性。这些实例属性都能通过 { 实例名.$实例属性名 }这种方式得到。2、实际上每个组件都是一个V...
2018-10-09 11:39:05
3826
原创 VUE入门到实战--Vue初体验
1、Vue概述1、本篇教程是针对Vue2.0。由Vue所衍生出的NUXT框架可以快速完成服务器端渲染，WEEX框架可以使用Vue的语法去写原生的APP，其他主流框架能做的事情Vue都能做到。2、我们本篇教程的内容有两个大的部分：（1）基础内容包括：基础语法，MVVM模式，组件化、生命周期，动画特效。（2）实战项目包括：环境搭建、使用Git、数据模拟、本地开发、联调、真机测试、上线。...
2018-10-08 16:46:15
397
原创 前端基础夯实--（JavaScript系列）JS变量和作用域
1、变量和作用域和内存的问题1、这篇博客将和大家分享4个内容，查漏补缺，变量，作用域，内存问题2、查漏补缺1、什么是变量？：在说明这个问题的时候需要先知道什么数据，在JS中，我们将4（数字），‘star’（字符串），true（布尔值），{}（对象），[]（数组）这些都称之为数据。有的数据只需要使用一次，有的需要多次使用，而且数值不同，那么我们就需要使用一个容器作为变化的数据的储存之地，...
2018-09-12 21:39:36
438
原创 前端基础夯实--（JavaScript系列）错误调试和处理
1、错误调试和处理1、我们在本篇博客中将会讲述JS中语法错误、运行时错误和他们的处理方法2、JS中的逻辑错误以及debugger的使用3、JS中的try catch和finally语句的使用2、语法错误1、语法错误就是不符合JS语法的错误，出现语法错误，控制台会尽心报错并告知出错的行号，但是行号不一定准确。2、常见的错误：（1）字符的漏写，少写，多写：多数这种错误会提示...
2018-09-10 13:36:10
570
原创 前端基础夯实--（JavaScript系列）BOM对象
1、BOM基础1、BOM就是浏览器对象模型（browser object model），BOM提供了很多对象，window，navigator，screen，history，location，document，event等等。2、window对象1、window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JS访问浏览器窗口的一个接口，又是ECMAScript规...
2018-09-07 16:25:39
179
原创 前端基础夯实--（JavaScript系列）DOM事件基础
1、javaScript事件基础关于DOM事件的基础，我们将会去掌握一些基础的知识，什么是事件，HTML事件，DOM0级事件，常用的鼠标和键盘事件，还有this的指向问题。2、什么是事件1、事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间。3、HTML事件1、HTML事件就是直接在html标签中添加事件来执行脚本，这种绑定事件的方法就是HTML事件。2、HTML事件的语...
2018-09-06 17:08:42
205
原创 前端基础夯实--（JavaScript系列）DOM基础
1、基础内容1、DOM是HTML和XML文档的API，也就是一个应用程序的边城接口，DOM的基础内容我们会去学：如何获取一个元素，如何访问一个元素的样式，如何设置和删除属性。2、DOM查找方法（两个基础查找）2.1document.getElementById("id")-功能：返回对拥有指定id的第一个对象的引用。-返回值：DOM对象-说明：id为DOM元素上id属性的值...
2018-09-05 14:06:00
226
原创 前端基础夯实--（CSS系列）CSS网页布局（圣杯和双飞翼）
1、认识布局1、布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置，布局模式有很多，不同设计者有不同的设计理念。如何利用CSS来设置网页布局？我们常用的就是行布局，多列布局，圣杯布局，双飞翼布局。2、经典的行布局1、学习经典的行布局，我们需要学习基础的行布局，行布局的自适应，行布局自适应限制最大宽，行布局垂直水平居中。行布局固定宽，行布局某部位自适应，行布局导航随屏幕滚动。...
2018-09-04 21:10:00
272
原创 前端基础夯实--（CSS系列）CSS的定位
1、CSS中的position1、关于CSS中的position的内容有标准流、定位和参数、层级等概念，我们在最后将实现一个小的Demo和网页跟随2、标准流1、标准流的布局方式就是我们使用块级元素和内联元素时候的规则，块级元素独占一行，内联元素与相邻的内联元素将在同一行中进行水平排列，如果宽度不够才会被挤到下一行中。3、定位属性1、position属性通过改变正常的标准流的属性...
2018-09-03 22:23:15
181
原创 前端基础夯实--（CSS系列）CSS的float浮动
1、CSS中的float1、通过本课程的学习我们将掌握float的四个参数，left，right，none，inherit，我们将利用这些属性值来实现文办环绕和水平排列2、通过本课程还会学习如何利用清除浮动来解决父级元素塌陷问题2、float的基本参数介绍1、float中四个参数的含义：float：left（左浮动）| right（右浮动） | none（默认值，不浮动） |...
2018-09-03 11:04:16
269
原创 前端基础夯实--（CSS系列）CSS盒子模型
1、盒子模型的概念2、宽度属性1、宽度属性的设置的值可以是下面几种：width：长度值 | 百分比 | automax-width：长度值 | 百分比 | automin-width：长度值 | 百分比 | auto2、通过代码理解一下max-width和min-width设置长度值。<!DOCTYPE html><html><he...
2018-08-31 14:24:36
260
原创 前端基础夯实--（CSS系列）CSS背景和列表
1、背景样式2、列表样式3、背景样式详解3.1、背景颜色1、上面的这个transparent有什么作用？主要是transparent是你希望某个元素没有背景颜色，但是同时又希望用户对浏览器颜色的设置不会影响到你的设置，那么transparent就是有用的。2、背景包括内边距padding，也就是会背景颜色会去填充内边距。同时整个div的大小也会变化：比如说下面这段代码：...
2018-08-30 13:09:46
278
原创 前端基础夯实--（CSS系列）CSS文本样式
1、CSS字体和文本样式1、文字有很多属性，包括颜色，字体大小，字体，加粗等。文本有行高，对齐方式，文本修饰。2、字体样式字体：font-family字体大小：font-size文字颜色：font-color文字粗细：font-weight文字样式：font-style其实在html语言中，可以使用<font>标签对文字进行样式的设置：（但是这种方式已经不被推...
2018-08-29 13:58:37
224
原创 前端基础夯实--（CSS系列）CSS选择样式
1、HTML，CSS,JavaScript的关系1、html是网页内容的载体，CSS样式是外观控制，javaScript是行为，是实现网页特效效果。2、CSS叫做层叠样式表，由于手机对H5和CSS3支持效果好，所以在手机端开发经常会使用到新的按本的CSS。3、为什么要使用CSS？（1）CSS简化相关HTML的标签，网页体积小，下载快（2）解决内容与表现分离的问题（3）更好的...
2018-08-27 22:51:28
424
原创 前端基础夯实--（HTML系列）HTML表单
1、表单的基本结构1、表单的工作原理这里很重要的两点就是以什么样的方式来打包？还有传给服务器将由谁来进行处理？这两个问题的解决也是由form标签的属性进行设置：form标签的属性的语法：<form action=" " method=" " name=" "> 表单元素</form>比如说下面的这段代码：（1）其中action.php就...
2018-08-21 16:33:57
279
原创 前端基础夯实--（HTML系列）HTML表格
1、表格的标签和基础1、<table>标签就是用来展示一个表格，<tr>表示行，<td>表示单元格，下面来看一下表格的基本语法和结构<table> <!---表格开始--> <tr> <!--tr行标签--> <td>....<
2018-08-20 09:44:08
322
原创 前端基础夯实--（HTML系列）HTML基础
1、html的特点1、html不需要编译，直接可以又浏览器去运行。2、html文件是一个文本文件3、html文件必须使用html或者htm为文件后缀4、html对大小写不敏感2、HTML的基本结构<html><head> <title>标题</title></head><bady> ...
2018-08-19 13:04:53
698
翻译 你不知道的javaScript（作用域和闭包）--作用域闭包
1、开门见山1、对于闭包这个概念一定是建立在作用域的基础上的，这里假如你真的觉的自己真的对作用掌握的比较好的话，可以看下去，否则真的，下面的东西可能看起来比较费劲。2、什么是闭包？当函数可以记住并访问所在词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行的。、2、实质是什么？1、我们下面会讲三个比较经典的三个案例，也可以认为是闭包经常发生的三种情况2.1、函数返回内...
2018-08-15 21:49:04
261
原创 maven入门
1、MAVEN简介1、maven这词翻译成为（"专家，内行"），是扩平台的项目管理工具。maven主要服务于基于java平台的项目构建，依赖管理，项目信息管理。2、项目构建过程：清理项目->编译项目->测试项目->生成测试报告->打包项目->部署项目，使用maven就可以帮助实现。3、依赖管理：依赖是指jar包之间的相互依赖，依赖管理指的就是使用Maven...
2018-08-15 15:11:35
126
原创 java视频学习路径（java面向对象）多态
1、多态的概念1、生活中的多态：同样的行为在不同对象上产生的效果是不一样的。2、程序上的多态：以为这允许不同类的对象对同一消息作出不同的响应。3、多态分为：编译时多态和运行时多态。4、多态的必要条件：（1）满足继承关系。（2）父类引用指向子类对象。5、我们在代码中写一段很简单的代码：package com.imooc.animal;public class Anima...
2018-08-13 16:01:32
253
原创 java视频学习路径（java面向对象）单例模式
1、设计模式概述1、设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。2、23中设计模式分为创建型模式，结构型模式和行为型模式。2、单例模式的定义和作用1、目的：使得类的一个对象成为该系统中的唯一实例2、定义：一个类有且仅有一个实例，并且自行实例化向整个系统提供。3、要点：（1）某个类只能有一个实例，（2）必须自行创建实例，（3）必须自行向整个系统提供整个实例...
2018-08-09 14:59:27
131
原创 java视频学习路径（java面向对象）java继承（下）
1、Object介绍1、Object是所有类的父类，一个类如果没有使用extends关键字明确表示继承关机，则默认继承Object类，包括数组2、继承了Object，那么在Object中方法就能使用了。3、Object中有很多方法，比如说equal方法是比较两者的引用是否指向同一个空间，有很多继承者可以对equal进行重写，典型的就是String中的equal，可以去看看下面的代码；...
2018-08-09 10:40:58
194
翻译 你不知道的javaScript（作用域和闭包）--提升
1、复习小结：函数作用域和块的作用域的行为是一样的，可以认为，任何声明在某个作用域的变量，都将附属于这个作用域。1、为什么会是这样？1、现在我们出两个问题，给出下面两段代码，请先思考输出的结果，再去实践一下，相信你会出现疑惑！//第一段代码a=2;var a;console.log(a);//第二段代码console.log(a);var a=2;2、我猜结果是这...
2018-08-08 17:07:09
244
1
原创 java视频学习路径（java面向对象）java继承（上）
1、继承的概念和特点1、什么是继承：继承是一种类与类之间的关系，使用已存在的类定义作为基础建立新的类，叫做父类。新类的定义可以增加新的数据和新的功能，也可以用父类的功能，这就是继承。子类在继承父类的时候不能选择性的继承。2、继承的关系：满足A is a B的关系就可以形成继承关系。2、继承的实现1、使用关键字 extends 来实现继承。java中的继承只能是单继承，一个子类只有它...
2018-08-08 14:50:37
216
原创 java视频学习路径（java面向对象）java封装
1、封装的概念和特点1、什么是封装？封装就是将类的某些信息隐藏在类的内部，不允许外部程序直接访问。只能通过该类提供的方法来实现对隐藏信息的操作和访问。2、简单的说就是：隐藏对象的信息，留出访问的接口。3、你可能会疑惑，又想隐藏信息，又想让别人访问，你想干嘛？那么你可以想一下ATM机，对于ATM机来说就是个类。现金就是ATM机的重要信息，这种信息能直接让你看到么？能直接让你拿走么？那全国...
2018-08-07 15:48:51
254
原创 java视频学习路径（java面向对象）java面向对象
1、实例化对象1、在类中如果成员属性没有赋值，它是有默认值的。比如下面的代码package com.imooc;public class Cat { //成员属性 String name; //默认值为null int month; //默认值为0 double weight; //默认值是0.0 String spec...
2018-08-07 10:47:31
659
1
翻译 你不知道的javaScript（作用域和闭包）--函数作用域和块作用域
1、函数中的作用域1、函数作用域的含义是：属于这个函数的全部变量都可以在整个函数的范围内使用和复用。1.2、隐藏内部实现1、颠覆对传统函数的认知：传统的函数我们认为它就是围墙，我们总是先造好围墙，然后在围墙里面写东西，但是我们现在这样想：函数不就是从一段代码中挑选一段代码把它包裹起来么？给予这一段代码新的作用域，实现对这一段代码的隐藏。2、为什么是隐藏，因为给这段代码划分新的作用域...
2018-08-06 21:59:23
524
原创 java视频学习路径（java基础语法）java数组和方法
1、数组的概念1、数组是相同类型的数据按顺序组成的一种引用数据类型。2、数组的声明和创建：//声明一个整型数组int[] intArray;//声明一个字符串类型的数组String strArray[];//创建数据intArray=new int[5];strArray=new String[10];//声明同时创建float[] floatArray=new ...
2018-08-06 15:58:52
296
原创 java视频学习路径（java基础语法）java选择控制
1、流程控制概述1、流程控制：顺序、选择、循环2、选择结构包括if else和switch结构，其中if结构判断条件是一个布尔类型，switch条件是常量值；switch(表达式){ case 常量表达式1: 语句1;break; case 常量表达式2: 语句2;break; default： 语句3;}...
2018-08-06 10:37:10
105
原创 java视频学习路径（java基础语法）java运算符
1、运算符概述1、什么是表达式：表达式由运算符和操作数组成。2、算数运算符，赋值运算符，关系运算符，逻辑运算符，条件运算符，位运算符。2、赋值运算符1、赋值云算法是从右往左运算！赋值运算符左边不能是常量！3、算数运算符1、复合赋值运算符，+=，-=，*=，/=，%=。2、自增自减运算符：--，++。 num2=++num1；先执行num1=num1+1，再...
2018-08-03 14:39:49
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人