从零开始学前端
从零开始学前端
这个作者很懒,什么都没留下…
展开
-
Session和Cookie的区别
Session和Cookie的区别这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【Session和Cookie的区别】1.背景介绍什么是CookieCookie 是在HTTP协议下,服务器或脚本可以维护客户工作站上信息的一种方式。Cookie 是由 W...原创 2020-01-10 13:23:16 · 296 阅读 · 0 评论 -
有哪些常见的验证表单方式,他们各自的优缺点是什么?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。大家好,我是IT修真院武汉分院web吴三水,一枚正直纯洁善良的web程序员。今天给大家分享一下,修真院官网js(职业)任务十,深度思考中的知识点:【有哪些常见的验证表单方式,他们各自的优缺点是什么?】1.背景介绍表单验证是...原创 2020-01-10 13:21:35 · 1424 阅读 · 0 评论 -
怎么隐藏audio播放器的播放进度条,只保留播放按钮?
怎么隐藏audio播放器的播放进度条,只保留播放按钮?截图在页面最右边的button中嵌套了audio音频播放器,播放器默认的样式有一个播放进度条,导致页面宽度被撑开了,布局被破坏。第一种:第二种:如果去掉controls值,可以隐藏播放进度条,但是整个播放器也无法播放了。把control更换成autoplay虽然解决了进度条的问题,但是又无法控制背景音乐的暂停功能了。...原创 2020-01-08 17:49:02 · 6910 阅读 · 0 评论 -
从零学前端第十六讲:AngularJs与服务器通信
本节课内容AngularJs与服务器通信主讲人介绍沁修,葡萄藤技术总监项目经验丰富,擅长H5移动项目开发。专注技术选型、底层开发、最佳代码实践规范总结与推广。直播录屏版https://v.qq.com/x/page/o0760tr09zt.html文字解析版概述请求与服务在学习请求服务之前,我们首先来认识一下什么叫服务service。在angualrjs中服务就是一个函数...原创 2020-01-08 17:46:11 · 213 阅读 · 0 评论 -
关于JavaScript中常见的DOM操作
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。大家好,我是IT修真院上海分院Web刘洪利。今天给大家分享的是:关于JavaScript中常见的DOM操作1.背景介绍 什么是DOM?简单地说,DOM是一套对文档的内容进行抽象和概念化的方法 在现实世界里,...原创 2020-01-04 15:28:44 · 246 阅读 · 0 评论 -
什么是angualr控制器?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。大家好,我是IT修真院深圳分院叶泽彪,一枚正直纯洁善良的WEB程序员。今天给大家分享一下,修真院官网JS任务2,深度思考中的知识点——angualr控制器是什么?1.背景介绍了解控制器之前,我们先来了解一下什么是MVVM模...原创 2020-01-04 15:21:03 · 144 阅读 · 0 评论 -
WebAssembly的使用
WebAssembly的使用介绍WebAssembly(缩写为Wasm)是基于堆栈的虚拟机的二进制指令格式。Wasm被设计为可移植目标,用于编译高级语言(如C / C ++ / Rust),从而可以在Web上为客户端和服务器应用程序进行部署。webassembly的背景我们为什么需要wasm?它可以解决什么问题?javascript从最开始诞生起,它的定位就是一门解释性语言,它面向的开发...原创 2019-12-30 10:23:45 · 826 阅读 · 0 评论 -
渐进增强和优雅降级之间有什么不同?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能。本篇分享的是:【渐进增强和优雅降级之间有什么不同?】一.背景介绍:渐进增强和优雅降级是在CSS3出现之后才火起来的。由于低级浏览器,(特)比(别)如(是)IE6等,不支持CSS3的浏览器,但是CSS3的样式又特别优秀不忍放弃 ...原创 2019-12-23 09:41:07 · 137 阅读 · 0 评论 -
Js的同步异步以及回调函数
Js的同步异步以及回调函数这里是修真院前端小课堂,每篇分享文从【Js的同步异步以及回调函数】今天给大家分享一下,修真院官网JS任务中可能会使用到的知识点:js同步异步以及回调函数1.背景介绍什么是同步,什么是异步?同步指的是一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。异步指的是每一个任务有一个或多个回调函数(callback),...原创 2019-12-19 09:38:41 · 335 阅读 · 0 评论 -
F12 console的用法,以及如何debug程序?
F12 console的用法,以及如何debug程序背景介绍debug这个词最初源于一位名叫Grace Hopper的美国海军准将及计算机科学家在调试故障设备时,在继电器中发现的一只被夹扁的臭虫(bug)。从此至今,bug便成为程序漏洞的代称,debug即为修补漏洞的程序。而在我们前端领域,debug通常作为一个动词来使用,也就是今天所要讲的:如何找bug,调试程序知识剖析先讲工...原创 2019-12-18 10:19:44 · 2386 阅读 · 0 评论 -
页面的重绘与回流,以及如何优化
页面的重绘与回流,以及如何优化浏览器对页面的呈现流程页面呈现流程浏览器把取到的HTML代码解析成1个DOM树HTML中的每个tag都是DOM中的1个节点根节点是document对象DOM树里包含了所有HTML标签包括display:none;隐藏(因为DOM tree无法识别样式),还有用JS动态添加的元素等浏览器把所有样式解析成样式结构体,解析过程中会去掉浏览器不能识别的样式(例...原创 2019-12-17 09:59:00 · 173 阅读 · 0 评论 -
详解AngularJS服务
背景介绍什么是服务?Services are designed to be the glue between controllers, the minions of data, the slaves of functionality, the worker-bees of our application.以上是Angular团队对于服务的定义,翻译过来就是说 services是被用来设计...原创 2019-12-16 09:35:29 · 132 阅读 · 0 评论 -
如何实现登录判断
这里是修真院前端小课堂,每篇分享文从今天给大家分享一下,修真院官网前端任务js6,深度思考中的知识点——如何实现登录判断一、背景知识:登录功能,是前端经常要完成的需求之一。一个 网站有很多的操作是必须要用户登陆才能进行操作的那么如何进行登录判断?需要用到什么样的属性或者方法?有什么地方的细节需要注意?以上这些,都是本次小课堂要讲解的重点!二、知识剖析路由卫士:创建路由后,任何...原创 2019-12-14 09:45:24 · 1397 阅读 · 0 评论 -
什么是VueCLI3
这里是修真院前端小课堂,每篇分享文从本篇分享的是:【什么是VueCLI3】背景介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 web...原创 2019-12-11 09:43:28 · 376 阅读 · 0 评论 -
如何实现随机颜色 他们的性能如何
这里是修真院前端小课堂,每篇分享文从【 如何实现随机颜色 他们的性能如何】大家好,我是IT修真院深圳分院第十一期学员,一枚正直纯洁善良的WEB程序员。今天给大家分享一下,修真院官网JS任务一, 如何实现随机颜色 他们的性能如何1.背景介绍相信大家都知道在前端的颜色表示方式有多种,一种是以3个或6个十六进制的数子表示,一种是RGB的数字形式,还有一种是直接以颜色的英文来表示。这三种都是不支...原创 2019-12-07 09:35:13 · 496 阅读 · 0 评论 -
洗牌算法
这里是修真院前端小课堂,每篇分享文从洗牌算法具体指的是什么?(1)背景介绍:洗牌算法(Shuffling Algorithm),顾名思义,它的产生是用来解决类似洗牌这种场景的问题的,目的是产生一串等概率的随机列,使得很难去预测牌的顺序。洗牌算法是我们常见的随机问题,在玩游戏、随机排序时经常会碰到。 本质是让一个数组内的元素随机排列,即数组乱序。什么是好的洗牌算法洗牌之后,如果能够保证每...原创 2019-12-06 09:40:46 · 356 阅读 · 0 评论 -
继承有几种方式,分别是什么,想要实现继承可以使用哪些方法
这里是修真院前端小课堂,每篇分享文从【继承有几种方式,分别是什么,想要实现继承可以使用哪些方法】1.背景介绍简介 在JS中继承是一个非常复杂的话题,比其他任何面向对象语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。在JS中想要达到继承公用成员的目的,需要采取一系列措施。2.知识剖析继承有哪些方法可以实现? 2.1.原型链 原型链的基...原创 2019-12-03 10:24:21 · 781 阅读 · 0 评论 -
如何使用bootstrap 栅格系统?
这里是修真院前端小课堂,每篇分享文从八个方面深度解析前端知识/技能。本篇分享的是:【如何使用bootstrap 栅格系统?】一、背景介绍今天小课堂分享的内容主要是讲,Bootstrap中的栅格系统(Grid System)Bootstrap,来自 Twitter,是如今最流行的前端框架之一,Bootstrap功能强大,简单易学,很符合实际应用场景。 它是一个CSS/HTML框架。由动态C...原创 2019-12-03 10:22:08 · 228 阅读 · 0 评论 -
什么是jsp?jsp的内置对象有哪些?
什么是jsp?jsp的内置对象有哪些?这里是修真院前端小课堂,每篇分享文从本篇分享的是:【什么是jsp?jsp的内置对象有哪些?】1、背景介绍百度百科是这么介绍jsp的:“jsp是一种动态网页技术标准。它出现的根本原因是为了简化servlet的设计,是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。”从以上的介绍可以得出,servlet是先出的,j...原创 2019-11-25 10:17:38 · 157 阅读 · 0 评论 -
return的使用方法
这里是修真院前端小课堂,每篇分享文从【return的使用方法 】今天给大家分享一下,修真院官网JS任务4,深度思考中的知识点——return的使用方法一、背景介绍return:表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。如果函数执行不需要返回计算结果,也经常需要返回一...原创 2019-11-22 10:15:12 · 1517 阅读 · 0 评论 -
什么是 GitFlow 工作流?
大家好,这里是修真院前端小课堂,今天给大家分享的是《什么是 GitFlow 工作流?》背景介绍什么是 Git 工作流?Git 工作流你可以理解为工作中团队成员遵守的一种代码管理方案,在 Git 中有以下几种工作流方案作为方案指导。1、集中式工作流2、功能分支工作流3、Gitflow 工作流4、Forking 工作流知识剖析1、集中式工作流这种工作方式跟 svn 类...原创 2019-11-22 10:14:26 · 131 阅读 · 0 评论 -
javascript中this的体现
这里是修真院前端小课堂,每篇分享文从【javascript中this的体现 】this是javascript的关键字的一种,它指向的是一个对象。 而他表示哪个对象,则取决于引用环境。规则:“函数在被调用时,其活动对象都会自动取得两个特殊变量 this 和 arguments。 内部函数在搜索这两个变量时,只会搜索到其活动对象为止.”在不同环境下的THIS的指向vargaObj={ ...原创 2019-11-19 09:49:11 · 97 阅读 · 0 评论 -
常见的表单元素有哪些?各有什么属性?
这里是修真院前端小课堂,每篇分享文从【常见的表单元素有哪些?各有什么属性? 】大家好,我是IT修真院北京分院第23期学员。今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。表单元素是页面中不可缺少的元素,在最新的H5中,表单元素也新增了一些属性,在页面构...原创 2019-11-16 09:14:53 · 9539 阅读 · 0 评论 -
BFC及其工作方式
这里是修真院前端小课堂,每篇分享文从【BFC及其工作方式 】1.背景介绍在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Cont...原创 2019-11-16 09:14:24 · 354 阅读 · 0 评论 -
json是什么,如何处理转义?
这里是修真院前端小课堂,每篇分享文从【 json是什么,如何处理转义?】今天这篇文主要关于json是什么,以及如何处理转义。数据传输是我们在编写代码时经常遇到的一个场景。给数据一个统一的格式有利于我们编写和解析数据。json,是数据格式的一种,在与后端的数据交换中有较为广泛的应用。json是一种数据格式,全名JavaScript Object Notation (JavaScript 对象...原创 2019-11-15 09:27:52 · 1853 阅读 · 0 评论 -
如何验证程序是否完成,测试以及修复bug
这里是修真院前端小课堂,每篇分享文从【如何验证程序是否完成,测试以及修复bug 】大家好,我是IT修真院北京总院的杨梦桐,今天这篇文章主要总结如何验证程序是否完成,测试以及修复bug背景介绍在日常中,我们码代码都是按照需求来的,为了验证我们验证我们的工作成果符合我们的项目需求,那么验证程序是否完成、测试以及修复bug就成了我们工作中非常重要的流程。知识剖析在实际的开发中,最重要...原创 2019-11-15 09:27:19 · 1604 阅读 · 0 评论 -
如何理解HTML结构的语义化?
这里是修真院前端小课堂,每篇分享文从【如何理解HTML结构的语义化? 】HTML语义化背景介绍讲到语义化,我们首先来聊聊html语义化的背景,HTML结构语义化,是最近几年才提出来的,以前的html结构,都是一堆没有语义的冷冰冰的标签。最泛滥的就是div+css,以前的页面,一打开就是一堆div+css,为了改变这种这种状况,开发者们和官方提出了让HTML结构语义化的概念,并且官方w3c...原创 2019-11-14 09:17:32 · 483 阅读 · 0 评论 -
CSS可以绘制哪些常见的特殊形状?
这里是修真院前端小课堂,每篇分享文从【CSS可以绘制哪些常见的特殊形状? 】大家好,我是IT修真院北京分院25期的学员,一枚正直纯洁善良的web前端程序员今天给大家分享一下,修真院官网css任务5,深度思考中的知识点——CSS可以绘制哪些常见的特殊形状1.背景介绍在写网页的时候,会遇到需要装饰一些几何图形的情况,用css就可以实现很多特殊形状的绘制。它的特点是放大后图像不会失真,文件的占...原创 2019-11-14 09:10:34 · 433 阅读 · 0 评论 -
Flexbox(弹性盒布局模型)以及适用场景
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【Flexbox(弹性盒布局模型)以及适用场景 】大家好,今天给大家分享一下,Flexbox(弹性盒布局模型)以及适用场景1.背景介绍布局的传统解决方案,基于盒状模型,依赖display属性+ position...原创 2019-11-13 09:40:38 · 372 阅读 · 0 评论 -
CSS有哪些属性可以继承?
这里是修真院前端小课堂,每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能,本篇分享的是:【CSS有哪些属性可以继承? 】1.背景介绍了解css样式表的继承,我们先从文档树(HTML DOM)开始,文档树由HTML元素组成,文档树和家族树类似,也有祖先、后代、父亲、孩子、兄弟css样式表继承指的是,...原创 2019-11-13 09:36:49 · 1383 阅读 · 0 评论 -
什么是浮动?有哪些消除浮动的方法?
这里是修真院前端小课堂,每篇分享文从【什么是浮动?有哪些消除浮动的方法? 】大家好,我是IT修真院北京分院第22期的学员杨纲,一枚正直纯洁善良的WEB前端程序员。1.背景介绍浮动是怎么诞生的?浮动最初设计的目的并没那么多事儿,就只是用来实现文字环绕效果而已。但是早期的前端开发者发现:浮动的元素可以设置宽高并且可以内联排列,是介于inline和block之间的一个神奇的存在, 在inlin...原创 2019-11-12 09:49:22 · 388 阅读 · 0 评论 -
RGBA和OPACITY的区别&DISPLAY和VISIBILITY的区别
这里是修真院前端小课堂,每篇分享文从【RGBA和OPACITY的区别&DISPLAY和VISIBILITY的区别 】大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。今天给大家分享一下,修真院官网CSS任务7中涉及的关于RGBA和OPACITY的透明效果有何不同以及DISPLAY:NONE和VISIBILITY:HIDDEN的区别。小课堂【北京...原创 2019-11-12 09:39:17 · 148 阅读 · 0 评论 -
js文档加载完毕有哪几种写法以及如何开发jq插件?
这里是修真院前端小课堂,每篇分享文从【js文档加载完毕有哪几种写法以及如何开发jq插件? 】大家好,我是IT修真院北京总院第24期的学员,一枚正直纯洁善良的web程序员今天给大家分享一下,修真院官网js任务4,深度思考中的知识点——js文档加载完毕有哪几种写法以及如何开发jq插件?1.背景介绍js文档加载完毕有哪几种写法1:js加载完毕有哪几种写法一、当不引入jQuery框架,只写原...原创 2019-11-08 09:53:58 · 142 阅读 · 0 评论 -
JAVASCRIPT中的基本包装类型?
这里是修真院前端小课堂,每篇分享文从【JAVASCRIPT中的基本包装类型? 】大家好,我是IT修真院北京分院第22期的学员杨纲,一枚正直纯洁善良的WEB前端程序员。1.背景介绍我们目前对Javascript多少都有一些了解和使用。其中最基础的,就是js的数据类型,分为两大块,一个是基本数据类型,包括:undefined、null、boolean、number、string等;一个是引用数...原创 2019-11-08 09:51:50 · 185 阅读 · 0 评论 -
中有哪些方法可以实现垂直居中(二)
这里是修真院前端小课堂,每篇分享文从CSS中有哪些方法可以实现垂直居中(二)大家好,我是IT修真院一枚正直纯洁善良的web程序员,今天给大家分享官网css任务8,深度思考中的知识点——CSS中有哪些方法可以实现垂直居中(二)?1.背景介绍在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实...原创 2019-11-07 09:49:33 · 218 阅读 · 0 评论 -
CSS中有哪些方法可以实现垂直居中(一)?
这里是修真院前端小课堂,每篇分享文从本篇分享的是:【CSS中有哪些方法可以实现垂直居中? 】(1)背景介绍:在前端开发过程中,对页面进行布局时,除了CSS水平居中的需求外,还会经常遇到CSS垂直居中的需求,CSS垂直居中跟CSS水平居中一样都是前端工程师的基本功。(2)知识剖析:几种常用到的垂直居中方法:1、头部和顶部使用相同大小的padding值可以实现居中。2、单行文本可以用li...原创 2019-11-07 09:48:48 · 286 阅读 · 0 评论 -
css中content属性,有什么作用?有什么应用?
这里是修真院前端小课堂,每篇分享文从【css中content属性,有什么作用?有什么应用? 】1.背景介绍content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被所有主流浏览器支持。在CSS 3 Generated Content工作草案中,content属性添加了更多的特征,例如:插入以及移除文档内容的能力,以创建脚注,结语...原创 2019-11-04 10:07:48 · 1299 阅读 · 0 评论 -
用原型继承的方式,其是怎么继承的。
这里是修真院前端小课堂,每篇分享文从【用原型继承的方式,其是怎么继承的。 】继承:继承是OO语言(面对对象语言)的一个重要概念,许多OO语言支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。由于函数没有签名,在ECMAScript中无法实现接口继承,只支持实现继承。并且其实现继承主要是依靠原型链实现的。–JavaScript高级程序设计继承概念指的...原创 2019-11-04 10:07:03 · 240 阅读 · 0 评论 -
SASS和LESS是什么?如何使用?
这里是修真院前端小课堂,每篇分享文从【SASS和LESS是什么?如何使用? 】大家好,我是IT修真院北京分院第20期的学员王野,一枚正直纯洁善良的程序员今天给大家分享一下,修真院官网JS任务4,深度思考中的知识点——SASS和LESS是什么?如何使用?一、背景介绍CSS是我们学习前端开发必须掌握的技巧,叫做层叠样式表。你可以用它开发网页样式,但是又一个很大的不足,就是没办法编程。也就是...原创 2019-11-02 09:39:33 · 292 阅读 · 0 评论 -
如何做默认样式重置?RESETTING 和 NORMALIZING 之间有什么区别?
这里是修真院前端小课堂,每篇分享文从【如何做默认样式重置?RESETTING 和 NORMALIZING 之间有什么区别? 】1.背景介绍默认样式重置出现的原因:目前为止,市面上的五大主流浏览器为IE、Chrome、Firefox、Safari和Opera。 当我们没有给html元素设置样式时,这5个浏览器会根据自己的默认样式对html元素进行布局,但是由于每个浏览器的默认布局样式不同, ...原创 2019-11-02 09:39:01 · 166 阅读 · 0 评论