代码改变世界

git教程——简单总结

2018-06-05 14:04 by 溪涵, 178 阅读, 0 推荐, 收藏, 编辑
摘要:1 创建版本库: 初始化一个Git仓库,使用git init命令。 添加文件到Git仓库,分两步: (1)使用命令git add <file>,注意,可反复多次使用,添加多个文件; (2)使用命令git commit -m <message>,完成。 2 时光穿梭: 要随时掌握工作区的状态,使用gi 阅读全文

前端性能优化总结

2018-05-11 18:02 by 溪涵, 653 阅读, 0 推荐, 收藏, 编辑
摘要:写在前面: 这里只是简单总结了一些,有些并未详细展开,具体可以看《高性能网站建设》这本书。 目录: 减少HTTP请求(图片地图,雪碧图,dataurl,合并脚本和样式表) 使用内容发布网络CDN 添加Expires头(缓存) 压缩组件 一、减少HTTP请求 http请求越多,那么消耗的时间越多,如果 阅读全文

小米2018春招实习笔试题总结

2018-05-11 18:00 by 溪涵, 1069 阅读, 0 推荐, 收藏, 编辑
摘要:Question1:有一个url数组 var urls = ['/a', '/b', '/c',...] 要求依次请求这几个url, 要求是 第一个请求完了才发第二个请求,第二个完了才发第三个请求如此依次。 Question2:定义这样一个函数function repeat(func, times, 阅读全文

浏览器缓存控制 以及 在url框中回车、F5 和 Ctrl + F5的区别

2018-04-15 15:58 by 溪涵, 855 阅读, 0 推荐, 收藏, 编辑
摘要:第一部分: 浏览器缓存如何控制? 做网站,不知道缓存是什么东西怎么能行! 如何实现HTTP缓存呢? 下面我们来一步一步的探寻实现机制把。 方案一: 无缓存 说明:浏览器向服务器请求资源m.png, 然后服务器响应请求--找到对应的m.png后发送给浏览器。 之后,浏览器再次向服务器请求m.png, 阅读全文

携程2018春招实习前端开发笔试题分享

2018-04-11 19:15 by 溪涵, 359 阅读, 0 推荐, 收藏, 编辑
摘要:携程春招实习的最后三道编程题,照例总结一下 第一道:字符串截取(涉及数组去重的知识点) 给定一个长度小于 50 且包含字母和数字的任意字符串,要求按顺序取出当中的数字和英文字母,数字需要去重,重新排列后的字符串数字在前,字母在后。 样例输入'携程C2t0r1i8p2020校招'样例输出:'2018C 阅读全文

不同方式实现两列布局

2018-04-03 17:54 by 溪涵, 573 阅读, 0 推荐, 收藏, 编辑
摘要:目录 1.position 2.float 3.百分比宽度 4.inline-block 5.Flexbox 1.position例子 这个两列布局左边固定,右边自适应。 这个例子在容器比nav元素高的时候可以正常工作。如果容器比nav元素低,那么nav会溢出到容器的外面。 2.浮动布局例子 这个两 阅读全文

移动端开发-viewport与媒体查询

2018-04-03 16:44 by 溪涵, 1265 阅读, 0 推荐, 收藏, 编辑
摘要:首先要知道,在移动开发中,手机的浏览器会默认网页是为宽屏而设计的,它会缩小整个页面来适应屏幕。 1. 不使用viewport出现的问题 提到响应式设计,大家首先想到的可能是 Bootstrap , @media 。 @media(媒体查询)是CSS3的属性,利用它可以在不依赖其他库的情况下实现响应式 阅读全文

华为2018春招前端开发实习生笔试题分享

2018-03-28 22:05 by 溪涵, 2419 阅读, 1 推荐, 收藏, 编辑
摘要:我申请的是前端开发岗位,笔试题估计软件开发都是一样的,直接三道大题,一开始不熟悉牛客网的编程环境,浪费了好多时间。 牛客网编程笔试有一个好处就是可以在本地ide上面编写运行之后再copy到答题环境中,这样可以方便我进行调试,更直观地找到代码中一些小问题并快速修改。 接下来就是干货分享啦!我笔试的时候 阅读全文

es6 let介绍及应用场景

2018-03-27 18:06 by 溪涵, 1072 阅读, 0 推荐, 收藏, 编辑
摘要:关于更多es6建议去看阮一峰的博客~ es6入门:http://es6.ruanyifeng.com/ 源码仓库:https://github.com/ruanyf/es6tutorial let介绍 一.块级作用域(重点)。 我们知道,在javascript中只有全局作用域和函数作用域,并不存在块 阅读全文

浮动 以及 如何清除浮动

2018-03-23 17:29 by 溪涵, 282 阅读, 0 推荐, 收藏, 编辑
摘要:浮动 定义:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的浮动框之后的块框表现得就像浮动框不存在一样。(注意这里是块框而不是内联元素;浮动框只对它后面的元素造成影响) 问题1:浮动元素后跟block元素&浮动元素后跟i 阅读全文