修真院前端小课堂
文章平均质量分 88
从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能
IT修真院
这个作者很懒,什么都没留下…
展开
-
JS有哪些数据类型 ?
大家好,我是IT修真院的一枚正直纯洁善良的WEB程序员。今天我给大家分享的是:JS有哪些数据类型 ?一.背景介绍 编程语言都具有内建的数据结构,但各种编程语言的数据结构常有不同之处。本文试图列出 JavaScript 语言中内建的数据结构及其属性,它们可以用来构建其他的数据结构;同时尽可能地描述与其他语言的不同之处。二.知识剖析2.1 动态类型...原创 2019-11-23 16:47:32 · 1357 阅读 · 3 评论 -
BFC(Block Formatting Context) 及其如何工作
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。大家好,我是IT修真院北京分院的郭晨阳,一枚正直纯洁善良的前端程序员。今天给大家分享一下,修真院官网css任务15,深度思考中的知识点:【BFC(Block Formatting Context) 及其如何工作...原创 2019-11-20 20:19:59 · 232 阅读 · 5 评论 -
如何使用bootstrap 栅格系统?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【如何使用bootstrap 栅格系统?】一、背景介绍今天小课堂分享的内容主要是讲,Bootstrap中的栅格系统(Grid System)Bootstrap,来自 Twitter,是...原创 2019-11-19 14:23:31 · 127 阅读 · 0 评论 -
页面的重绘与回流,以及如何优化
页面的重绘与回流,以及如何优化浏览器对页面的呈现流程页面呈现流程浏览器把取到的HTML代码解析成1个DOM树HTML中的每个tag都是DOM中的1个节点根节点是document对象DOM树里包含了所有HTML标签包括display:none;隐藏(因为DOM tree无法识别样式),还有用JS动态添加的元素等浏览器把所有样式解析成样式结构体,解析过...原创 2019-11-19 14:08:14 · 170 阅读 · 0 评论 -
开发过程中应该遵守哪些编码规范和class命名规范?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:开发过程中应该遵守哪些编码规范和class命名规范?开场语:大家好,我是IT修真院广州分院前端王熠华,一枚正直纯洁善良的前端程序员。今天给大家分享一下,修真院CSS任务12,深度思考中的知识点:开发...原创 2019-11-06 14:47:33 · 486 阅读 · 4 评论 -
简述angular 中constant和$filter的用法?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:简述angular 中constant和$filter的用法?1.背景介绍angular是什么:AngularJS 最初由Misko Hevery和Adam Abrons于2009年开发,后来成为了Google公司...原创 2019-11-05 19:27:33 · 389 阅读 · 4 评论 -
什么是jsp?jsp的内置对象有哪些?
什么是jsp?jsp的内置对象有哪些?这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【什么是jsp?jsp的内置对象有哪些?】1、背景介绍百度百科是这么介绍jsp的:“jsp是一种动态网页技术标准。它出现的根本原因是为了简化serv...原创 2019-10-31 16:14:24 · 186 阅读 · 0 评论 -
如何改变默认radio和select的样式?
如何改变默认radio和select的样式?这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【如何改变默认radio和select的样式?】1.背景介绍单选按钮 && 下拉列表以上两种展示数据的...原创 2019-10-31 16:11:38 · 268 阅读 · 0 评论 -
什么是REST?
什么是REST?这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,。本篇分享的是:【什么是REST?】1.背景介绍要解释什么是REST,你应该先了解什么是API(Application Programming Interface,应用程序编程接口), 形象一点说就...原创 2019-10-31 15:46:45 · 132 阅读 · 0 评论 -
九宫格布局方式有哪些,有什么优缺点?
九宫格布局方式有哪些,有什么优缺点?这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【九宫格布局方式有哪些,有什么优缺点?】1.背景介绍盒子模型与元素水平九宫格对于一个初学者来说,只需要了解标准盒模型,盒模型由内至外分别是content、pa...原创 2019-10-31 15:41:39 · 369 阅读 · 0 评论 -
让div在屏幕中居中(水平居中+垂直居中)的几种方法
让div在屏幕中居中(水平居中+垂直居中)的几种方法水平居中方法:1.inline,inline-block元素的水平居中,在父级块级元素中设置text-align:center;2.确定宽度的块级元素水平居中方法margin:0 auto;绝对定位和margin-left:-(width/2)实现水平居中:绝对定位+margin:0 auto + ...原创 2019-10-30 14:48:26 · 5891 阅读 · 0 评论 -
JAVASCRIPT中的基本包装类型?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【JAVASCRIPT中的基本包装类型? 】大家好,我是IT修真院北京分院第22期的学员杨纲,一枚正直纯洁善良的WEB前端程序员。1.背景介绍我们目前对Javascript多少都有一些了解和使用...原创 2019-06-03 20:03:48 · 375 阅读 · 4 评论 -
闭包是什么?用处如何?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 闭包是什么?用处如何?】大家好,我是IT修真院北京分院25期的学员,一枚正直纯洁善良的web前端程序员今天给大家分享一下,修真院官网js任务4,深度思考中的知识点——闭包是什么?用处如何?...原创 2019-06-03 20:04:21 · 267 阅读 · 5 评论 -
POST提交的数据有哪几种编码
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 POST提交的数据有哪几种编码】大家好,我是IT修真院北京分院第22期学员,一枚正直善良的web程序员。1.背景介绍HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET...原创 2019-06-03 20:05:47 · 578 阅读 · 4 评论 -
跨域解决方案之nginx
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【跨域解决方案之nginx 】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js任务5,深度思考中的知识点——跨域解决方案之nginx...原创 2019-06-03 20:08:30 · 302 阅读 · 3 评论 -
REST架构风格
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 REST架构风格】参考:知乎理解本真的REST架构风格REST架构风格最重要的架构约束有6个:客户-服务器(Client-Server):通信只能由客户端单方面发起,表现为请求-响应的形式。...原创 2019-06-03 20:09:18 · 439 阅读 · 3 评论 -
display:table有那些应用?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 display:table有那些应用?】大家好,我是IT修真院北京分院25期的学员,一枚正直纯洁善良的web前端程序员今天给大家分享一下,修真院官网css任务13,深度思考中的知识点——移动端有...原创 2019-06-03 20:09:57 · 348 阅读 · 0 评论 -
跨域解决方案之nginx
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【跨域解决方案之nginx 】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js任务5,深度思考中的知识点——跨域解决方案之nginx...原创 2019-06-03 20:23:24 · 346 阅读 · 0 评论 -
ANGULAR COMPONENT组件介绍
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 ANGULAR COMPONENT组件介绍】大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。今天给大家分享一下,修真院官网js任务5中涉及的angular...原创 2019-06-03 20:24:04 · 662 阅读 · 5 评论 -
如何理解JS中的call和apply?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何理解JS中的call和apply? 】1.背景介绍call和apply都是为了改变某个函数运行时的context即上下文而存在的,换句话说,就是为了改变函数体内部this的指向。因为JavaS...原创 2019-06-03 20:24:48 · 240 阅读 · 5 评论 -
什么是自执行函数?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 什么是自执行函数?】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js任务2,深度思考中的知识点——什么是自执行函数?1.背...原创 2019-06-03 20:25:41 · 844 阅读 · 1 评论 -
JS中THIS的指向?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 JS中THIS的指向?】大家好,我是IT修真院北京分院第22期的学员杨纲,一枚正直纯洁善良的WEB前端程序员。1.背景介绍this对象是在运行时基于函数的执行环境绑定的,在全局函数中,thi...原创 2019-05-30 20:51:49 · 249 阅读 · 3 评论 -
RGBA和OPACITY的透明效果有何不同 DISPLAY:NONE和VISIBILITY:HIDDEN的区别
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 RGBA和OPACITY的透明效果有何不同 DISPLAY:NONE和VISIBILITY:HIDDEN的区别】大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员...原创 2019-05-31 20:56:28 · 449 阅读 · 0 评论 -
angular之中,$state $watch $scope $rootScope 分别是什么?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【angular之中,$state $watch $scope $rootScope 分别是什么? 】1.背景介绍在平时的编码中,我们总会想着有什么方法能够简化我们的工作流程,让我们只专心于业务逻辑...原创 2019-05-31 20:58:27 · 321 阅读 · 0 评论 -
如何使用Postman
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何使用Postman 】大家好,我是IT修真院北京分院第20期的学员王野,一枚正直纯洁善良的程序员今天给大家分享一下,修真院官网JS任务4,深度思考中的知识点——如何使用Postman一、背...原创 2019-05-31 20:55:28 · 488 阅读 · 3 评论 -
什么是Ajax
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【什么是Ajax 】大家好,我是IT修真院北京总院第21期的学员杨梦桐,今天这篇文章主要总结了ajax的内容1. 什么是AjaxAJAX即“Asynchronous JavaScript an...原创 2019-05-31 20:58:55 · 269 阅读 · 3 评论 -
用CSS如何实现垂直居中
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 用CSS如何实现垂直居中】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网css任务8,深度思考中的知识点——用CSS如何实现垂直居中?...原创 2019-05-31 21:08:07 · 375 阅读 · 0 评论 -
如何使用浏览器的F12调试页面?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何使用浏览器的F12调试页面? 】一、背景介绍一个程序员按照要求编写一个网页,不可能一次编写就完全达到目的,一般要对自己的的代码修改调试几次后才能到达要求,浏览器的F12开发人员工具就可以很方便...原创 2019-05-31 21:08:47 · 2118 阅读 · 0 评论 -
SVN和GIT的区别?Webstorm如何配置SVN?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【SVN和GIT的区别?Webstorm如何配置SVN? 】大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。今天给大家分享一下,修真院官网CSS任务2中涉及的...原创 2019-06-03 19:53:34 · 463 阅读 · 5 评论 -
如何进行自适应网页设计?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何进行自适应网页设计? 】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网css任务3,深度思考中的知识点——如何进行自适应网页设计?...原创 2019-05-31 21:09:19 · 629 阅读 · 3 评论 -
如何配置nginx,实现在手机上查看页面?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何配置nginx,实现在手机上查看页面? 】大家好,我是IT修真院北京分院第20期的学员王野,一枚正直纯洁善良的程序员今天给大家分享一下,修真院官网JS任务4,深度思考中的知识点——如何配置ng...原创 2019-05-31 21:10:01 · 933 阅读 · 4 评论 -
position定位有哪几种?各有什么特点?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【 position定位有哪几种?各有什么特点?】今天给大家分享一下,深度思考中的知识点——position定位有哪几种?各有什么特点?一、背景介绍POSITION是CSS中非常重要的一个属性,通...原创 2019-05-31 21:10:44 · 919 阅读 · 0 评论 -
如何理解HTML结构的语义化?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何理解HTML结构的语义化? 】1. HTML语义化背景介绍讲到语义化,我们首先来聊聊html语义化的背景,HTML结构语义化,是最近几年才提出来的,以前的html结构,都是一堆没有语义的冷冰冰...原创 2019-05-31 21:11:19 · 1036 阅读 · 4 评论 -
CSS可以绘制哪些常见的特殊形状?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【CSS可以绘制哪些常见的特殊形状? 】大家好,我是IT修真院北京分院25期的学员,一枚正直纯洁善良的web前端程序员今天给大家分享一下,修真院官网css任务5,深度思考中的知识点——CSS可以绘制...原创 2019-06-03 19:28:23 · 497 阅读 · 4 评论 -
Flexbox(弹性盒布局模型)以及适用场景
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【Flexbox(弹性盒布局模型)以及适用场景 】大家好,今天给大家分享一下,Flexbox(弹性盒布局模型)以及适用场景1.背景介绍布局的传统解决方案,基于盒状模型,依赖display属...原创 2019-06-03 19:29:22 · 432 阅读 · 6 评论 -
CSS有哪些属性可以继承?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【CSS有哪些属性可以继承? 】1.背景介绍了解css样式表的继承,我们先从文档树(HTML DOM)开始,文档树由HTML元素组成,文档树和家族树类似,也有祖先、后代、父亲、孩子、兄弟...原创 2019-06-03 19:30:09 · 4948 阅读 · 0 评论 -
什么是浮动?有哪些消除浮动的方法?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【什么是浮动?有哪些消除浮动的方法? 】大家好,我是IT修真院北京分院第22期的学员杨纲,一枚正直纯洁善良的WEB前端程序员。1.背景介绍浮动是怎么诞生的?浮动最初设计的目的并没那么多事儿,就只...原创 2019-06-03 19:31:17 · 958 阅读 · 4 评论 -
RGBA和OPACITY的区别&DISPLAY和VISIBILITY的区别
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【RGBA和OPACITY的区别&DISPLAY和VISIBILITY的区别 】大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。今天给大家分享一下,修...原创 2019-06-03 19:32:09 · 442 阅读 · 0 评论 -
CSS中有哪些方法可以实现垂直居中(二)?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:CSS中有哪些方法可以实现垂直居中(二)大家好,我是IT修真院一枚正直纯洁善良的web程序员,今天给大家分享官网css任务8,深度思考中的知识点——CSS中有哪些方法可以实现垂直居中(二)?1.背景介绍...原创 2019-06-03 19:32:49 · 275 阅读 · 0 评论 -
如何使用BOOTSTRAP 栅格系统?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【如何使用BOOTSTRAP 栅格系统? 】今天给大家分享一下,深度思考中的知识点——如何使用BOOTSTRAP 栅格系统?一、背景介绍今天小课堂分享的内容主要是讲,Bootstrap中的栅格系...原创 2019-06-03 19:33:27 · 233 阅读 · 4 评论