前端面试
文章平均质量分 60
余年不负韶华
深海霸主老鲶鱼
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端必须要了解的一些知识 (十一)
六种基本数据类型 undefined null string boolean number symbol(ES6) 一种引用类型 Object string length属性 prototype 添加的方法或属性在所有的实例上共享 charAt(index) 返回值 charCodeAt(index) 返回字符的Unicode编码 indexOf(searchVal,index) 值所在的位置 param2是从位置开始算 search()方法用于检索字符串中指定的子字符串,或检..原创 2021-05-17 11:02:37 · 157 阅读 · 0 评论 -
前端必须要了解的一些知识 (十)
任务队列 同步任务 异步任务 console.log(1) setTimeout(){ console.log(2) } console.log(3) 1,3,2 2,3,5,4,1 console.log(A) while(true){ } console.log(B) //只输出A while是个同步队列 。 进入死循环 ---------------------------- console.log(A) settimeout(){ con...原创 2021-05-17 10:47:01 · 174 阅读 · 1 评论 -
前端必须要了解的一些知识 (九)
CSRF 跨站请求伪造 攻击原理 网站B引诱用户点击A 防御措施 token验证 refere验证 来源验证 隐藏令牌 XSS 跨域脚本攻击 原理:提交区注入脚本 让js不能执行 doctype的作用 DTD 定义html文档类型 。 浏览器根据这个去解析 声明文档类型 4.0版本有两个模式 。 一个严格模式 。 一个是传统模式 浏览哎渲染过程 重拍reflow 重绘repaint ...原创 2021-05-17 10:43:29 · 127 阅读 · 0 评论 -
前端必须要了解的一些知识 (八)
什么是同源策略 限制 协议 域名 端口 不是一个源的文档不能操作另一个源的文档 限制如下: cookie localStrorage indexDB 无法获取 DOM无法获得 Ajax请求不能发送 前后端如何通信 Ajax//同源下的通讯 websocket//不限制同源 cors//支持跨域也支持同源 如何创建Ajax(用原生) XMLHttpRequest对象的工作流程 兼容性处理 事件触发条件 事件触发顺序 跨域通讯的几种...原创 2021-05-17 10:37:55 · 111 阅读 · 0 评论 -
前端必须要了解的一些知识 (七)
创建对象又几种方法 第一种:字面量 var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'}); 第二种 通过构造函数 var M = function (name) { this.name = name; }; var o3 = new M('o3'); 第三种 Object.create var p = {name: 'p'}; var o4 = Object.create(p); o4.__proto__===p//t.原创 2021-05-14 18:36:03 · 184 阅读 · 0 评论 -
前端必须要了解的一些知识 (六)
DOM事件的级别 DOM0 element.onclick=function(){} DOM1 未制定事件相关的标准 DOM2 element.add('click',fn,false)/ie . atench DOM3 el.add('keyup',fn,false)增加了其他事件除了click DOM事件的模型:捕获和冒泡 DOM事件流 三个j阶段 捕获 。 目标阶段 。 冒泡阶段 事件捕获的具体流程 window=>docum...原创 2021-05-14 18:32:04 · 240 阅读 · 3 评论 -
前端必须要了解的一些知识 (五)
盒模型 标准模型和IE模型 标准模型和IE模型的区别 1计算宽度和高度的不同 ie中content的宽度包括padding和border这两个属性 css是如何设置这两种模型的 border-box 是·ie 默认 content-box js如何获取盒模型的宽和高 四种方法 1.dom.style.width/height 只能获取行内样式 2.dom.currentStyle.width/height只适合ie,兼容性问题 3.wind...原创 2021-05-14 18:28:47 · 145 阅读 · 1 评论 -
前端必须要了解的一些知识 (四)
基础方法 1:浮动(延伸BFC) 清除浮动后 浮动元素周边的元素处理的好的话 。 兼容性比较好 2:绝对定位 配合js的话 快捷 缺点:脱离文档流 3:flex 比较完美的方案 。 解决以上的缺点 4:表格布局 兼容性特别好 ie 缺点:。。 5:网格布局 gride 新的标准 代码最简化哈 拔高延续 1:如过去掉高度已知 。 哪个不在好用? 第三和第四能用 2:竖起来 3:两栏布局 ...原创 2021-05-14 18:26:18 · 114 阅读 · 0 评论 -
前端必须要了解的一些知识 (三)
你在下单时,要给后台发请求,后台通过拿到的参数请求微信后台去生成订单并同时返给你一个路径mweb_url,这个路径就是用来调起微信应用发起支付操作的。(这里要说明的就是由于h5支付不能主动回调,所以需要个主动查询的操作,这时会需要你又一个确认界面来进行主动查询订单状态。这里是个坑一会儿再说),调起支付界面之后进行支付操作,期间你什么都不用管,因为这都是微信的事。你需要的就是在你付完钱之后查看你的钱买你要的东西到底有没有成功(你要是不加的话,谁知道成功没,估计顾客会打死你,付完钱就茫然了,不知道到底钱到哪去了原创 2021-05-14 18:21:43 · 153 阅读 · 1 评论 -
前端必须要了解的一些知识 (二)
获取字符串长度 str.length 分割字符串 str.split() 拼接字符串 str1+str2 或 str1.concat(str2) 替换字符串 str.replace(“玩游戏”,”好好学习”) 提取子字符串 str.slice(start, end)或str.substring(start,end)或myStr.substr(start,length) 切换字符串大小写 str.toLowerCase()和str.toUpperCase() 比较字符串 str1.localeCo原创 2021-05-14 18:15:37 · 201 阅读 · 3 评论 -
前端必须要了解的一些知识 (一)
常用api moveTo(x0,y0):把当前画笔(ictx)移动到(x0,y0)这个位置。 lineTo(x1,y1):从当前位置(x0,y0)处到(x1,y1)画一条直线。 beginPath():开启一条路径或者重置当前路径。 closePath():从当前点回到路径起始点,也就是上一个beginPath的位置,回避和路径。 stroke():绘制。必须加了这个函数才会画图,所以这个一定要放在最后。 绘制一个圆形 /获取Canvas对象(画布) var canvas = docu.原创 2021-05-14 18:12:21 · 285 阅读 · 1 评论 -
前端面试常问的基础(七)
1.IE6或更低版本最多20个cookie 2.IE7和之后的版本最后可以有50个cookie。 3.Firefox最多50个cookie 4.chrome和Safari没有做硬性限制 IE和Opera 会清理近期最少使用的cookie,Firefox会随机清理cookie。 优点:极高的扩展性和可用性 1.通过良好的编程,控制保存在cookie中的session对象的大小。 2.通过加密和安全传输技术(SSL),减少cookie被破解的可能性。 3.只在cookie中存放不敏感..转载 2021-05-12 00:59:06 · 142 阅读 · 0 评论 -
前端面试常问的基础(六)
一、HTML5 CSS3 CSS3有哪些新特性? 1. CSS3实现圆角(border-radius),阴影(box-shadow), 2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform) 3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜 4. 增加了更多的CSS选择器 多背景 rgba 5. 在CSS3中.转载 2021-05-12 00:54:04 · 167 阅读 · 0 评论 -
前端面试常问的基础(五)
如何理解CSS的盒子模型? 每个HTML元素都是长方形盒子。 (1)盒子模型有两种:IE盒子模型、标准W3C盒子模型;IE的content部分包含了border和pading。 (2)标准W3C盒模型包含:内容(content)、填充(padding)、边界(margin)、边框(border)。 link属于XHTML标签,而@import是CSS提供的。 (2)页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载。 (3)import只在IE 5以上才..原创 2021-05-12 00:52:05 · 209 阅读 · 0 评论 -
前端面试常问的基础(四)
将元素定义为网格容器,并为其内容建立新的网格格式上下文。 值: grid:生成一个块级网格 inline-grid:生成一个内联网格 在Bootstrap中,栅格系统将容器均分为12份,再调整内外边距,结合媒体查询,造就了这一强大的栅格系统。 flex布局 水平居中: 1. 行内元素,父元素 text-align : center 2. 块级元素有定宽,margin:0 auto; 3. 块级元素绝对定位,transform : translate(-50%,0)...原创 2021-05-12 00:47:46 · 243 阅读 · 1 评论 -
前端面试常问的基础(三)
JS中浮点数精度误差解决 如果有精度要求,可以用toFixed方法处理 通用处理方案:把需要计算的数字乘以 10 的 n 次幂,换算成计算机能够精确识别的整数,然后再除以 10 的 n 次幂 promises,observables,generator 或 async-wait 编所需的函数。 JavaScript Proxy实现简单的数据绑定 https://blog.youkuaiyun.com/sinat_17775997/article/details/60158330 https://w.原创 2021-05-08 15:46:14 · 172 阅读 · 0 评论 -
前端面试常问的基础(二)
1. 一个程序至少有一个进程,一个进程至少有一个线程 2. 线程的划分尺度小于进程,使得多线程程序的并发性高 3. 另外,进程在执行过程中拥有独立的内存单元,而多个线程共享内存,从而极大地提高了程序的运行效率 4. 线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制 5. 从逻辑角度来看,多线程的意义在于一个应用程序中,有多个执行部分可以同时执行。但操作系统并没有将多个线程看.原创 2021-05-08 15:45:05 · 106 阅读 · 0 评论 -
前端面试常问的基础(一)
IE 盒子模型、标准 W3C 盒子模型;IE的content部分包含了 border 和 padding; new操作符具体干了什么呢? 1. 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型 2. 属性和方法被加入到 this 引用的对象中 3. 新创建的对象由 this 所引用,并且最后隐式的返回 this JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它是基于JavaScript的一个子集。数据格式简单, ...原创 2021-05-08 15:42:53 · 220 阅读 · 0 评论
分享