前端零基础
关注
分享
扫一扫
文章平均质量分 88
IT修真院
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
零基础入门前端
一、 前后端分离的定义什么是前后端分离呢？其实在过去根本就不分什么前后端的，无论是Java还是js都是一个人写的“蛮荒时代”。那么到底是因为什么原因才开始了区分前后端的呢？首先是可以并行开发，前后端进度互不影响，一个前端对多个后端；再一个就是成本问题，后端的成本还是比前端要高一些的，所以如果能把工作拆给两个做，一个成本高点另一个则低点容易接受；最后就是css太难了，谁...原创 2020-04-16 19:51:37 · 885 阅读 · 1 评论 -
如何零基础入门前端开发？
一、何为前端开发？百度上给出解释是：前端开发是创建web页面或是App等前端界面呈现给用户的过程，通过HTML、CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。事实上前端工程师的主要职责是与交互设计师、视觉设计师进行协作，说人话就是要经常和UI设计师打交道，根据UI图用HTML和CSS完成页面制作，同时还要用JavaScript等一系列技...原创 2020-04-08 22:20:46 · 1632 阅读 · 1 评论 -
WebAssembly的使用
WebAssembly的使用介绍WebAssembly（缩写为Wasm）是基于堆栈的虚拟机的二进制指令格式。Wasm被设计为可移植目标，用于编译高级语言（如C / C ++ / Rust），从而可以在Web上为客户端和服务器应用程序进行部署。webassembly的背景我们为什么需要wasm？它可以解决什么问题？javascript从最开始诞生起，它的定位就是一门解释性语言，它...原创 2019-12-28 16:13:22 · 1637 阅读 · 2 评论 -
从零开始学前端第十七讲--微信小程序开发入门
微信小程序开发入门主讲人介绍沁修，葡萄藤技术总监项目经验丰富，擅长H5移动项目开发。专注技术选型、底层开发、最佳代码实践规范总结直播录屏版https://v.qq.com/x/page/n0760yz7r2z.html文字解析版小程序的介绍和准备什么是小程序微信之父张小龙是这样描述的：小程序是一种...原创 2019-12-25 16:59:47 · 631 阅读 · 0 评论 -
渐进增强和优雅降级之间有什么不同?
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【渐进增强和优雅降级之间有什么不同?】一.背景介绍：渐进增强和优雅降级是在CSS3出现之后才火起来的。由于低级浏览器，（特）比（别）如（是）IE6等，不支持CSS3的浏览器，但是CS...原创 2019-11-27 16:49:14 · 218 阅读 · 0 评论 -
简述原型链
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。我是上海分院杨亚洲，一枚正直纯洁善良的JAVA程序员。本篇分享的是：JS中的原型链是什么？目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考...原创 2019-11-27 15:52:39 · 497 阅读 · 6 评论 -
关于JavaScript中常见的DOM操作
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。大家好，我是IT修真院上海分院Web刘洪利。今天给大家分享的是：关于JavaScript中常见的DOM操作1.背景介绍什么是DOM？简单地说，DOM是一套对文档的内容进行抽象和概念化的方...原创 2019-11-27 15:21:41 · 412 阅读 · 3 评论 -
Session和Cookie的区别
Session和Cookie的区别这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【Session和Cookie的区别】1.背景介绍什么是CookieCookie 是在HTTP协议下，服务器或脚本可以维护客户工作站上信息的一种方...原创 2019-11-27 14:08:54 · 305 阅读 · 0 评论 -
get 与 post的区别?application json 与form表单的区别?
get 与 post的区别?application json 与form表单的区别?这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【get 与 post的区别?application json 与form表单的区别?】1.背景介绍...原创 2019-11-27 14:03:59 · 358 阅读 · 0 评论 -
JS数据类型基础介绍
JavaScript是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JS的数据类型可以分为两类1.简单数据类型（也称基本数据类型）：Undefined;Null;Boolean;Number和String。...原创 2019-11-26 19:48:42 · 517 阅读 · 0 评论 -
JS有哪些数据类型 ？
大家好，我是IT修真院的一枚正直纯洁善良的WEB程序员。今天我给大家分享的是：JS有哪些数据类型 ？一.背景介绍 编程语言都具有内建的数据结构，但各种编程语言的数据结构常有不同之处。本文试图列出 JavaScript 语言中内建的数据结构及其属性，它们可以用来构建其他的数据结构；同时尽可能地描述与其他语言的不同之处。二.知识剖析2.1 动态类型...原创 2019-11-23 16:47:32 · 1562 阅读 · 3 评论 -
ID和Class的区别？
大家好，我是IT修真院的一枚正直纯洁善良的WEB程序员。今天我给大家分享的是：ID和Class的区别？一，背景介绍HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。本次讲的id和Class就是id选择器和类选择器。二.知识剖析Class 在程序中称“类”...原创 2019-11-23 15:59:54 · 2296 阅读 · 3 评论 -
F12 console的用法，以及如何debug程序？
大家好，我是IT修真院的一枚正直纯洁善良的WEB程序员，今天我给大家分享的是，修真院官网 JS 任务一深度思考中的知识点——F12console的用法，以及如何debug程序1.背景介绍debug这个词最初源于一位名叫GraceHopper的美国海军准将及计算机科学家在调试故障设备时，在继电器中发现的一只被夹扁的臭虫（bug）。从此至今，bug便成为程序漏洞的代称，deb...原创 2019-11-23 15:19:18 · 1605 阅读 · 0 评论 -
如何使用bootstrap 栅格系统？
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【如何使用bootstrap 栅格系统？】一、背景介绍今天小课堂分享的内容主要是讲，Bootstrap中的栅格系统(Grid System)Bootstrap，来自 Twitter，是...原创 2019-11-19 14:23:31 · 177 阅读 · 0 评论 -
页面的重绘与回流，以及如何优化
页面的重绘与回流，以及如何优化浏览器对页面的呈现流程页面呈现流程浏览器把取到的HTML代码解析成1个DOM树HTML中的每个tag都是DOM中的1个节点根节点是document对象DOM树里包含了所有HTML标签包括display:none;隐藏（因为DOM tree无法识别样式），还有用JS动态添加的元素等浏览器把所有样式解析成样式结构体，解析过...原创 2019-11-19 14:08:14 · 342 阅读 · 0 评论 -
开发过程中应该遵守哪些编码规范和class命名规范？
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：开发过程中应该遵守哪些编码规范和class命名规范？开场语：大家好，我是IT修真院广州分院前端王熠华，一枚正直纯洁善良的前端程序员。今天给大家分享一下，修真院CSS任务12，深度思考中的知识点：开发...原创 2019-11-06 14:47:33 · 654 阅读 · 4 评论 -
果冻公开课第十二课：CSS里最基本的长度单位
视频版： CSS里最基本的长度单位 CSS里最基本的长度单位是像素PX,可为什么不是毫米厘米之类的单位呢?让我们先来回顾一下,米是怎么占领地球的。在米出现之前,标准长度单位是五花八门,比如说我国曾经把张开的大拇指尖和中指尖之间的间距作为一尺，把人伸开双臂的长度作为一仞。到...原创 2019-11-05 12:29:22 · 453 阅读 · 0 评论 -
在html常见的DOM操作有哪些？
常见的DOM操作有哪些这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【常见的DOM操作有哪些】1.背景介绍什么是DOM？简单地说，DOM是一套对文档的内容进行抽象和概念化的方法在现实世界里，人们对所谓的'世界对象模型'...原创 2019-11-04 10:39:04 · 417 阅读 · 0 评论 -
什么是jsp？jsp的内置对象有哪些？
什么是jsp？jsp的内置对象有哪些？这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【什么是jsp？jsp的内置对象有哪些？】1、背景介绍百度百科是这么介绍jsp的：“jsp是一种动态网页技术标准。它出现的根本原因是为了简化serv...原创 2019-10-31 16:14:24 · 329 阅读 · 0 评论 -
从零学前端第十七讲：小程序开发
本节课内容小程序开发主讲人介绍沁修，葡萄藤技术总监项目经验丰富，擅长H5移动项目开发。专注技术选型、底层开发、最佳代码实践规范总结与推广。1.小程序的介绍和准备1.1 什么是小程序微信之父张小龙是这样描述的：小程序是一种不需要下载安装就可以使用的应用，它实现了应用触手可及的孟县。用户扫一扫或者搜一下即可打开应用，也体现了用完即走的理念。用户不用关心是否安装...原创 2019-10-30 10:23:40 · 420 阅读 · 0 评论 -
【修真院“善良”系列之十八】WEB程序员从零开始到就业的全资料V1.0——只看这一篇就够了！
这里是修真院小课堂，本篇分析的主题是【WEB程序员从零开始到就业的全资料V1.0】前言这是两年以来，修真院收集整理的学习资料顺序。以CSS15个任务，JS15个任务为基础，分别依据要完成任务的不同的技能点，我们整理出来了这么一篇在学习的时候需要看到的资料。这是Version 1.0，接下来会优化和更新到2.0.现在只有WEB，接着会推出Java。任务体系是从简单到难，官网提供...原创 2019-05-15 09:54:16 · 2178 阅读 · 1 评论 -
继承有几种方式，分别是什么，想要实现继承可以使用哪些方法
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【继承有几种方式，分别是什么，想要实现继承可以使用哪些方法】1.背景介绍 简介 在JS中继承是一个非常复杂的话题，比其他任何面向对象语言中的继承都复杂得多。在大多数其他面...原创 2019-10-30 20:35:52 · 423 阅读 · 0 评论 -
post提交的数据有哪几种编码格式？能否通过URL参数获取用户账户密码
这里是修真院前端小课堂，本篇分析的主题是【post提交的数据有哪几种编码格式？能否通过URL参数获取用户账户密码】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【post提交的数据有哪几种编码格式？能否通过URL参数获取用户账户密码】1.背景介绍HTTP/1....原创 2019-05-20 10:47:07 · 3743 阅读 · 5 评论 -
渐进增强和优雅降级之间有什么不同?
这里是修真院前端小课堂，本篇分析的主题是【渐进增强和优雅降级之间有什么不同?】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【渐进增强和优雅降级之间有什么不同?】一.背景介绍：渐进增强和优雅降级是在CSS3出现之后才火起来的。由于低级浏览器，（特）比（别...原创 2019-05-20 10:48:02 · 14619 阅读 · 8 评论 -
页面的重绘与回流，以及如何优化
这里是修真院前端小课堂，本篇分析的主题是【页面的重绘与回流，以及如何优化】浏览器对页面的呈现流程页面呈现流程浏览器把取到的HTML代码解析成1个DOM树 HTML中的每个tag都是DOM中的1个节点 根节点是document对象 DOM树里包含了所有HTML标签 包括display:none;隐藏（因为DOM tree无法识别样式），还有用JS动态添加的元素等...原创 2019-05-16 10:39:47 · 1859 阅读 · 0 评论 -
闭包是什么，如何使用？
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：【闭包是什么，如何使用？】1.背景介绍是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。简单来说，假设函数A在函数B中进行了定义，并且当A在执行时访问了B内部...原创 2019-11-01 09:56:03 · 542 阅读 · 0 评论 -
有哪些常见的验证表单方式，他们各自的优缺点是什么？
这里是修真院前端小课堂，本篇分析的主题是【有哪些常见的验证表单方式，他们各自的优缺点是什么？】这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【有哪些常见的验证表单方式，他们各自的优缺点是什么？】一.背景介绍表单验证是javascript...原创 2019-05-16 10:36:08 · 2441 阅读 · 3 评论 -
常见的几种排序方法
这里是IT修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是：常见的几种排序方法1.背景介绍在计算机科学与数学中，一个排序算法（英语：Sorting algorithm）是一种能将一串资料依照特定排序方式进行排列的一种算法。 最常用到的排序方式是数...原创 2019-11-27 15:09:54 · 603 阅读 · 4 评论 -
浏览器如何渲染页面？
这里是修真院前端小课堂，本篇分析的主题是【浏览器如何渲染页面？】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【浏览器如何渲染页面？】一、背景介绍浏览器是前端工程师或页面重构师工作中必不可少的，WEB页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的...原创 2019-05-15 09:53:10 · 8038 阅读 · 0 评论 -
九宫格的布局你能够想到哪些办法实现？它们各自的优缺点是什么？
这里是修真院前端小课堂，本篇分析的主题是【九宫格的布局你能够想到哪些办法实现？它们各自的优缺点是什么？】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【九宫格的布局你能够想到哪些办法实现？它们各自的优缺点是什么？】1.背景介绍要做九宫格，首先得明白什么是...原创 2019-05-16 10:33:51 · 2414 阅读 · 0 评论 -
px、em、rem、%、vw、wh、vm等单位有什么区别？
这里是修真院前端小课堂，本篇分析的主题是【px、em、rem、%、vw、wh、vm等单位有什么区别？】这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【px、em、rem、%、vw、wh、vm等单位有什么区别？】1.背景介绍传统的项目开发...原创 2019-05-20 10:49:29 · 16683 阅读 · 0 评论 -
如何使用IconFont？——矢量图标
这里是修真院前端小课堂，本篇分析的主题是【如何使用IconFont？——矢量图标】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【如何使用IconFont？——矢量图标】1.背景介绍网上的一些小图标除了可以使用css精灵图制作外，还可以使用现在比较热门的...原创 2019-05-20 10:44:35 · 4237 阅读 · 4 评论 -
用CSS写一个简单的幻灯片效果页面
这里是修真院前端小课堂，本篇分析的主题是【用CSS写一个简单的幻灯片效果页面】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【用CSS写一个简单的幻灯片效果页面】1.背景介绍CSS3属性中有关于制作动画的三个属性：Transform,Transition...原创 2019-05-15 09:45:02 · 6379 阅读 · 7 评论 -
F12 console的用法，以及如何debug程序？
这里是修真院前端小课堂，本篇分析的主题是【F12 console的用法，以及如何debug程序？】这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【F12 console的用法，以及如何debug程序？】1.背景介绍Chrome中C...原创 2019-05-21 10:12:13 · 21989 阅读 · 0 评论 -
如何使用BOOTSTRAP 栅格系统？
这里是修真院前端小课堂，本篇分析的主题是【如何使用BOOTSTRAP 栅格系统？】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【如何使用BOOTSTRAP 栅格系统？】一、背景介绍今天小课堂分享的内容主要是讲，Bootstrap中的栅格系统(Grid Sy...原创 2019-05-20 10:29:55 · 1330 阅读 · 6 评论 -
跨越解决方案之nginx
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【跨越解决方案之nginx】1.背景介绍跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。所谓同源是指，域名，协议，端口...原创 2019-05-17 09:56:26 · 1011 阅读 · 0 评论 -
如何阻止事件冒泡和默认行为？
这里是修真院前端小课堂，本篇分析的主题是【如何阻止事件冒泡和默认行为？】1.背景介绍浏览器的事件发生顺序浏览器的事件发生顺序分为事件冒泡与事件捕获，分别由微软和网景公司提出。事件冒泡可以形象地比喻为把一颗石头投入水中，泡泡会一直从水底冒出水面。也就是说，事件会从最内层的元素开始发生，一直向上传播，直到document对象。因此在事件冒泡的概念下在p元素上发生click事...原创 2019-05-16 10:41:03 · 1754 阅读 · 0 评论 -
简述原型链是什么，有什么用处？若想访问一个对象的原型，应该使用什么方法？
这里是修真院前端小课堂，本篇分析的主题是【简述原型链是什么，有什么用处？若想访问一个对象的原型，应该使用什么方法？】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【简述原型链是什么，有什么用处？若想访问一个对象的原型，应该使用什么方法？】1.背景介绍原型...原创 2019-05-15 09:53:28 · 3753 阅读 · 5 评论 -
什么是REST？
这里是修真院前端小课堂，本篇分析的主题是【什么是REST？】每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【什么是REST？】1.背景介绍要解释什么是REST，你应该先了解什么是API（Application Programming Interface,...原创 2019-05-20 10:46:09 · 7215 阅读 · 4 评论 -
九宫格布局方式有哪些，有什么优缺点？
这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【九宫格布局方式有哪些，有什么优缺点？】1.背景介绍盒子模型与元素水平九宫格对于一个初学者来说，只需要了解标准盒模型，盒模型由内至外分别是content、padding、border、margi...原创 2019-05-16 10:33:13 · 4200 阅读 · 0 评论