笔记-前端
文章平均质量分 68
owen1190
这个作者很懒,什么都没留下…
展开
-
CSS中first-child和nth-child的讲解
:first-childE:first-child是伪类选择器,很多人都知道它的存在,但是在使用时,可以仍存在误解。说明匹配父元素的第一个子元素E从说明可以看出E是你要选择的第一个子元素,而不是父元素。一开始,误以为E:first-child是E的第一个子元素。举个例子:<ul> <li>l1</li> <li>l2</li> <li>l3</li></ul>假设选择的是第原创 2016-11-16 11:11:51 · 7178 阅读 · 0 评论 -
前端面试宝典——栈
栈是一种先进后出的结构,新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端叫做栈底。示意图如下:栈的创建在JavaScript生成栈,一般使用数组来形成。var items=[];栈的方法栈一般会有下列几种方法:push:元素入栈pop:元素出栈peek:返回栈顶元素isEmpty:判断栈是否为空clear:清除栈中所有元素size:返回栈中元素个数push元素入栈可以直接使用数原创 2017-08-01 20:26:11 · 893 阅读 · 2 评论 -
前端面试必备——跨浏览器的事件处理程序和事件对象
前言JavaScript与HTML交互都是靠事件完成的,而且事件的考察也是笔试和面试的一个重点,所以在笔试或者面试时,都会让面试者编写一个事件,一般都较为简单,但是此时面试官考察的不止是你编写代码能力,更看重你是否能注意到兼容性问题,所以在你编写时候,最好自己手写具有跨浏览器功能的事件处理程序或事件对象,这样能让面试官觉得你考虑问题比较全面。所以前面面试必备系列第二篇,带你来编写具有跨浏览器的事件处原创 2017-07-21 09:38:19 · 2645 阅读 · 2 评论 -
JavaScript的装饰器:它们是什么及如何使用
装饰器的流行应该感谢在Angular 2+中使用,在Angular中,装饰器因TypeScript能使用。但是在JavaScript中,还处于提议阶段。本文将介绍装饰器是什么,及装饰器如何让代码更加简洁和容易理解。什么是装饰器装饰器是用一个代码包装另一个代码的简单方式。这个概念与之前所听过的函数复合和高阶组件相似。这已经用于很多情况,就是简单的将一个函数包装成另一个函数:function doSom原创 2017-06-13 20:37:53 · 3567 阅读 · 0 评论 -
npm入门
npm是每一位前端工程师都必须具备技能,本文结合最新的npm v5讲解npm使用方法,因本人使用windows系统,而原作使用mac系统,所以在命令不同时,会特意提出。安装Node.jsnode.js的可以直接去官网下载所需要的版本直接安装即可。对于Linux,也可以直接通过包管理器安装Node。检查node的安装位置及版本,win中使用where,linux和mac使用which$ which原创 2017-06-24 11:28:57 · 8761 阅读 · 0 评论 -
前端面试必备——外边距合并
因本人最近正忙于校招应聘,所以特此设计《前端面试必备》系列,总结面试问题并分享给大家,因能力不足,如有问题,敬请指正,特此感谢。块的顶部外边距和底部外边距有时候会被折叠为单个外边距,其大小为两值中的最大值,这种行为就被称为外边距合并。原创 2017-07-12 15:17:15 · 748 阅读 · 0 评论 -
gulp入门
在Javascript的开发过程中,经常会遇到一些重复性的任务,比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通常,我们需要使用不同的工具,来完成不同的任务,既重复劳动又非常耗时。grunt,gulp都是为了解决这个问题而发明的工具,可以帮助我们自动管理和运行各种任务,很多人认为,在操作上,它要比Grunt简单。安装gulp需要全局安装,然后再在项目的开发目录中安装为本地模原创 2017-06-11 16:24:48 · 245 阅读 · 0 评论 -
parseInt是用于字符串,而不是用于数字
parseInt不是我们所想的那样原创 2017-06-08 10:49:47 · 2106 阅读 · 0 评论 -
19个JavaScript常用的简写技术
原文链接,最近很火的一篇文章1.三元操作符当想写if...else语句时,使用三元操作符来代替。const x = 20;let answer;if (x > 10) { answer = 'is greater';} else { answer = 'is lesser';}简写:const answer = x > 10 ? 'is greater' : 'is les原创 2017-06-29 08:31:44 · 367 阅读 · 0 评论 -
每周推荐 v2017.6.2
2017.6.2 本周优秀文章推荐原创 2017-06-03 10:40:35 · 324 阅读 · 0 评论 -
JavaScript扩展运算符
通过四个例子简述扩展运算符使用方法原创 2017-06-01 09:31:34 · 388 阅读 · 0 评论 -
制作JavaScript测验表demo
本文通过分段叙述JavaScript代码实现测验demo,此demo功能如下: - 可自定义问题及答案 - 分页显示问题 - 显示答对题目数目 - 对于正确和错误答案就行区分 - 倒计时功能原创 2017-05-29 22:01:48 · 380 阅读 · 0 评论 -
使用Fetch
原文链接:https://css-tricks.com/using-fetch/。 本文介绍了Fetch基本使用方法及zlFetch库的使用无论用JavaScript发送或获取信息,我们都会用到Ajax。Ajax不需要刷新页面就能发送和获取信息,能使网页实现异步更新。几年前,初始化Ajax一般使用jQuery的ajax方法:$.ajax('some-url', { success: (data翻译 2017-05-14 20:12:09 · 909 阅读 · 0 评论 -
CSS视口单位:快速入门
单位意义视口单位的应用全屏背景图片或部分创造完美适应的标题居中元素注意事项浏览器支持 翻译自CSS Viewport Units: A Quick Start。此文章简单介绍了视口单位及其应用,用于提升大家css知识的广度单位意义CSS中有四个基于视口单位,分别为vh、vw、vmin和vmax。视口高度(vh)- 这个单位表示视口的高度。1vh等于视口高度的1%;视口宽度(vw)翻译 2017-04-27 08:36:45 · 1252 阅读 · 0 评论 -
新CSS伪类:focus-within
偶然间发现新的CSS伪类:focus-within,能非常方便处理获取焦点状态。原创 2017-05-17 09:25:36 · 3926 阅读 · 0 评论 -
Emmet,让你爱上敲代码
Emmet 是一个可用在许多流行文本编辑器上的极大简化HTML和CSS工作流程的插件。Emmet的所有功能,都是在输入后按tab键,就会显示出你所想要的。本文中所有例子是基于windows下的Sublime Text3HTML文档初始格式化html:5 -> <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2016-12-06 11:03:08 · 2033 阅读 · 0 评论 -
前端面试必备——基本排序算法
排序算法是面试及笔试中必考点,本文通过动画方式演示,通过实例讲解,最后给出JavaScript版的排序算法原创 2017-07-27 18:21:05 · 13457 阅读 · 9 评论