web前端进阶教程目录

web前端的学习的入门并不难,但是在学习和应用的过程中,你会发现各种新知识和新技术层出不穷,似乎没有止境,本教程从体系化的角度去设计,希望从高处着眼,用生活化的角度去理解。

2019-02-21 11:05:23

阅读数 197

评论数 0

JavaScriptJS运行机制-进程和线程

前文中,已经多次提到了浏览器是多进程的,JS是单线程的,具体要怎么理解呢? 一、进程和线程 进程和线程是涉及到操作系统如何调度资源(CPU 、内存、磁盘)的概念,先抛出概念:进程是操作系统分配资源的最小单元,线程是操作系统调度的最小单元。 进程更倾向于内存管理的概念,线程更倾向于cpu的运行...

2019-04-25 12:02:02

阅读数 4

评论数 0

JavaScript面向对象-继承

JavaScript中,用构造函数实例化一个对象时,会将构造函数的prototype属性赋给对象的_proto_属性,换句话说,对象的_proto_属性指向产生对象的构造器的prototype属性。 prototype属性本身是一个对象,又叫原型对象, ...

2019-04-24 10:03:28

阅读数 4

评论数 0

Javascript面向对象-创建对象

讲解属性之前介绍一下Object对象,Object对象是所有JavaScript对象的超类(基类)。本文将会使用到Object对象的一些方法。 1、通过”字面量“方式创建。 var obj = { }; //创建一个空对象 var arr=[]; //创建一个空数组对象 创建语法 var p...

2019-04-18 16:41:22

阅读数 27

评论数 0

Javascript面向对象-对象属性详解

先介绍两种方式来创建对象 一、通过”字面量“方式创建。 var obj = { }; //创建一个空对象 var arr=[]; //创建一个空数组对象 二、通过object方式创建。 var obj = new Object(); 二、通过”构造函数“方式创建。 var obj = ne...

2019-04-17 17:37:08

阅读数 26

评论数 0

一步步学习Flex弹性布局

在网页传统布局是基于盒模型,为了实现复杂的页面效果,需要结合着浮动、相对定位、绝对定位、display属性,这样做会使布局工作相当繁琐,还有一个困扰切图狗的问题,就是各种垂直居中问题。 当我在接触flex布局的时候真的眼前一亮,比如从前在遇到3个块排列在一个通栏的情况,从前可能会需要调出计算器计算...

2019-04-16 16:02:40

阅读数 37

评论数 0

Javascript构造函数

JavaScript是一种面向对象的语言,如果你学习过其他面向对象的语言,可能会比较困惑,因为JavaScript中没有class,但并不意味着JavaScript中没有类,这只是说法的不同,在ES6之前class不是关键字,JavaScript通过构造函数来定义类,用new操作符调用函数就实现了...

2019-04-09 18:23:34

阅读数 56

评论数 0

Javascript执行顺序和执行环境

写这篇文纠结了很久,也查阅了很多资料,我想是因为对英文的理解导致了Javascript语言认识上的一些偏差,这一篇我只说自己的理解,有错误的地方欢迎指正。本文的宿主环境就是特指浏览器。 本文的代码都是用谷歌浏览器调试的,用到了Chrome开发者工具的Console面板、Sources面板。这一篇的...

2019-04-09 17:32:42

阅读数 50

评论数 0

前端页面布局方式的演变

现在已经很少有人提及,其实最早的页面布局是使用table布局的,那时候的网页设计师基本不会担心跑位的问题,

2019-04-02 21:00:06

阅读数 55

评论数 0

VUE单页应用和路由实现入门

一、单页应用(SPA) 单页 Web 应用 (single-page application) 是一种特殊的 Web 应用,简单的说就是只有一张Web页面的应用。该页面在浏览器中运行的时候不会重新加载或跳转。 单页应用是利用 JavaScript 动态的变换HTML的内的元素的显示和隐藏,实现UI...

2019-04-02 14:47:41

阅读数 62

评论数 0

字符集知识-让前端告别乱码

网页中为什么会出现乱码 什么是字符集 为什么要字符转换

2019-04-02 09:26:47

阅读数 54

评论数 0

前端静态网页布局经验谈

静态布局(Static Layout)是最传统的网页布局方式,也是前端的一个基本功,通常应用于PC端布局,当我们拿到UI提供的PC端PS设计稿,基本上就要用到静态布局了。 静态布局对前端来说是比较简单的,但如果想做到又快又好,建议前端要去学习一下PS的知识,大多数情况下,当你收到了设计稿,就会有人...

2019-04-01 19:54:21

阅读数 664

评论数 0

windows系统搭建VUE环境

第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装 1.2 如果本机已经安装node的运行换,请更新至最新的node 版本 下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 第二步 node环境检测 2...

2019-03-26 16:53:17

阅读数 94

评论数 0

CSS3的新特性

强大的滤镜 1.1.alpha 滤镜—设置透明层次 img{ filter:alpha(opacity=30); } 2.blur滤镜—模糊效果 3. flipH flipV滤镜----水平垂直翻转 4.gray滤镜---灰度 5.invert滤镜---反转 显示底片的效果...

2019-03-26 12:39:37

阅读数 67

评论数 0

CSS盒模型与定位相关属性

display 属性 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。 flex 此元素作为弹性伸缩盒显示...

2019-03-25 21:20:26

阅读数 63

评论数 0

CSS reset和常用样式

什么是Css Reset 在 HTML标签在浏览器里有默认的样式,不同浏览器的默认样式之间也会有差别。在切换页面的时候,浏览器的默认样式往往会给我们带来麻烦,影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简...

2019-03-25 20:22:42

阅读数 74

评论数 0

CSS浏览器兼容与css Hack

令人头疼的兼容问题 开发人员基本都知道,CSS的开发本身并不难,但是,当在不同的浏览器下测试代码时,困难就出现了。浏览器的 bug 和不一致的显示方式,是大多数CSS开发人员面临的主要难题,你的设计在一种浏览器上看起来很好,而在另一种浏览器上可能会支离破碎。 实践证明,CSS的兼容性主要有两种情况...

2019-03-25 20:08:08

阅读数 73

评论数 0

CSS 颜色体系详解

说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。 先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。 接下来的行文内容大概会按照这个顺序进行,内容十分基础,可选择性跳到相应内容处阅读。 色彩关键字 嗯,色彩...

2019-03-25 19:50:40

阅读数 50

评论数 0

CSS预编译语言Sass、Less和Stylus

为什么前端常常被叫做前端设计师,而不是程序员,可能是因为前端常常要写CSS,CSS不是一种编程语言,而是描述网页样式的语言,只能写html+css的前端才被叫做切图狗吧,CSS能够呈现的效果固然经常,但是写CSS样式的工作确很繁琐。 既然写CSS是一项简单而繁琐的工作,那么能不能从把前端从枯燥无味...

2019-03-25 19:45:25

阅读数 105

评论数 0

前端SEO优化

搜索引擎工作原理       当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果。深究其背后的故事,搜索引擎做了很多事情。   &nbsp...

2019-03-25 14:52:33

阅读数 128

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭