小前端

31

阿里、网易、滴滴共十次前端面试碰到的问题

jasonintju 6月5日发布
200 收藏

前一段时间一直在不断地面试，无奈个人技术能力有限、项目经验缺乏，最终都没有进入到HR面试环节，全~~挂~~了~~ 面试了这么多，结果不是太好，有点儿受打击，也促使我近期静下心来反思自己的问题：哪些技术知识掌...

0

CSS进阶——绝对定位元素的宽高是如何定义的

jasonintju 6月5日发布
2 收藏

先抛两个小问题：绝对定位相对于谁来定位？大多数人都知道是相对于最近的position设置为relative/absolute/fixed的父元素来定位。那如果所有父元素的position都没有设置上面三个值，那又是相对谁来定位呢？包...

0

使用canvas画圆形（弧形）进度条

jasonintju 5月22日发布
3 收藏

效果如下：可以展示整个圆、半圆以及任意角度弧形（左右对称）的进度条。整体思路如下：先确定展示的形状，是整个圆、半圆还是一般的弧形把确定好形状的圆弧均分100等份，计算出每一份所占的弧度灰色圆弧占10...

2

一次不怎么愉快的滴滴面试经历

jasonintju 5月15日发布
6 收藏

前一段时间一直在面试，滴滴也算是面试几家当中比较不错的公司，还是很期待的。一开始我是在拉勾上投的简历，几天后被标记为不合适，心碎...后来在BOSS直聘上又看到了这个岗位的招聘，就跟HR聊了一下，然后把简历...

0

DIY自己的DOM操作库—minizepto.js

jasonintju 4月12日发布
收藏

不是为了造轮子，而是记录笔者一步一步学习zepto.js源码的过程与收获，以及鼓励初中级前端开发者DIY一个自己的简单的DOM操作库。宗旨就是学习源码中涉及到的很多的js知识及一些平常被我们忽略的原生API的使用，还...

0

Ajax搭配Promise的简单封装

jasonintju 3月24日发布
1 收藏

先说一下平时工作的情况：日常的工作业务中，与后端数据交互只用了两种形式，GET和POST，写业务代码的时候传的参数都是对象格式{name:'jason',age:27}，一般都是这样写： {代码...} GET传输时，需要把对应的参数...

0

炒股大赛项目中遇到的跨域情况

jasonintju 3月22日发布
2 收藏

代理转发项目是前后端分离，api和node不是部署在同一个域名下，所以前端的server.js就用到了代理转发来解决跨域请求api接口的问题。 {代码...} jsonp 大赛的首页，由于PV量比较大，为了减轻服务器的压力，首页涉...

0

Chrome DevTools — Timeline

jasonintju 3月8日发布
5 收藏

关于Timeline一直没下手去写，究其原因是看了文档之后还是有点不知所以然，实践的太少了，甚至都不清楚拿它可以做什么。心里有一个大概的概念就是Timeline是分析性能的！所以我个人就先从网站性能优化开始学习、...

0

网站性能优化—浏览器渲染

jasonintju 3月8日发布
4 收藏

上篇文章《网站性能优化——CRP》已经介绍过网站性能优化中的关键渲染路径部分，相当于从一个“宏观”的角度去优化性能，当然，这个角度也是最重要的优化。本篇就从一个“微观”的层面去优化——浏览器渲染。帧在视频领...

0

网站性能优化—CRP

jasonintju 3月3日发布
12 收藏

为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页，浏览器需要处理一系列的中间过程，优化性能其实就是了解这个过程中发生了什么-即CRP(Critical Rendering Path，关键渲染路径)。首先，我们从头开始...

5

Chrome DevTools — Network

jasonintju 2月20日发布
47 收藏

记录网络请求默认情况下，只要DevTools在开启状态，DevTools会记录所有的网络请求，当然，记录都是在Network面板展示的。停止记录网络请求点击Stop recording network log红色图标，当它变为灰色时，表示DevTo...

2

Chrome DevTools — JS调试

jasonintju 2月18日发布
13 收藏

一、设置断点断点类型使用场景 debugger 在js文件中，手动输入代码debugger;，当js文件运行时，会在此处暂停行断点知道代码执行的区域，手动在某一行代码处设置断点满足条件的行断点知道代码执行的区域，手...

0

Chrome DevTools — Elements

jasonintju 2月10日发布
1 收藏

一、编辑DOM 查看元素页面上的任意元素，在其上面右键，选择“Inspect" 在Elements面板上，用鼠标手动选择某个DOM节点点击审查元素按钮，然后去页面上选择DOM 在console里面使用inspect(dom)查看某一元素导航DO...

0

Chrome DevTools — Console

jasonintju 1月10日发布
2 收藏

前端开发人员离不开Chrome开发者工具，它又这么好用，不好好学习掌握一下它的使用，实在有点明珠暗投啊，本篇先来讲述Console有关的使用。 Overview 打开Console 开发者工具里面，我们平常使用的大都是这种面板形...

0

underscore.js源码的组织结构

jasonintju 2016年12月29日发布
5 收藏

最近开始读源码了，遵循大多数过来人的建议，underscore.js是最适合新手阅读的一个js库，所以我就迫不及待地下载了underscore.js，1.8.3版本。 IIFE（立即执行函数）与其他第三方库一样，underscore.js也是通过I...

0

js函数调用模式和常用的几个方法

jasonintju 2016年06月15日发布
4 收藏

一、函数调用的4种模式 (1) 方法调用模式当一个函数被保存为对象的一个属性时，我们称它为一个方法。当一个方法被调用时，this 被绑定到该对象。如果调用表达式包含一个提取属性的动作（即包含一个.点表达式或[s...

1

js数组常用的一些方法

jasonintju 2016年06月07日发布
8 收藏

(1) arr.length => 返回一个数组中的元素个数（数组属性） {代码...} (2) arr.indexOf(searchElement[, fromIndex = 0]) => 返回给定元素在数组中的第一个索引值，否则返回-1 {代码...} (3) arr.lastIndexO...

0

js字符串常用的一些方法

jasonintju 2016年05月27日发布
8 收藏

(1) str.length => 返回字符串的长度（字符串属性） {代码...} (2) str.charAt(n) => 返回字符串的第n个字符，如果n不在0 ~ str.length-1之间，返回一个空字符串 {代码...} (3) str.indexOf(substr[, start...

2

将footer固定在页面底部的实现方法

jasonintju 2016年02月18日发布
65 收藏

方法一：footer高度固定+绝对定位 HTML结构： {代码...} CSS设置： {代码...} 首先，设置body的高度至少充满整个屏幕，并且body作为footer绝对定位的参考节点；其次，设置main（footer前一个兄弟元素）的padding-...

0

编写高质量JavaScript代码的基本技巧

jasonintju 2016年01月09日发布
6 收藏

一、尽量少用全局变量减少全局名字空间污染，最理想的情况是一个应用程序仅有一个全局变量。二、单一var模式 {代码...} 只使用一个var在函数顶部进行变量声明，其好处：提供一个单一的地址以查找到函数需要的...