Q丁
Q丁

前端面试题

标签（空格分隔）： 面试题

1.Doctype作用？标准模式和兼容模式的区别？

Doctype是告诉浏览器的解析器以文档标准解析这个文档。Doctype不存在或者不正确会导致文档以兼容模式呈现。

2.HTML5 为什么只需要写 ？

HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；
而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

3.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

1.行内元素

span a b strong img input select

2.块级元素

p h1 h2 h3 h4 div ul ol li dt dl dd

3.空元素

br hr img link meta input

4.页面导入样式时，使用link和@import有什么区别？

（1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS;
（2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;

5.介绍一下你对浏览器内核的理解？

主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
JS引擎则：解析和执行javascript来实现网页的动态效果。

6.HTML5的新特性、移除了哪些元素

绘画 canvas;
用于媒介回放的 video 和 audio 元素;
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;
sessionStorage 的数据在浏览器关闭后自动删除;
语意化更好的内容元素，比如 article、footer、header、nav、section;
表单控件，calendar、date、time、email、url、search;
新的技术webworker, websockt, Geolocation;

7.简述一下你对HTML语义化的理解？

用正确的标签做正确的事情，html语义化让页面的内容结构化，结构更清晰，而且便于阅读源码的人维护和理解。

8.请描述一下 cookies，sessionStorage 和 localStorage 的区别？

存储大小：
cookie数据大小不能超过4k。
sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。
有期时间：
localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
sessionStorage 数据在当前浏览器窗口关闭后自动删除。
cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

9.介绍一下CSS的盒子模型

（1）有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading;
（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).

10.CSS选择符有哪些？哪些属性可以继承？

1.id选择器（#myid）
2.类选择器(.myclassname)
3.标签选择器（div,p)
4.相邻选择器(div+p)
5.子选择器(ul>li)
6.后台选择器(li a)
7.通配选择器(*)
8.属性选择器(input[type="text"])
9.为类选择器(a:hover)

  • 可继承的样式： font-size font-family color, UL LI DL DD DT;
  • 不可继承的样式：border padding margin width height ;

11.CSS优先级算法如何计算？

优先级就近原则，同权重情况下样式定义最近者为准;
优先级为:
!important > id > class > tag
important 比 内联优先级高

12.display有哪些值？说明他们的作用。

inline-block:像行内元素一样显示，但是其内容像块类型元素一样显示
block:像块类型元素一样显示
none:此元素不会被显示
inline:默认。此元素会被显示为内联元素，元素前后没有换行符
list-item：像块类型元素一样显示，并添加样式列表标记
table:此元素会作为块级表格来显示（类似

），表格前后带有换行符
table-row:此元素会作为一个表格行显示（类似 ）
table-cell: 此元素会作为一个表格单元格显示（类似
和 ）

13.CSS3有哪些新特性？

CSS3实现圆角（border-radius:8px），
阴影（box-shadow:10px），
文字特效（text-shadow、），
线性渐变（gradient），
旋转（transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
增加了更多的CSS选择器
多背景 rgba

14.用纯CSS创建一个三角形的原理是什么？

#demo{
    width:0;
    height:0;
    border-width:20px;
    border-color:transparent transparent red transparent;
    border-style:solid;
}

15.一个满屏 品 字布局 如何设计?

简单的方式：
上面的div宽100%，
下面的两个div分别宽50%，
然后用float或者inline使其不换行即可

16.Label的作用是什么？是怎么用的？

label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

17.HTML5的离线储存怎么使用，工作原理能不能解释一下？

在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。
原理：HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术)，通过这个文件上的解析清单离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。

Javascript

1.介绍js的基本数据类型

Undefined、String、Boolean、Null、Number

2.介绍js有哪些内置对象？

Object是JavaScript中所有对象的父对象。
数据封转类对象：Array、Number、Object、Boolean、String
其他对象:Function、RegExp、Arguments、Math、Date、Error

3.JavaScript原型，原型链 ? 有什么特点？

所有对象都有自己的prototype原型对象，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他们会去prototype里去找这个属性，这个prototype也有自己的prototype，于是这样一直寻找，这就是原型链。
特点：当我们更改原型时，与之相关的对象也会改变。

4.Javascript如何实现继承？

    function Parent(){
        this.name="wang";
    }
    function Children(){
        this.age=18;
    }
    Children.prototype=new Parent();
    Children.prototype.constructure=Children;
    var child=new Children();

5.Javascript作用链域?

全局函数无法产看局部函数的内部细节，但局部函数可以查看其上层的函数内部细节，直至全局细节。
当需要从局部函数查找某个属性或者方法时，如果当前作用域没有找到，就会上溯到上册作用域查找，直至到全局，这种组织方式称作作用域链。

6.JavaScript有几种类型的值？

栈：原始数据类型（Undefined，Null，Boolean，Number、String）
堆：引用数据类型（对象、数组和函数）

7.eval是做什么的？

它的功能是把对应的字符串解析成JS代码并运行；
应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。

8.null，undefined 的区别？

null 表示一个对象被定义了，值为“空值”；
undefined 表示不存在这个值。

9.["1", "2", "3"].map(parseInt) 答案是多少？

[1, NaN, NaN] 因为 parseInt 需要两个参数 (val, radix)，

其中 radix 表示解析时用的基数。
map 传了 3 个 (element, index, array)，对应的 radix 不合法导致解析失败。

10.什么是闭包（closure），为什么要用它？

闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。

闭包的特性：
1.函数内再嵌套函数
2.内部函数可以引用外层的参数和变量
3.参数和变量不会被垃圾回收机制回收

11.javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么？

use strict是一种ECMAscript 5 添加的（严格）运行模式,这种模式使得 Javascript， 在更严格的条件下运行提高编译器效率，增加运行速度，为未来新版本的Javascript标准化做铺垫。

12.如何判断一个对象是否属于某个类？

 if(a instanceof Person){
       alert('yes');
   }

13.new操作符具体干了什么呢?

1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。
2、属性和方法被加入到 this 引用的对象中。
3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。

14.谈谈This对象的理解

1、this总是指向函数的直接调用者（而非间接调用者）
2、如果有new关键字，this指向new出来的那个对象
3、在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window

15.Ajax 是什么? 如何创建一个Ajax？

ajax的全称：Asynchronous Javascript And XML。
异步传输+js+xml。
所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户体验。

(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象
(2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
(3)设置响应HTTP请求状态变化的函数

(4)发送HTTP请求
(5)获取异步调用返回的数据
(6)使用JavaScript和DOM实现局部刷新

16.documen.write和 innerHTML的区别

document.write只能重绘整个页面
innerHTML可以重绘页面的一部分

17.Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？

hasOwnProperty

javaScript中hasOwnProperty函数方法是返回一个布尔值，指出一个对象是否具有指定名称的属性。此方法无法检查该对象的原型链中是否具有该属性；该属性必须是对象本身的一个成员。

使用方法:
object.hasOwnProperty(proName)
其中参数object是必选项。一个对象的实例。
proName是必选项。一个属性名称的字符串值。

如果 object 具有指定名称的属性，那么JavaScript中hasOwnProperty函数方法返回 true，反之则返回 false。

18..call() 和 .apply() 的区别？

call 和 apply 的区别只在于这两个函数接受的参数形式不同。

call和apply可以用来重新定义函数的执行环境，也就是this的指向。

myFunc.call(obj,arg);
myFunc.apply(obj,[arg1,arg2..]);

19.http常用状态码有那些？分别代表是什么意思？

100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息
200 OK 正常返回信息
201 Created 请求成功并且服务器创建了新的资源
202 Accepted 服务器已接受请求，但尚未处理
301 Moved Permanently 请求的网页已永久移动到新位置。
302 Found 临时性重定向。
303 See Other 临时性重定向，且总是使用 GET 请求新的 URI。
304 Not Modified 自从上次请求后，请求的网页未修改过。
400 Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。
401 Unauthorized 请求未授权。
403 Forbidden 禁止访问。
404 Not Found 找不到如何与 URI 相匹配的资源。
500 Internal Server Error 最常见的服务器端错误。
503 Service Unavailable 服务器端暂时无法处理请求（可能是过载或维护）。

JavaScript文档推荐

JavaScript秘密花园
JavaScript标准参考教程
JavaScript教程

你可能感兴趣的:(前端面试题)

  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • 2024年前端面试题及答案 2401_84433924 程序员前端
    所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。3如何解决跨域？能说1，2，7，8就行。1、通过jsonp跨域2、CORS3、document.domain+iframe跨域4、location.hash+iframe5、window.name+iframe跨域
  • 前端面试题 xkxnq 前端开发问题前端
    CSS常见问题解答1.CSS盒模型CSS盒模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成，分为两种类型：标准盒模型：元素宽度=content宽度替代盒模型（通过box-sizing:border-box设置）：元素宽度=content+padding+border2.CSS选择器的优先级优先级从高到低：!important（覆盖所有规则
  • 2025前端面试题全攻略：高频考点解析与实战指南
    助力金三银四跳槽季，覆盖90%大厂核心考点，技术进阶+面试技巧双提升一、HTML/CSS核心篇1.语义化与布局实战问题1：如何用HTML5语义化标签优化新闻详情页？答案要点：使用包裹主体内容，划分章节标记发布时间，+处理图文SEO优势：提升关键内容权重，增强可访问性问题2：实现等间距三栏布局（中间自适应）.container{display:flex;gap:20px;/*关键：替代margin方
  • 第 13 题：谈谈你对 CSS 选择器以及优先级的理解？ Noxus丶SJ
    常用的CSS选择器ID选择器、类选择器、标签选择器、属性选择器、伪类选择器、后代选择器权重划分在同一层级下!important>内联样式>ID选择器>类选择器>（标签选择器、伪类选择器、属性选择器）不同层级下正常来说权重值越高的优先级越高，但是一直以来没有具体的权重值划分，所以目前大多数开发中层级越深的优先级越高文章的内容/灵感都从下方内容中借鉴【持续维护/更新500+前端面试题/笔记】https
  • 前端面试题总结——JS篇 又又呢 前端javascript开发语言
    一、说说JavaScript中的数据类型？存储上有什么差别？1、数据类型基本类型number：数值类型十进制：letintNum=55八进制（零开头）：letnum1=070十六进制（0x开头）：lethexNum1=0xANaN：特殊数值，意为“不是数值”string：字符串类型boolean：布尔值，true或falseundefined：表示未定义null：空值symbol：是原始值，且符号
  • 前端面试题——5.AjAX的缺点？ 浅端 前端面试题前端面试题
    ①传统的web交互是：用户一个网页动作，就会发送一个http请求到服务器，服务器处理完该请求再返回一个完整的HTML页面，客户端再重新加载，这样极大地浪费了带宽。②AJAX的出现解决了这个问题，它只会向服务器请求用户所需要的数据，并在客户端采用JavaScript处理返回的数据，操作DOM更新页面。③AJXA优点：无刷新更新页面异步服务器通信前端后端负载均衡④AJAX缺点：干掉了Back和Hist
  • 2023高薪前端面试题（二、前端核心——Ajax）
    原生AjaxAjax简介Ajax全程为AsynchronousJavaScript+XML，就是异步的JS和XML通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势是：无刷新获取数据，实现局部刷新Ajax是一种用于创建快速动态网页的技术AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示
  • 前端面试题——手写实现 ajax 阿水爱踢中锋 ajaxjs前端
    凡是和后台有过数据交互的小伙伴肯定都接触过ajax.我们可以通过ajax来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户ajax在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的ajax方法，如jQuery、zepto、angular等等，这使得我们的数据请求变得异常简洁明了但是这也带来了很明显的缺陷，就是我们知道如何去使用封
  • 前端面试题集锦（5）
    目录1、Promsie.all()使用过吗,它是怎么使用的?2、forin和forof循环的区别?3、什么是事件流以及事件流的传播机制?4、token一般存放在哪里?为什么不存放在cookie内?5、数组方法forEach和map的区别?6、ES6中Set和Map的区别?7、0.1+0.2为什么不等于0.3,在项目中遇到要怎么处理?8、什么是模块化思想?9、说说怎么用js写无缝轮播图10、闭包的使
  • 七牛云前端面试题及参考答案 （上） 大模型大数据攻城狮 前端vue组件reactjs前端面经防抖节流fiber
    目录基本数据类型有哪些？typeofnull的结果是什么？null和undefined的区别是什么？let关键字的特点有哪些？this指向的规则是什么？箭头函数中this指向哪里？如何实现JavaScript的深拷贝和浅拷贝？数组去重的常见方法（手写代码）数组扁平化（手写，不能使用flat(Infinity)）forEach和map方法的区别是什么？闭包的应用场景：实现链式加法add(1)(2)(
  • 前端面试题整理-场景设计题 C_greenbird 前端学习前端javascriptcss
    1.如何使用css画一个三角形借助border实现，在width和height都为0时，设置border，便会呈现三角形。想要哪个方向的三角形，设置其他三边为透明即可。同时，可以通过调整不同边的宽度，来调整三角形的高度和宽度。三角符号/*记忆口诀：盒子宽高均为零，三面边框皆透明。*/div:after{position:absolute;width:0;height:0;content:"";bo
  • 【手写前端面试题01】防抖和节流 全栈前端老曹 javascript前端javascript学习防抖节流
    《手写防抖和节流：从“打工人”到“时间管理大师”》一、本质理解（别被术语吓到）防抖（debounce）是什么？玩游戏看60秒广告只需要完整看一次就行了，退出去一次重新60秒，别一直退✅核心思想：在事件被触发后，等待一段时间，如果这段时间内没有再次触发，才执行。节流（throttle）又是什么？闪现CD：不管多急，都要等冷却好才能再次使用✅核心思想：多次触发→只按固定频率执行，在一定时间内只允许执行
  • 前端面试题 被诅咒的猫 前端面试题
    前端面试题：一个200*200的div在不同分辨率屏幕上下左右居中，用css实现div{position:absolute;width:200px;height:200px;top:50%;left:50%;margin-left:-100px;height:-100px;z-index:1000;}写一个左中右布局占满屏幕，其中左右两块是固定宽度200，中间自适应宽，要求先加载中间块，请写出结构
  • 【经典前端面试题】如何实现大文件分片上传 啊儿法 前端面试题经验分享前端面试javascriptnode.js
    前言相信各位在前端面试的时候都经常被问到“如何实现大文件分片上传”，甚至还有在线的coding编程题，希望面试的人手动实现一个大文件上传的demo。笔者整理过去在项目里做的一个通用视频上传插件的时候，恰好有遇到这种问题，本文将抽出主体的实现思路，实现大文件上传的前后端demo。服务端的简易代码用node搭了一下，有兴趣的同学可以复制下来自己跑一下。一、大文件上传的难点网络不稳定：如果上传过程中断，
  • 2022最全前端面试题（持续更新） PiJunJia 前端面试前端面试
    css部分如何水平垂直居中一个盒子？已知高度可以使用line-height等于高度实现垂直居中；使用text-align:center实现水平居中display:flex;align-items:center;justify-content:center;绝对定位的话，给父元素设置定位属性relative，子元素设置absolute，然后设置子元素top:0;left:0;right:0;bott
  • 【前端面试题】：JavaScript篇 2401_84433769 程序员前端javascript开发语言
    conststr="Hello,World!";console.log(str.replace("World","Universe"));//输出'Hello,Universe!'split(separator[,limit])：使用指定的分隔符将字符串分割成子串数组。conststr="apple,banana,orange";console.log(str.split(","));//输出['
  • 前端面试题：如果列表渲染几十万条数据，页面卡顿怎么办？你会用什么实际方案来优化 野盒子 面试题前端学习vue面试
    如果列表渲染几十万条数据，页面卡顿怎么办？你会用什么实际方案来优化这种情况其实很常见，直接把几十万条数据全部渲染到DOM上肯定是会卡死页面的。我的解决思路一般分两步：第一步：只渲染可视区域的数据（虚拟列表/虚拟滚动）我通常会用虚拟列表方案，也叫虚拟滚动。比如element-plus里的ElVirtualList或者第三方库likevue-virtual-scroll-list、react-wind
  • 前端面试题24（css3） GIS-CL 前端面试题css3前端
    下面是一些常见的CSS3面试题，这些问题可以帮助你评估应聘者对CSS3的掌握程度：1.解释CSS3中的动画关键帧（@keyframes）和它们是如何工作的？回答要点：@keyframes规则用于创建动画，它可以定义动画的不同阶段（关键帧），并在这些阶段之间自动过渡。使用@keyframes定义的动画可以通过animation属性应用到元素上，控制动画的持续时间、速度曲线和延迟等。2.请解释CSS3
  • 《前端面试题：CSS的display属性》 站在风口的猪1108 前端面试题集合(CSS)csshtmlcss3html5前端
    CSSdisplay属性完全指南：深入理解布局核心属性掌握display属性是CSS布局的基石，也是前端面试必考知识点一、display属性概述：布局的核心控制display属性是CSS中最重要、最基础的属性之一，它决定了元素在页面上的渲染方式和布局行为。理解display属性是掌握CSS布局的关键所在。display属性的重要性：控制元素渲染类型：块级、行内、表格等影响元素布局行为：如何参与文档
  • 前端面试题之ES6保姆级教程 前端小崔 前端前端es6ecmascript面试职场和发展javascript开发语言
    ES6核心特性深度解析：现代JavaScript开发基石2015年发布的ECMAScript2015（ES6）彻底改变了JavaScript的编程范式，本文将全面剖析其核心特性及最佳实践一、ES6简介与背景ECMAScript6.0（简称ES6）是JavaScript语言的下一代标准，于2015年6月正式发布。ECMAScript和JavaScript本质上是同一种语言，前者是后者的规格标准，后者
  • 前端面试题：H5新增特性？CSS3新增特性？ LXQ（理性版） web前端开发前端css3javascript
    一、H5新增特性1、拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放2、画布canvas；getContext()方法返回一个用于在画布上绘图的环境Canvas.getContext(contextID)参数contextID指定了您想要在画布上绘制的类型。当前唯一的合法值是“2d”，它指定
  • 前端面试题总结——ES6篇 又又呢 前端es6ecmascript
    一、说说var、let、const之间的区别？1、var在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量注意：顶层对象，在浏览器中指window对象，在Node指的是globa了对象vara=10;console.log(window.a);//101）使用var声明的变量存在变量提升的情况，例子：变量已声明，还未赋值console.log(a);//un
  • 《前端面试题：HTML5、CSS3、ES6新特性》 站在风口的猪1108 前端面试题集合前端html5css3
    现代前端开发中，HTML5、CSS3和JavaScriptES6共同构成了三大核心技术支柱。这些技术不仅显著提升了用户体验和性能表现，更大幅提高了开发效率。本文将从技术演进、核心特性到最佳实践，系统性地介绍这三大技术的应用之道。我们将首先探讨HTML5的创新特性，接着深入解析CSS3的重要功能，最后详细讲解ES6的核心语法特性。为了帮助开发者将理论知识转化为实操能力，本文还将通过三个典型场景案例进
  • 2024年Web前端面试题（最全、最详细、持续更新）_web前端面试问题 2401_84438160 程序员前端面试学习
    总结面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】前端面试题汇总JavaScript前端资料汇总
  • 常见前端面试题--常用H5/ES6/CSS3新特性 @乐知者@ 前端javascriptcss3
    H5新特性新语义元素一些标签是div标签的语义化转化，过去我们曾用div来包裹某一个块或者组件，现在使用这些标签实现语义化，有利于代码可读性和SEO（优化），语义元素在IE6~8的兼容可以使用本地存储sessionStorage、loacalStorage和indexDB加强本地存储，使用前应先判断是否支持情况。异同：（加一个cookie、token这两只是比较，不是H5新特性）sessionSt
  • 《前端面试题：BFC（块级格式化上下文）》 站在风口的猪1108 前端面试题集合前端csscss3
    前端BFC完全指南：布局魔法与面试必备端午安康！各位前端探险家，端午节快乐！愿你的代码如龙舟竞渡般乘风破浪，样式如香糯粽子般完美包裹！今天我们来解锁CSS中的布局魔法——BFC（块级格式化上下文），助你轻松解决前端布局难题！一、什么是BFC？BFC（BlockFormattingContext）是CSS渲染过程中的独立布局环境，相当于一个隔离的容器，内部元素布局不受外部影响。普通文档流BFC容器独
  • 《前端面试题：前端响应式介绍》 站在风口的猪1108 前端面试题集合前端csshtmlhtml5css3
    前端响应式设计完全指南：从理论到实战掌握响应式设计是构建现代网站的核心能力，也是前端面试的必考内容一、响应式设计：移动优先时代的必备技能在当今多设备时代，用户通过手机、平板、笔记本、桌面显示器等多种设备访问网站。响应式设计（ResponsiveWebDesign）通过一套代码实现跨设备无缝体验，已成为现代前端开发的核心要求。为什么需要响应式设计？用户体验优化：设备适配提升用户满意度开发效率提升：一
  • 《前端面试题：CSS预处理器（Sass、Less等）》 站在风口的猪1108 前端面试题集合前端csssasshtmlcss3html5less
    CSS预处理器深度解析：Sass与Less的全面指南掌握CSS预处理器是现代前端开发的必备技能，也是提升开发效率的关键工具一、为什么需要CSS预处理器？在现代前端开发中，原生CSS的局限性日益明显：缺乏编程特性（变量、函数、逻辑控制）代码复用性差难以维护大型项目缺乏模块化支持CSS预处理器通过引入编程语言的特性，解决了这些问题。根据2023年前端开发者调查报告，CSS预处理器使用率高达：Sass:
  • 最新Web前端面试题精选大全及答案 2401_87557072 前端面试职场和发展
    Font-style，font-variant，font-weight，text-decoration，text-transform，direction字母间距段落间距行高字体颜色字体种类字体大小字体样式字体粗细小型大写字母文本文本修饰转换不同元素中的文本文本方向14.网页中有大量图片加载很慢你有什么办法进行优化？1.图片懒加载，在图片未可视区域加一个滚动条事件，判断图片位置与浏览器顶端和页面的距
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交