啃下这份web前端大厂面试题，无谓寒冬（已拿Offer)

表示文字形式

：举例：
展示了一些产品名称，而且每个名称都和一个产品编码相关联。

新产品
 

迷你番茄酱

 
巨 无霸番茄酱

 
超级巨无霸番茄酱

：表示日期和时间值，机器读取通过 datetime 属性指定。
举例：

The concert took place on May 15

：用于高亮文本嵌入内容
： controls：展示视频自带的控件
autoplay：视频马上自动播放
poster：海报帧的 URL
height、width：视频显示区域的宽和高
loop：视频结尾自动回到视频开始的地方

：大部分同
controls：展示音频自带的控件
autoplay：音频马上自动播放
muted：是否静音
loop：音频结尾自动回到开始的地方

元素的引用const canvas = document.getElementById(‘canvas’);//获得一个绘图上下文
const ctx = canvas.getContext(‘2d’);//让长方形变成绿色
ctx.fillStyle = ‘green’;//将它的左上角放在(10, 10)，把它的大小设置成宽 150 高 100ctx.fillRect(10, 10, 150, 100);

3. meta viewport 是做什么用的，怎么写？

Step 1：使用目的是为了在移动端不让用户缩放页面使用的
Step 2：怎么写
Step 3：解释每个单词的含义 with=device-width 将布局视窗（layout viewport）的宽度设置为设备屏幕分辨率的宽度 initial-scale=1 页面初始缩放比例为屏幕分辨率的宽度 maximum-scale=1 指定用户能够放大的最大比例 minimum-scale=1 指定用户能够缩小的最大比例

4.H5 是什么

简单粗暴：就是一种移动端页面
深入点：微信上的一种移动营销页面总之不是 HTML5 5.label 标签的作用 label 标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。
Number:Date:

6.行内元素有哪些？

块级元素有哪些？
空(void)元素有那些？
首先：CSS 规范规定，每个元素都有 display 属性，确定该元素的类型，每个元素都有默认的 display 值，如 div 的 display 默认值为“block”，则为“块级”元素；span 默认 display 属性值为“inline”，是“行内”元素。

常用的块状元素有：

、、
...
、、、、、、  、

 常用的内联元素有：
 、、
、、、、、、、、 
 常用的内联块状元素有：
 、
 知名的空元素：
 
 
     
 
  7.a 标签中 如何禁用 href 跳转页面 或 定位链接 
  e.preventDefault();href="javascript:void(0); 
  8. canvas 在标签上设置宽高和在 style 中设置宽高有什么区别 
  canvas 标签的 width 和 height 是画布实际宽度和高度，绘制的图形都是在这个上面。而 style 的 width 和 height 是 canvas 在浏览器中被渲染的高度和宽度。如果 canvas 的 width 和 height 没指定或值不正确，就被设置成默认值 。 
  9.你做的页面在哪些流览器测试过？这些浏览器的内核分别 是什么? 
  IE: trident 内核 Firefox：gecko 内核 Safari:webkit 内核 Opera:以前是 presto 内核，Opera 现已改用 GoogleChrome 的 Blink 内核
 Chrome:Blink(基于 webkit，Google 与 Opera Software 共同开发) 
  10.iframe 有哪些缺点? 
  iframe 是一种框架，也是一种很常见的网页嵌入方 iframe 的优点：
 1.iframe 能够原封不动的把嵌入的网页展现出来。
 2.如果有多个网页引用 iframe，那么你只需要修改 iframe 的内容，就可以实现调用的每一个 页面内容的更改，方便快捷。
 3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用 iframe 来嵌 套，可以增加代码的可重用。
 4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由 iframe 来解决。
 iframe 的缺点：
 1.会产生很多页面，不容易管理。
 2.iframe 框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动 条，会分散访问者的注意力，用户体验度差。
 3.代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好 的处理 iframe 中的内容，所以使用 iframe 会不利于搜索引擎优化。
 4.很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。
 5.iframe 框架页面会增加服务器的 http 请求，对于大型网站是不可取的。 现在基本上都是用 Ajax 来代替 iframe，所以 iframe 已经渐渐的退出了前端开发。 
  11.HTML5 新特性 
   
   本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失; sessionStorage 的 数据在浏览器关闭后自动删除; 新的技术 webworker, websocket, Geolocation; 
   
  12.HTML5 离线储存 
  在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户 机器上的缓存文件。
 原理： HTML5 的离线存储是基于一个新建的.appcache 文件的缓存机制(不是存储技术)，通 过这个文件上的解析清单离线存储资源，这些资源就会像 cookie 一样被存储了下来。之后 当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。 
  如何使用： 页面头部像下面一样加入一个 manifest 的属性；
 在 cache.manifest 文件的编写离线存储的资源；
 CACHE MANIFEST #v0.11 CACHE: js/app.js css/style.css NETWORK: resourse/logo.png FALLBACK: / /offline.html 在离线状态时，操作 window.applicationCache 进行需求实现。 
  13.浏览器是怎么对 HTML5 的离线储存资源进行管理和加 载的呢？ 
  在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第 一次访问 app，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。 如果已经访问过 app 并且资源已经离线存储了，那么浏览器就会使用离线的资源加载页面， 然后浏览器会对比新的 manifest 文件与旧的 manifest 文件，如果文件没有发生改变，就不做 任何操作，如果文件改变了，那么就会重新下载文件中的资源并进行离线存储。 离线的情况下，浏览器就直接使用离线存储的资源。 
  14.Doctype 作用? 严格模式与混杂模式如何区分？它们有 何意义? 
  （1） 声明位于文档中的最前面，处于  标签之前。告知浏览器以何种 模式来渲染文档。
 （2）严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站 点无法工作。
 （4）DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。复制代码 你知道多少种 Doctype 文档类型？ 该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。 XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset。 Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页，而 Quirks （包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。 
  15.HTML 与 XHTML——二者有什么区别 
  区别：
 1.所有的标记都必须要有一个相应的结束标记
 2.所有标签的元素和属性的名字都必须使用小写
 3.所有的 XML 标记都必须合理嵌套
 4.所有的属性必须用引号""括起来
 5.把所有<和&特殊符号用编码表示
 6.给所有属性赋一个值
 7.不要在注释内容中使“–”
 8.图片必须有说明文字复制代码 
  前端面试题集锦——CSS 篇 
  1. 页面渲染时，dom 元素所采用的 布局模型,可通过 box-sizing 进行设置。根据计算宽高的区域可分为： 
  content-box (W3C 标准 盒模型 ) border-box (IE 盒模 型) padding-box (FireFox 曾经 支持 ) margin-box (浏览器未实现) Tips: 理论上是有上面 4 种盒子，但现在 w3c 与 mdn 规范中均只支持 content-box 与 border-box； 
  2. ie 盒模型算上 border、padding 及自身（不算 margin）， 标准的只算上自身窗体的大小 css 设置方法 
  如下： 
  标准模型 :box-sizing:content-box;
 IE 模型:box-sizing:border-box; 
  3.几种获得宽高的方式 : 
  dom.style.width/height 这种方式只能取到 dom 元素内联样式所设置的宽高，也就是说如果该节点的样式是在 style 标签中或外联的 CSS 文件中设置的话，通过这种方法是获取不到 dom 的宽高的。 
  dom.currentStyle.width/height 这种方式获取的是在页面渲染完成后的结果，就是说不管是哪种方式设置的样式，都能获取 到。但这种方式只有 IE 浏览器支持。 window.getComputedStyle(dom).width/height 这种方式的原理和 2 是一样的，这个可以兼容更多的浏览器，通用性好一些。 
  dom.getBoundingClientRect().width/height 这种方式是根据元素在视窗中的绝对位置来获取宽高的 dom.offsetWidth/offsetHeight 这个就没什么好说的了，最常用的，也是兼容最好的。 
  4.拓展各种获得宽高的方式 : 获取屏幕的高度和宽度（屏幕分辨率）： 
  window.screen.height/width 获取屏幕工作区域的高度和宽度（去掉状态栏）： window.screen.availHeight/availWidth 网页全文的高度和宽度： document.body.scrollHeight/Width 滚动条卷上去的高度和向右卷的宽度： document.body.scrollTop/scrollLeft 网页可见区域的高度和宽度（不加边线）： document.body.clientHeight/clientWidth 网页可见 区域的高度和宽度（加边线）： document.body.offsetHeight/offsetWidth 
  5.边距重叠解决方案(BFC) BFC 原理 : 
  内部的 box 会在垂直方向，一个接一个的放置 每个元素的 margin box 的左边，与包含块 border box 的左边相接触（对于从做往右的格式化，否则相反） box 垂直方向的距离由 margin 决定，属于同一个 bfc 的两个相邻 box 的 margin 会发生重叠 bfc 的区域不会与浮动区域的 box 重叠 bfc 是一个页面上的独立的容器，外面的元素不会影响 bfc 里的元素，反过来，里面的也不 会影响外面的 计算 bfc 高度的时候，浮动元素也会参与计算 创建 bfc float 属性不为 none（脱离文档流） position 为 absolute 或 fixed display 为 inline-block,table-cell,table-caption,flex,inine-flex overflow 不为 visible 根元素 demo 上这块 margin-bottom:30px; 下这块 margin-top:50px; 
  前端面试题集锦——JavaScript 
  1.请你谈谈 Cookie 的优缺点 
  优点：
 极高的扩展性和可用性 
   
   数据持久性。 
   不需要任何服务器资源。 Cookie 存储在客户端并在发送后由服务器读取。 3) 可配置到期规则。 控制 cookie 的生命期，使之不会永远有效。偷盗者很可 能拿到一个过期的 cookie 。 
   简单性。 基于文本的轻量结构。 
   通过良好的编程，控制保存在 cookie 中的 session 对象的大小。 
   通过加密和安全传输技术（ SSL ），减少 cookie 被破解的可能性。 
   只在 cookie 中存放不敏感数据，即使被盗也不会有重大损失。
 缺点： 
   Cookie 数量和长度的限制 。 数量：每个域的 cookie 总数有限。 a) IE6 或更低版本最多 20 个 cookie b) IE7 和之后的版本最后可以有 50 个 cookie c) Firefox 最多 50 个 cookie d) chrome 和 Safari 没有做硬性限制 长度：每个 cookie 长度不超过 4KB （ 4096B ），否则会被截掉。 
   潜在的安全风险 。 Cookie 可能被拦截、篡改。如果 cookie 被拦截，就有 可能取得所有的 session 信息。 
   用户配置为禁用 。有些用户禁用了浏览器或客户端设备接受 cookie 的能 力，因此限制了这一功能。 
   有些状态不可能保存在客户端 。例如，为了防止重复提交表单，我们需要在 服务器端保存一个计数器。如果我们把这个计数器保存在客户端，那么它起不到 任何作用。 
   
  2.Array.prototype.slice.call(arr，2)方法的作用是： 
  利用 Array 原型上的 slice 方法，使用 call 函数的第一个参数，让这个方法中 的 this 指向 arr，并传递参数 2，实际上等于 arr.slice(2)，即从下标为 2 开 始截取到末尾。 
  3.以下代码执行后，控制台的输出是： 
  var a = 10; function a(){} console.log(typeof a)
 A."number" B."object" C."function" D."undefined" 
  答案：C
 函数提升优先级高于变量提升，所以代码等价于 function a(){} var a； a = 10; console.log(typeof a) 
  4、简单说一下浏览器本地存储是怎样的 
  总的来说，浏览器存储分为以下几种：
 1、Cookie 存储，明文，大小限制 4k 等
 2、localStorage，持久化存储方式之一，不用在两端之间传输，且限制大小为 10M
 3、sessionStorage，会话级存储方式，浏览器关闭立即数据丢失
 4、indexDb，浏览器端的数据库
 5.原型 / 构造函数 / 实例 原型(prototype): 一个简单的对象，用于实现对象的 属性继承。可以简单的理 解成对象的爹。在 Firefox 和 Chrome 中，每个 JavaScript 对象中都包含一个 proto (非标准)的属性指向它爹(该对象的原型)，可 obj.proto__进行访 问。构造函数: 可以通过 new 来 新建一个对象 的函数。 实例: 通过构造函数和 new 创建出来的对象，便是实例。 实例通过__proto 指向原型，通过 constructor 指向构造函数。 说了一大堆，大家可能有点懵逼，这里来举个栗子，以 Object 为例，我们常用 的 Object 便是一个构造函数，因此我们可以通过它构建实例。 
  // 实例 const instance = new Object()复制代码 则此时， 实例为 instance, 构造函数为 Object，我们知道，构造函数拥有一个 prototype 的属性指向原型，因此原型为: 
  // 原型 const prototype = Object.prototype 这里我们可以来看出三者的关系: 实例.proto === 原型 原型.constructor === 构造函数 构造函数.prototype === 原型 // 这条线其实是是基于原型进行获取的，可以理解成一条基于原型的映射线// 例如: // const o = new Object()// o.constructor === Object --> true// o.proto = null;// o.constructor === Object --> false// 注意: 其 实实例上并不是真正有 constructor 这个指针，它其实是从原型链上获取的// instance.hasOwnProperty(‘constructor’) === false (感谢 刘博海 Brian 童鞋实例.constructor === 构造函数 此处感谢 caihaihong 童鞋的指出。 放大来看，我画了张图供大家彻底理解:
  
  6.原型链： 原型链是由原型对象组成，每个对象都有 proto 属性，指向了创建该对象 的构造函数的原型，proto 将对象连接起来组成了原型链。是一个用来实现 继承和共享属性的有限的对象链。 
  属性查找机制: 当查找对象的属性时，如果实例对象自身不存在该属性，则沿着 原型链往上一级查找，找到时则输出，不存在时，则继续沿着原型链往上一级查 找，直至最顶级的原型对象 Object.prototype，如还是没找到，则输出 undefined； 
  属性修改机制: 只会修改实例对象本身的属性，如果不存在，则进行添加该属性， 如果需要修改原型的属性时，则可以用: b.prototype.x = 2；但是这样会造成 所有继承于该对象的实例的属性发生改变。 
  7.执行上下文(EC) 
  执行上下文可以简单理解为一个对象:
 它包含三个部分:
 o 变量对象(VO) o 作用域链(词法作用域) othis 指向
 它的类型: o 全局执行上下文 o 函数执行上下文 oeval 执行上下文
 代码执行过程: o 创建 全局上下文 (global EC) o 全局执行上下文 (caller) 逐行 自上而下 执行。遇到函数时，函数执行上下 文 (callee) 被 push 到执行栈顶层 o 函数执行上下文被激活，成为 active EC, 开始执行函数中的代码，caller 被 挂起o 函数执行完后，callee 被 pop 移除出执行栈，控制权交还全局上下文 (caller)，继续执行。 
  8.变量对象 
  变量对象，是执行上下文中的一部分，可以抽象为一种 数据作用域，其实也可 以理解为就是一个简单的对象，它存储着该执行上下文中的所有 变量和函数声 明(不包含函数表达式)。 
  活动对象 (AO): 当变量对象所处的上下文为 active EC 时，称为活动对象。 
  9.作用域链 
  我们知道，我们可以在执行上下文中访问到父级甚至全局的变量，这便是作用域 链的功劳。作用域链可以理解为一组对象列表，包含 父级和自身的变量对象， 因此我们便能通过作用域链访问到父级里声明的变量或者函数。 
  由两部分组成: o[[scope]]属性: 指向父级变量对象和作用域链，也就是包含了父级的[[scope]] 和 AO oAO: 自身活动对象 如此 [[scopr]]包含[[scope]]，便自上而下形成一条 链式作用域。 
  10.闭包 
  闭包属于一种特殊的作用域，称为 静态作用域。它的定义可以理解为: 父函数 被销毁 的情况下，返回出的子函数的[[scope]]中仍然保留着父级的单变量对象 和作用域链，因此可以继续访问到父级的变量对象，这样的函数称为闭包。 
  闭包会产生一个很经典的问题: o 多个子函数的[[scope]]都是同时指向父级，是完全共享的。因此当父级的变 量对象被修改时，所有子函数都受到影响。 解决: o 变量可以通过 函数参数的形式 传入，避免使用默认的[[scope]]向上查找 o 使用 setTimeout 包裹，通过第三个参数传入 o 使用 块级作用域，让变量成为自己上下文的属性，避免共享 6. script 引入方式： html 静态 
  除了以上的小部分题外，还包括了其他前端面试题(实在是太多了页面写不下) 
   
  如下： 
  前端面试题集锦——Vue 
  前端面试题集锦——算法 
  … 
  由于篇幅太长，大家读起来较冗长，我就不一一列举出来了，下面请看这套面试题的目录你就知道了 
   
   
  最后的最后，大家都知道答案仅供参考，看了题不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。需要完整面试题的朋友可以点击这里免费分享学习~ 
  

                            
                        
                    
                    
                    
                    
                    
                    
                
                
                    
                        
                        
                             
                        
                        
                        
                            
                        
                        
                        
                            
                        
                    
                
            
        
    
    
        你可能感兴趣的:(前端,大前端,javascript,vue,css)
        
            
                
                    element实现动态路由+面包屑
                        软件技术NINI
vue案例vue.js前端
                        el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
                    
                    Long类型前后端数据不一致
                        igotyback
前端
                        响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
                    
                    DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
                    
                    【加密社】Solidity 中的事件机制及其应用
                        加密社
闲侃区块链智能合约区块链
                        加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
                    
                    关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
                    
                    HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
                    
                    webpack图片等资源的处理
                        dmengmeng

                        需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
                    
                    node.js学习
                        小猿L
node.jsnode.js学习vim
                        node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
                    
                    vue3中el-table中点击图片放大时，被表格覆盖
                        叫我小鹏呀
vue.jsjavascript前端
                        问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
                    
                    vue项目element-ui的table表格单元格合并
                        酋长哈哈
vue.jselementuijavascript前端
                        一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
                    
                    Vue中table合并单元格用法
                        weixin_30613343
javascriptViewUI
                        地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex
                    
                    springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
                    
                    JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）
                        跳房子的前端
前端面试javascript开发语言ecmascript
                        在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
                    
                    Vue( ElementUI入门、vue-cli安装)
                        m0_l5z
elementuivue.js
                        一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
                    
                    博客网站制作教程
                        2401_85194651
javamaven
                        首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
                    
                    vue+el-table 可输入表格使用上下键进行input框切换
                        以对_
vue学习记录vue.jsjavascript前端
                        使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei
                    
                    vue + Element UI table动态合并单元格
                        我家媳妇儿萌哒哒
elementUIvue.js前端javascript
                        一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
                    
                    vue 创建项目报错：command failed: npm install --loglevel error
                        那鱼、会飞
vue.jsvue-cli3
                        这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
                    
                    JavaScript `Map` 和 `WeakMap`详细解释
                        跳房子的前端
JavaScript原生方法javascript前端开发语言
                        在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
                    
                    计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）
                        java毕设程序源码王哥
php课程设计vue.js
                        该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
                    
                    最简单将静态网页挂载到服务器上(不用nginx)
                        全能全知者
服务器nginx运维前端html笔记
                        最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
                    
                    补充元象二面
                        Redstone Monstrosity
前端面试
                        1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
                    
                    微信小程序开发注意事项
                        jun778895
微信小程序小程序
                        微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
                    
                    切换淘宝最新npm镜像源是
                        hai40587
npm前端node.js
                        切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
                    
                    字节二面
                        Redstone Monstrosity
前端面试
                        1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
                    
                    vue render 函数详解 (配参数详解)
                        你的眼睛會笑
vue2vue.jsjavascript前端
                        vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
                    
                    前端代码上传文件
                        余生逆风飞翔
前端javascript开发语言
                        点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
                    
                    VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。
                        焚木灵
node.jsvue
                        可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
                    
                    详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因
                        hw_happy
开发语言前端vue.jsjavascript
                        前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
                    
                    《HTML 与 CSS—— 响应式设计》
                        陈在天box
htmlcss前端
                        一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
                    
                                微信开发者验证接口开发
                                    362217990
微信 开发者 token 验证
                                    微信开发者接口验证。 
Token，自己随便定义，与微信填写一致就可以了。 
 
根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 
 第一步：填写服务器配置 
 第二步：验证服务器地址的有效性 
 第三步：依据接口文档实现业务逻辑 
 
这里主要讲第二步验证服务器有效性。 
 
建一个
                                
                                一个小编程题-类似约瑟夫环问题
                                    BrokenDreams
编程
                                            今天群友出了一题： 
        一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。 
 
     &
                                
                                linux复习笔记之bash shell (5) 关于减号-的作用
                                    eksliang
linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
                                        转载请出自出处：
http://eksliang.iteye.com/blog/2105677     
    管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
                                
                                Unix(3)
                                    18289753290
unix ksh
                                    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 
什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 
2)条件判断： &&代表and  ||代表or&nbs
                                
                                关于ListView中性能优化中图片加载问题
                                    酷的飞上天空
ListView
                                    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 
具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594 
  
如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 
现在想出一个方法就是每次都添加一个标识，然后设置图
                                
                                德国总理默多克：给国人的一堂“震撼教育”课
                                    永夜-极光
教育
                                    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 
安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 
　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
                                
                                关于Java继承的一个小问题。。。
                                    随便小屋
java
                                    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ 
//CanFight接口
interface Canfight {
    void fight();
}
//ActionCharacter类
class ActionCharacter {
    public void fight() {
        System.out.pr
                                
                                23种基本的设计模式
                                    aijuans
设计模式
                                    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。  　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。  　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。  　　Builder：将一个复杂对象的构建与它的表示分离，使得同
                                
                                《周鸿祎自述：我的互联网方法论》读书笔记
                                    aoyouzi
读书笔记
                                    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品. 
  
商业模式不是赚钱模式 
一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链. 
  
商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 
商业模式还包括寻找需求
                                
                                JavaScript动态改变样式访问技术
                                    百合不是茶
JavaScriptstyle属性ClassName属性
                                      
一:style属性 
格式:  
 HTML元素.style.样式属性="值"; 
  
创建菜单:在html标签中创建 或者 在head标签中用数组创建 
  
<html>
<head>
  <title>style改变样式</title>
</head>
&l
                                
                                jQuery的deferred对象详解
                                    bijian1013
jquerydeferred对象
                                            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 
        每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 
   &nb
                                
                                淘宝开放平台TOP
                                    Bill_chen
C++c物流C#
                                    淘宝网开放平台首页：http://open.taobao.com/ 
淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 
是淘宝合作伙伴开发、发布、交易其服务的平台。 
支撑TOP的三条主线为： 
   1.开放数据和业务流程 
 
    * 以API数据形式开放商品、交易、物流等业务； 
 
 &
                                
                                【大型网站架构一】大型网站架构概述
                                    bit1129
网站架构
                                    大型互联网特点 
 
 面对海量用户、海量数据 
 大型互联网架构的关键指标 
 
 高并发 
 高性能 
 高可用 
 高可扩展性 
 线性伸缩性 
 安全性 
 大型互联网技术要点 
  
 
 前端优化 
 CDN缓存 
 反向代理 
 KV缓存 
 消息系统 
 分布式存储 
 NoSQL数据库 
 搜索 
 监控 
 安全 
 想到的问题： 
1.对于订单系统这种事务型系统，如
                                
                                eclipse插件hibernate tools安装
                                    白糖_
Hibernate
                                      
 
 eclipse helios(3.6)版 
  1.启动eclipse   2.选择 Help > Install New Software...>   3.添加如下地址： 
http://download.jboss.org/jbosstools/updates/stable/helios/   4.选择性安装：hibernate tools在All Jboss tool
                                
                                Jquery easyui Form表单提交注意事项
                                    bozch
jquery easyui
                                    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下： 
        1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
                                
                                Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量
                                    bylijinnan
java实现
                                    
import java.util.LinkedList;

public class CaseInsensitiveTrie {

	/**
	字典树的Java实现。实现了插入、查询以及深度优先遍历。 
    Trie tree's java implementation.(Insert,Search,DFS)
    
	Problem Description
	Igna
                                
                                html css 鼠标形状样式汇总
                                    chenbowen00
htmlcss
                                    css鼠标手型cursor中hand与pointer  
Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  
Example：CSS鼠标手型效果 <a href="#" style=&qu
                                
                                [IT与投资]IT投资的几个原则
                                    comsci
it
                                     
      无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的...... 
 
   
                                
                                oracle with语句详解
                                    daizj
oraclewithwith as
                                    oracle with语句详解 转 
 
 
在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 
 
例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 
 
----------------------------------------------------------------
                                
                                hbase的简单操作
                                    deng520159
数据库hbase
                                    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 
用ssh登陆安装hbase那台linux后 
用hbase shell进行hbase命令控制台! 
表的管理 
1）查看有哪些表 
hbase(main)> list 
2）创建表 
  
# 语法：create <table>, {NAME => <family&g
                                
                                C语言scanf继续学习、算术运算符学习和逻辑运算符
                                    dcj3sjt126com
c
                                    /*
	2013年3月11日20:37:32
	地点：北京潘家园
	功能：完成用户格式化输入多个值
	目的：学习scanf函数的使用

*/
# include <stdio.h>

int main(void)
{
	int i, j, k;

	printf("please input three number:\n");  //提示用
                                
                                2015越来越好
                                    dcj3sjt126com
歌曲
                                    越来越好

房子大了电话小了 感觉越来越好
假期多了收入高了 工作越来越好
商品精了价格活了 心情越来越好
天更蓝了水更清了 环境越来越好

活得有奔头人会步步高
想做到你要努力去做到

幸福的笑容天天挂眉梢 越来越好
婆媳和了家庭暖了 生活越来越好
孩子高了懂事多了 学习越来越好
朋友多了心相通了 大家越来越好
道路宽了心气顺了 日子越来越好

活的有精神人就不显
                                
                                java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim
                                    feiteyizu
mysql
                                    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 
程序使用select 语句从中取数据时出现以下异常： 
java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date 
  
java.sql.SQLException: Valu
                                
                                Ehcache（07）——Ehcache对并发的支持
                                    234390216
并发ehcache锁ReadLockWriteLock
                                    Ehcache对并发的支持 
  
       在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
                                
                                mysql中blob,text字段的合成索引
                                    jackyrong
mysql
                                      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 
但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 
则速度快 
 
比如： 
 
create table abc(id varchar(10),context blog,hash_value varchar(40)); 
 
 insert into abc(1,rep
                                
                                逻辑运算与移位运算
                                    latty
位运算逻辑运算
                                    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111  （用8位二进制表示一个数）
 
 
 
负数的补码：
   符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 
 
已知一个数的补码，求原码的操作分两种情况：
                                
                                利用XSD 验证XML文件
                                    newerdragon
javaxmlxsd
                                    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： 
 
http://www.w3school.com.cn/schema/index.asp 
 
 
 
java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 
 
以下代码可用在J
                                
                                搭建 CentOS 6 服务器(12) - Samba
                                    rensanning
centos
                                    （1）安装 
 
# yum -y install samba
    Installed:
      samba.i686 0:3.6.9-169.el6_5
# pdbedit -a rensn
    new password:123456
    retype new password:123456
    …… 
 
 
（2）Home文件夹 
 
# mkdir /etc
                                
                                Learn Nodejs 01
                                    toknowme
nodejs
                                    （1）下载nodejs  
https://nodejs.org/download/   选择相应的版本进行下载           （2）安装nodejs   安装的方式比较多，请baidu下  
我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本  （1）上传服务器   （2）解压   tar -zxvf  node-v0.12.
                                
                                jquery控制自动刷新的代码举例
                                    xp9802
jquery
                                    1、html内容部分   复制代码代码示例:   <div id='log_reload'> 
<select name="id_s" size="1"> 
<option value='2'>-2s-</option> 
<option value='3'>-3s-</option
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

啃下这份web前端大厂面试题，无谓寒冬（已拿Offer)

前言

前端面试题集锦——HTML 篇

1. 你是怎么理解 HTML 语义化

2. 你用过哪些 HTML5 标签表示结构的标签

7.a 标签中如何禁用 href 跳转页面或定位链接

8. canvas 在标签上设置宽高和在 style 中设置宽高有什么区别

9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

10.iframe 有哪些缺点?

11.HTML5 新特性

12.HTML5 离线储存

13.浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？

14.Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义?

15.HTML 与 XHTML——二者有什么区别

前端面试题集锦——CSS 篇

1. 页面渲染时，dom 元素所采用的布局模型,可通过 box-sizing 进行设置。根据计算宽高的区域可分为：

2. ie 盒模型算上 border、padding 及自身（不算 margin），标准的只算上自身窗体的大小 css 设置方法

3.几种获得宽高的方式 :

4.拓展各种获得宽高的方式 : 获取屏幕的高度和宽度（屏幕分辨率）：

5.边距重叠解决方案(BFC) BFC 原理 :

前端面试题集锦——JavaScript

1.请你谈谈 Cookie 的优缺点

2.Array.prototype.slice.call(arr，2)方法的作用是：

3.以下代码执行后，控制台的输出是：

4、简单说一下浏览器本地存储是怎样的

6.原型链：原型链是由原型对象组成，每个对象都有 proto 属性，指向了创建该对象的构造函数的原型，proto 将对象连接起来组成了原型链。是一个用来实现继承和共享属性的有限的对象链。

7.执行上下文(EC)

8.变量对象

9.作用域链

10.闭包

前端面试题集锦——Vue

前端面试题集锦——算法

你可能感兴趣的:(前端,大前端,javascript,vue,css)

啃下这份web前端大厂面试题，无谓寒冬（已拿Offer)

前言

前端面试题集锦——HTML 篇

1. 你是怎么理解 HTML 语义化

2. 你用过哪些 HTML5 标签 表示结构的标签

7.a 标签中 如何禁用 href 跳转页面 或 定位链接

8. canvas 在标签上设置宽高和在 style 中设置宽高有什么区别

9.你做的页面在哪些流览器测试过？这些浏览器的内核分别 是什么?

10.iframe 有哪些缺点?

11.HTML5 新特性

12.HTML5 离线储存

13.浏览器是怎么对 HTML5 的离线储存资源进行管理和加 载的呢？

14.Doctype 作用? 严格模式与混杂模式如何区分？它们有 何意义?

15.HTML 与 XHTML——二者有什么区别

前端面试题集锦——CSS 篇

1. 页面渲染时，dom 元素所采用的 布局模型,可通过 box-sizing 进行设置。根据计算宽高的区域可分为：

2. ie 盒模型算上 border、padding 及自身（不算 margin）， 标准的只算上自身窗体的大小 css 设置方法

3.几种获得宽高的方式 :

4.拓展各种获得宽高的方式 : 获取屏幕的高度和宽度（屏幕分辨率）：

5.边距重叠解决方案(BFC) BFC 原理 :

前端面试题集锦——JavaScript

1.请你谈谈 Cookie 的优缺点

2.Array.prototype.slice.call(arr，2)方法的作用是：

3.以下代码执行后，控制台的输出是：

4、简单说一下浏览器本地存储是怎样的

6.原型链： 原型链是由原型对象组成，每个对象都有 proto 属性，指向了创建该对象 的构造函数的原型，proto 将对象连接起来组成了原型链。是一个用来实现 继承和共享属性的有限的对象链。

7.执行上下文(EC)

8.变量对象

9.作用域链

10.闭包

前端面试题集锦——Vue

前端面试题集锦——算法

你可能感兴趣的:(前端,大前端,javascript,vue,css)

2. 你用过哪些 HTML5 标签表示结构的标签

7.a 标签中如何禁用 href 跳转页面或定位链接

9.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?

13.浏览器是怎么对 HTML5 的离线储存资源进行管理和加载的呢？

14.Doctype 作用? 严格模式与混杂模式如何区分？它们有何意义?

1. 页面渲染时，dom 元素所采用的布局模型,可通过 box-sizing 进行设置。根据计算宽高的区域可分为：

2. ie 盒模型算上 border、padding 及自身（不算 margin），标准的只算上自身窗体的大小 css 设置方法

6.原型链：原型链是由原型对象组成，每个对象都有 proto 属性，指向了创建该对象的构造函数的原型，proto 将对象连接起来组成了原型链。是一个用来实现继承和共享属性的有限的对象链。