- 博客(31)
- 收藏
- 关注
RSS订阅原创 记一次视频面试--字节跳动
我要先说我真的太尴尬了，对不起面试官小哥哥啊基本没有回答出来1.封装一个ajax请求，实现get，post，postjson之类的2.手写一个bind函数3.promise实现一个超时组件，在then里面过十秒reject4.ssr...
2019-10-17 17:16:15
739
原创 面试高频出现的问题
最近疯狂面试，总结下出现频率比较高的题，至少出现三次1.关于平稳退化，渐进增强所谓平稳退化，就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页；即，虽然有些功能无法使用，但基本操作依旧可以顺利完成。比如下面就是一个例子,对禁用js或者不支持js的浏览器直接跳转到目标页面。<script type="text/j...
2019-10-15 22:25:39
222
2
原创 eventloop
今天笔试题上出现两道题1.promise构造函数是同步执行还是异步执行，那么then方法呢？2.setTimeout,Promise,Async/Await的区别promise是立即执行的，它创建的时候就会执行，不存在将promise推入微任务中的说法；resolve()是用来表示promise的状态为fullfilled，相当于只是定义了一个有状态的Promise，但是并没有调用...
2019-10-13 22:14:58
117
原创 关于防抖和节流
在性能优化篇提到了防抖和节流，具体的区别已经知道了，打算手写代码防抖function debounce(fn,wait=500){ let timer; return (...args)=>{ if(timer){ clearTimeout(timer) } ...
2019-10-11 18:39:16
124
原创 前端安全
最近面试安全题都会问到，包括哪些安全问题，如何实施，防范方法有哪些？HTTPS原理是什么？ 如何劫持HTTPS？ XSS 是什么？如何防范？ CSRF是什么？如何防范？ 如何应对重放攻击？1.XSS是跨站脚本攻击...
2019-10-10 17:30:25
77
原创 一些新技术的认识
PWAPWA应用是指那些使用指定技术和标准模式来开发的web应用，这将同时赋予它们web应用和原生应用的特性，如果一个Web App从一开始就是PWA，那就不那么明显了。当应用程序满足某些要求时，可以将其视为PWA，或者实现一组给定的功能：离线工作，可安装，易于同步，可以发送推送通知等。...
2019-10-10 06:52:02
256
原创 需要完成的工作
1.把安全算法看一下写个博文2.把掘金的那篇文章一个个技能树点亮3.把你不知道的js看一下4.把vue源码看一下，把gulp和webpack打包看一下
2019-10-09 16:11:30
136
原创 性能优化篇
性能优化：1.首先说出性能优化的点2.在说到ssr的时候以及节流防抖的时候 SSR为什么能减少白屏事件 目前前后端的分离的前端项目需要先加载静态资源，再异步获取数据，最后渲染页面，在这个过程中的前两部页面都是没有数据的，影响了首屏的渲染速度，也就影响了用户的体验 nuxt.js的概念节流防抖的区别以及手写代码防抖是任务频繁触发的情况下，只有任务触发的间隔超...
2019-09-24 14:04:59
117
原创 缓存
缓存 1.先说一下强缓存和协商缓存的概念（见下图） 2.说一下四个头部标识，两两的区别（还有一些字段的了解max-age之类的） 3.说一下大概流程，由304顺带问301，302的含义301和302状态码都表示重定向，就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址，这个地址可以从响应的Location首部中获取（用户看到的效果就是他...
2019-08-23 11:15:13
224
3
原创 关于gulp构建工具
最近客户提出页面加载时间过长，有些静态资源比如背景图片，一些js文件加载时间过长因为浏览器对同一域名下允许的并发请求资源数是有限制的，同一时间针对同一域名下的请求有一定数量限制。超过限制数目的请求会被阻塞从这个衍生出HTTP/1.1 缺点 对头阻塞（Head-of-line blocking） HTTP/1.1协议虽然可以在同一个TCP连接上发送多个请求，但是这多个请求是有顺...
2019-08-23 10:52:32
79
原创 HTTP头字段总结
1、 Accept：告诉WEB服务器自己接受什么介质类型，*/* 表示任何类型，type/* 表示该类型下的所有子类型，type/sub-type。 2、 Accept-Charset： 浏览器申明自己接收的字符集 Accept-Encoding： 浏览器申明自己接收的编码方法，通常指定压缩方法，是否支持压缩，支持什么压缩方法（gzip，deflate） Accept-Langua...
2019-08-23 10:42:26
81
转载 es6--看es6入门整理
(一)const和let1.let a.暂时性死区（“暂时性死区”也意味着typeof不再是一个百分之百安全的操作）,且let不允许在相同作用域内，重复声明同一个变量 2. const a.const声明一个只读的常量。一旦声明，常量的值就不能改变,且const一旦声明变量，就必须立即初始化，不能留到以后赋值。 b.和let一样存在暂时性...
2019-08-05 10:28:50
147
原创 在CentOS系统搭一个git服务器
最近入手了腾讯云服务器，继初探git之后打算自己搭建一个git服务器。一开始选的系统是windows，这个我要说了，我电脑mac，我花了两个小时试图用ssh连接上windows系统的远程服务器，emmmm我百度了各种ssh连接时遇到的问题，最后反应过来对方是windows，我并没有在上面装ssh，呕。。。。。。然后我重装了腾讯云服务器的系统，选择了CentOS系统。关于ssh的一些命...
2019-07-26 13:43:21
112
原创 nodejs部署到云服务器
1.pm2和forever类似2.nginx反向代理有必要吗，我配置跨域不就行了吗3.docker了解一下1打算先解决ssh密钥连接要输密钥2部署git服务器3用docker镜像部署服务器...
2019-07-26 13:43:02
256
原创 初探git
（一）git的各种命令1.把当前目录变成Git可以管理的仓库git initls -ah//可以看到隐藏的git目录2.把文件添加到仓库git add 文件名//表示add指定文件git add file2.txt file3.txt //可以同时添加很多文件git add .//表示add所有修改过的文件3.把文件提交到仓库git commit -m "wro...
2019-07-17 11:37:35
124
原创 前端跨域的几种解决办法
关于前端跨域问题用的最多的应该是cors，关于jsonp主要用于get请求，前端代理也仅适用于开发阶段，上线阶段还是要后台配置跨域问题。 今天主要介绍下面三种，会配合nodejs一起呈现1.jsonp （主要用于get请求，原理是利用script标签可以请求不同域） jsonp需要前后端配合，约定回调函数的名字，我是在3000的端口下请求3001的服务器，下面直接看代码...
2019-07-16 20:47:16
388
原创 js--看廖老师博客整理
（一）字符串1.indexOf 返回字符串出现的位置，没有找到指定的字符串则返回-12.substring（尽管String.prototype.substr(…)没有严格被废弃 (asin "removed from the Web standards"), 但它被认作是遗留的函数并且可以的话应该避免使用，一般用substring这个代替）var s = 'h...
2019-07-14 19:58:32
141
原创 vuecli3.0 框架遇到的问题
1.cubeui无法滑动2.字体的自适应最后还是用rem.js实现3.export和export default的区别export{xxx}=>import {xx} from 'xxx'，可以多个export defaultxxx=>import xx from 'xxx'，只能一个4.img和div之间有缝隙把img设为display:block...
2019-05-23 11:11:04
277
原创 vue-cli3.0搭建项目遇到的问题
1.路由的hash模式和history模式2.关于浏览器默认样式的reset3.关于vue的移动端自适应还没搞懂写37.5为什么可以了4.关于在组件中的背景图的设置5.公共组件的提取6.全局化注册组件和局部注册组件7.cli3.0版本没有build目录@路径的配置在8 mock数据一般放在哪vue.config.js或者安装mock.js9 axios的...
2019-04-24 22:46:41
264
原创 记一次电话面试
//1.关于实时搜索用节流还是防抖//2.如何找出一个字符串中重复最多的数//3.vue-bus的实现机制// emit on//4.v-for里面的key用来干嘛，如果key为索引，删除了其中一个会对其他有什么影响//5.axios里面封装//6.对promise的理解除了回调地狱还有啥//7.async和await的原理//8.双向数据绑定的实现//9. 路由里面的h...
2019-04-23 10:14:07
155
原创 记一次电话面试
1.isnotnumber(1+undefined),isnotnumber(1+null)2.如何定义一个数组或对象3.页面优化4.闭包存在的意义5.property和attribute的区别6.页面如何记忆比如说用户a来过（把用户信息收集起来）7.离线储存...
2019-03-26 22:49:07
78
原创 记一次电话面试--携程
1.请说一下vue的生命周期，created和mounted区别beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyedcreated和mounted区别：dom元素有没有渲染2.请说几种你熟悉的排序方法，请说出冒泡排序的过程冒泡排序快速排序插入排序...
2019-03-20 23:08:16
902
原创 h5监听手机物理返回键操作--popstate
最近在开发webapp，h5开发的页面嵌入到app中，暂时先是安卓包。因为画面是一个列表页，每条列表会有一个详情页，为了从详情页返回的时候还在当时列表的位置，用了隐藏div的形式编写了详情页。当遇到手机物理返回键的时候，详情页因为和列表页是同一个页面，这个时候就会返回到首页了。这不是我想要的效果，所以要对手机的物理返回键进行监听，在点击时隐藏div回到列表页。h5$(function()...
2019-03-06 09:46:42
10145
原创 nodejs--express
路由渲染res.render()传参：优先级第一种比第二种高，但是第一种传参只针对当前页面，第二种可以把这个参数绑定在res上全局都可用1.res.render('open-courses',{foo:'bar'});2.res.locals.foo='bar' 默认公共模版：layout.hbs想要修改渲染的模版可以在render里指定layout:'layout2'...
2018-11-16 13:32:54
206
原创 前端面试题之居中问题
1.水平居中：行内元素(inline或者inline-*类型元素)使用text-align: center;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&l
2018-05-14 23:21:14
424
原创 js实现深拷贝
深拷贝：深拷贝本身只针对较为复杂的object类型数据，但是含义的话比如基本数据类型a和b的赋值操作，赋值之后b有自己的内存空间，a，b之间互不影响浅拷贝：引用数据类型--名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值。当b=a进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。而当我们a[0]=1时进行数组修改时，由于a与b指向的是同一个地址，所以自然b也受...
2018-05-14 22:23:08
259
原创 CSS3动画学习笔记
主要学习内容如下：1.2D 转换2.3D 转换3.过渡4.动画2D 转换：transformCSS3 转换可以可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状，大小和位置旋转：rotaterotate()方法，在一个给定度数顺时针旋转的元素。负值是允许的，这样是元素逆时针旋转。如rotate值（30deg）就是元素顺时针旋转30度。小例子：扑克牌（主要参考css3动画）&...
2018-05-13 22:57:55
806
原创 html+css基础学习
HTML 空元素没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。HTML 属性常用引用属性值属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" N...
2018-05-12 23:46:17
117
原创 淘宝首页之导航条——弹出式悬浮菜单
昨天学习了布局，今天就要来做弹出式导航条。1.鼠标放到一级菜单上时二级菜单显示，鼠标移开二级菜单隐藏。2.打算为二级菜单设置一个div，不同的一级菜单显示不同的内容。（调试了好久，因为innerHTML）。3.本来打算用事件委托来实现上述需求，但是mouseout和mouseover4.关于高亮，在一级和二级菜单的区域里一级菜单都要高亮...
2018-05-12 23:39:48
5421
原创 css布局
打算仿个淘宝首页，最先想到的就是布局，看了淘宝应该是三列布局，左右两边固定，中间自适应。关于布局大体是下面几种，就借着这个机会整理一下。圣杯布局圣杯布局主要涉及到浮动，相对定位，以及magin的先贴出全部代码html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...
2018-05-11 20:15:21
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人