![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端菜鸟学习笔记
嵐烨
目前是web前端开发工程师,本人自认为是菜鸟阶段,希望跟各位技术同行交流学习可以不断提升自身功力。
展开
-
前端资源汇集(个人觉得不错的学习资源收集)
前言:此前在“掘金”上看到技术大牛们分享的技术贴,其中涵盖了很多本人所未接触过使用过的前端学习的资源。通过对里面几个自己比较感兴趣的资源网站进行学习之后发现真心不错,因此想与各位跟我一样想在前端上深入学习,努力想从菜鸟变大牛的前端工程师们分享几个学习网站。希望可以帮助到大家的同时也可以进监督自己学习!!1.综合类:前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.ht转载 2016-05-31 00:39:00 · 4247 阅读 · 0 评论 -
before用双冒号与单冒号的区别
:before和::before的区别在一次项目中,有一次要用到::selection伪元素,然后开发同学问我,CSS中一个冒号和两个冒号有神马区别?这好像真的是个问题,或许很多前端同学对此都有疑惑,查了些资料,证实了下两个符号的区别,简而言之:单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述:转载 2016-09-22 23:23:02 · 10410 阅读 · 0 评论 -
字体抗锯齿属性-webkit-font-smoothing
字体抗锯齿属性:-webkit-font-smoothing,有需要的朋友可以参考下。对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天,抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中,后由于某些原因从web标准中被移除了。但是,我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoot转载 2016-09-22 23:26:01 · 13855 阅读 · 0 评论 -
javascript中的面向对象理解(一)
一、注意:提到“面向对象”这一概念,众所周知,javascript中的面向对象思想与其他的编程语言(例如:PHP、Java等)是有着很大区别的。因此,我们先复习下,传统意义上,面向对象的相关概念,以便我们后面更好的将javascript与其他语言的面向对象概念区分开来:1.其他面向对象语言:面向对象的语言有一个标志,即拥有类(class)的概念,抽象实例对象的公共属性与方法,基于类可以创建任意原创 2016-10-19 23:48:23 · 8205 阅读 · 0 评论 -
web中的同步请求和异步请求的差别(重点是ajax中的同步与异步)
此前,对于web中同步请求和异步请求的概念模糊不清,不过对于这样的知识盲点,不去克服的话都不好意思说自己是一名前端开发人员了[捂脸][捂脸]。还好,功夫不负有心人。通过自己的方式终于让自己理解了,这两个概念,因此,也想把自己的理解作博文,跟大家分享,如果说的不对,还请各位同行多多指教。一、web中的同步和异步:(1)同步请求:顺序处理,即当我们向服务器发出一个请求时,在服务器没返回结果给客原创 2016-11-20 19:53:31 · 39064 阅读 · 1 评论 -
html基础回顾--html文本框常见运用技巧及示例
1、html文本框怎么用css变圆角:border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3px;border:1px solid #000;}border-radius用法如下:border-radius 属性是一个简写属性,用于设置四个 border-*-原创 2016-12-15 00:19:17 · 5848 阅读 · 0 评论 -
css(css3)实现垂直水平居中的那些事
都说“金三银四求职季”,本人也选择了在这个时候成为这浩浩荡荡的求职大军中的一员,几次面试下来,发现面试官都爱问的一个问题就是:“说说垂直水平居中都有哪些实现方式吧?” 面试过程巴拉巴拉一大堆,现在终于有时间把这些知识点总结归纳起来,希望能帮自己巩固下,也希望可以帮到有需要的小伙伴~大神路过求轻喷求包涵。 言归正传,既然说到垂直水平居中,那现在咱们就来好好归纳下:“水平居中原创 2017-03-03 20:10:02 · 2880 阅读 · 0 评论 -
png、jpg、gif与webp不得不说的前端基础知识
今天偶然得到公司UI大神指导,介绍了几款前端切图神器,后在实践的过程看到两个概念,png8与png24,引起了自己的注意,还记得之前去腾讯面试(偶然得到的面试机会,可惜po主没把握住,伤心事不必再提,不过这次面试确实让自己受益匪浅),也被问到类似的概念。今天对比完几个概念的差别之后,把自己的一些理解写下,希望可以帮到跟我一样之前踩过坑的前端小白们:一、基本概念区分1、png8与png24原创 2017-11-17 22:11:42 · 4610 阅读 · 0 评论 -
简单总结jQuery API中的知识点(上篇)之DOM操作
最近为了学习前端其他新的知识,特意重新复习了一遍jQuery,算是查漏补缺,把之前学习时忽略的知识点补回来顺便也把一些知识点做了总结方便自己理解。JQ的DOM操作分类1.遍历(1)遍历的接口:父级,后代,同胞兄弟(相邻元素),过滤(2)遍历的结构设计 dir方法 each迭代器1.1父级遍历(即通过jQuery可以在DOM树中向上遍历)(1)方法:原创 2016-09-06 00:42:10 · 1624 阅读 · 0 评论 -
css 样式重置另一种角度
前言:可能是个人强迫症的关系,对于一个概念一定要深挖到自己觉得以自己目前的能力来说可以掌握为止,不然不明不白的,只知其一不知其二,真让人难受!最近在复习html重构这个专题上就css重置样式这块,还真的发现了点新东西,想跟大家分享下。关于css重置样式表,之前常用的就是reset css,但是除了这个其实还有normlize.css这个相较reset css更加人性化更加现代化更加适合H5开发转载 2016-08-07 12:07:03 · 1213 阅读 · 1 评论 -
浅说css的绝对定位跟相对定位
前言:接触html跟css也有段时间了,但是每次要用div+css布局时,心里还是有点虚,尤其是对于position这个属性的运用,之前都是囫囵吞枣。大致了解个概念,对他们也不够重视,这让我在用到这个属性布局时吃了不少亏,都说在“哪里跌倒就在哪里爬起来!”,对于这个自己埋下的坑,最近终于可以静下心来好好把这个坑填上了,原创 2016-06-03 09:38:44 · 611 阅读 · 0 评论 -
前端页面优化笔记
关于页面优化,相信大家都会知道“雅虎14军规”,但是可能像我这样的菜鸟在实际开发项目的过程中就会不注意提高页面性能,导致的结果就是你好不容易把UI设计的页面全部做好了,却会发现在后期维护以及页面被访问时出现种种问题,让你的网站质量大打折扣,今天看到一篇关于页面优化的文章,感觉更浅显能让我们记住里面的重点,关键还是要在实际项目开发中付之行动。页面优化页面优化可以提升页面的访问速度从而转载 2016-06-03 15:41:06 · 2250 阅读 · 0 评论 -
总结几个实用的js/jq代码片段
前言:众所周知,前端页面的动画效果的实现一般都是由js/jq实现的(现在css3也可以实现很多很酷炫的页面特效,但是由于浏览器的兼容性问题,运用还不算太广泛,这里先不说css3对于实现页面特效的便利。),此前一直想总结些常用的比较实用的js代码方便自己也希望可以帮到有需要的童鞋。今天大概总结了几个,并贴出代码。如有纰漏,欢迎大家批评指正。1.页面中指定某块(div)的内容随滚动条滚动到顶部时固原创 2016-06-06 00:23:13 · 634 阅读 · 0 评论 -
form表单结构的简单介绍
最近在复习css的基础知识,美其名曰:“温故而知新”。哈哈,开个玩笑,不过确实重新认识到之前在学习时不去注意的一些细节,例如一些语义化标签的运用。现在像把表单的结构标签简单的做下总结。当是增强记忆,也检验检验自己“温故”的成果。如有纰漏,还请各路大神指出!先插入一段代码先:个人基本信息名称:密码:详细信息:1.form标签中的重要属性:其中,ac原创 2016-06-13 22:49:10 · 5219 阅读 · 0 评论 -
css 伪类选择器 :nth-child(n) 与:nth-of-type(n)的区别
这个文章标题似乎太长了。但是不点明又不大好。哈哈,暂且不要在意这些细节了,说说今天的主角CSS的伪类选择器:nth-child,至于为什么还需要配角:nth-of-type,是因为我个人觉得这两个选择器的功能有点相近,估计也有初学者像我一样“粗心大意”,不注意区分它们之间的不同。再者说,两个有了对比也可以加深印象。先看下两者的定义与用法:nth-child(n)选择器匹配属于其父元原创 2016-06-13 22:57:49 · 4023 阅读 · 2 评论 -
条件注释解决ie浏览器的兼容性问题
在前端开发过程中最常遇到的就是浏览器兼容性问题,解决方法也有很多,用css hack, js ;在这里我想给大家说一说使用html注释判断ie版本的方法,其原理是:根据不同的ie版本调用特殊的css文件来实现浏览器兼容。 由于浏览器版本的不同,对CSS里某些元素的解释也不一样,本人当然也碰到同样的问题,也收集了一些解决方法,在之后会继续贴出,希望可以跟大家分享自己关于解决浏览器兼容性问题原创 2016-07-04 23:01:17 · 1917 阅读 · 0 评论 -
浅谈 css的zoom属性
zoom这个属性是ie专有属性,除了设置或者检索对象的缩放比例之外,它还有可以触发ie的haslayout属性,清除浮动,清除margin重叠等作用。 不过值得注意的一点就是火狐浏览器不支持zoom属性,但是在webkit内核浏览器中zoom这个属性也是可以被支持的。 (1)下面我们来看下zoom在非IE浏览器中的作用:看下面的例子,我是在谷歌浏览器下访问的,在该例子中zoom的作用是放原创 2016-07-04 23:21:28 · 108741 阅读 · 4 评论 -
css 重置样式表
前言: 关于css样式重置 ,相信对于接触过前端的人都知道在开始编写属于自己的代码之前都需要完成这一步。不过,我还是想说说自己对css重置的理解。希望可以利人利己(哈哈,对,就素介么任性!)首先,我觉得像我一样对于理解概念无感,容易混淆的前端小白要清楚什么是css重置样式,就要弄清楚两个概念:CSS Reset以及css重置(其实概念很相近,但是还是有所区别的),不然傻傻只知道css样式要原创 2016-08-07 11:06:15 · 28837 阅读 · 3 评论 -
ES6学习笔记一:阐述ES6中的let const ,ES5中的var变量申明的特性以及区别
最近用到一些ES6的新特性进行开发,在这过程中,发现了ES6与之前的ES5的一些不同点以及该引起我们注意的地方。特此记录下:1、let是es6新增的声明变量的方式 ,其特点是:(1)作用域是块级作用域(在ES6之前,js只存在函数作用域以及全局作用域) if(1){ let a=1; console.log(a)}(2)不存在变量声明提前; console.log(b); //Referenc...原创 2018-05-09 23:53:25 · 1030 阅读 · 0 评论