搜集的前端面试题,慢慢补充完答案
搜集的前端面试题,慢慢补充完答案
1、举个例子,以下几个的异同。
line-height:15px;
line-height:150%;
line-height:1.5;
line-height:1.5em;
答案:15px明确的设置行高是15px,150%是当前元素文字大小*150%,既是设置的行高,1.5也是当前元素文字大小*1.5,即为行高,同理也适用于1.5em。
2、css盒子模型
答案:在盒子模型中,页面上所有元素被看作一个一个盒子,他们占据一定的页面空间,每一个盒子都包括width、padding、border、margin四个部分,盒子模型分为标准盒模型和IE盒模型,大部分浏览器都是标准盒模型,只有ie5\6是IE盒模型,在标准盒模型模型中给元素设置width和height并不包括padding和border,但在IE盒模型里面width和height是包括padding和border的,现在想要浏览器兼容这些样式,解决方案是回避这些问题,尽量不给元素设置内边距padding,而是通过父元素或子元素的padding与margin来实现。
3、页面加载如何优化
答案:
4、url->页面加载完成的整个流程
答案:
5、优雅降级与渐进增强
6、xhtml是什么
7、ajax的优缺点
8、js组成部分
9、解释一下变量声明提升
10、如何跨域访问
11、js如何判断一个数组
12、阐述一下js严格模式
13、负载均衡你了解吗?阐述一下
14、linux环境你熟悉吗?说一些你用过的指令
15、webpack了解吗?用过哪些功能
16、对css预编译器有所了解吗?
17、完整概述一个你感觉最你自己做过最棒的项目
18、你在这个项目中用到了express,那你能说说express的特点是什么吗?
19、有考虑过如何对项目进行优化吗?从那方面入手?
20、你在昨天/本周学到了什么?
21、编写代码的哪些方面能够使你兴奋或感兴趣?
22、你最近遇到过什么技术挑战?你是如何解决的?
23、在制作一个网页应用或网站的过程中,你是如何考虑其 UI、安全性、高性能、SEO、可维护性以及技术因素的?
24、请谈谈你喜欢的开发环境。
25、你最熟悉哪一套版本控制系统?
26、你能描述当你制作一个网页的工作流程吗?
27、假若你有 5 个不同的样式文件 (stylesheets), 整合进网站的最好方式是?
28、你能描述渐进增强 (progressive enhancement) 和优雅降级 (graceful degradation) 之间的不同吗?
29、你如何对网站的文件和资源进行优化?
30、浏览器同一时间可以从一个域名下载多少资源?
31、有什么例外吗?
32、请说出三种减少页面加载时间的方法。(加载时间指感知的时间或者实际加载时间)
33、如果你参与到一个项目中,发现他们使用 Tab 来缩进代码,但是你喜欢空格,你会怎么做?
34、请写一个简单的幻灯效果页面。
35、如果今年你打算熟练掌握一项新技术,那会是什么?
36、请谈谈你对网页标准和标准制定机构重要性的理解。
37、什么是 FOUC (无样式内容闪烁)?你如何来避免 FOUC?
38、请解释什么是 ARIA 和屏幕阅读器 (screenreaders),以及如何使网站实现无障碍访问 (accessible)。
39、请解释 CSS 动画和 JavaScript 动画的优缺点。
40、什么是跨域资源共享 (CORS)?它用于解决什么问题?
41、doctype
(文档类型) 的作用是什么?
42、浏览器标准模式 (standards mode) 、几乎标准模式(almost standards mode)和怪异模式 (quirks mode) 之间的区别是什么?
43、HTML 和 XHTML 有什么区别?
44、如果页面使用 'application/xhtml+xml' 会有什么问题吗?
45、如果网页内容需要支持多语言,你会怎么做?
46、在设计和开发多语言网站时,有哪些问题你必须要考虑?
47、使用 data-
属性的好处是什么?
48、如果把 HTML5 看作做一个开放平台,那它的构建模块有哪些?
49、请描述 cookies
、sessionStorage
和 localStorage
的区别。
50、请解释
、
和
的区别。
51、为什么通常推荐将 CSS
放置在
之间,而将 JS
放置在
之前?你知道有哪些例外吗?
52、什么是渐进式渲染 (progressive rendering)?
53、你用过哪些不同的 HTML 模板语言?
54、CSS 中类 (classes) 和 ID 的区别。
55、请问 "resetting" 和 "normalizing" CSS 之间的区别?你会如何选择,为什么?
56、请解释浮动 (Floats) 及其工作原理。
57、描述z-index
和叠加上下文是如何形成的。
58、请描述 BFC(Block Formatting Context) 及其如何工作。
59、列举不同的清除浮动的技巧,并指出它们各自适用的使用场景。
60、请解释 CSS sprites,以及你要如何在页面或网站中实现它。
61、你最喜欢的图片替换方法是什么,你如何选择使用。
62、你会如何解决特定浏览器的样式问题?
63、如何为有功能限制的浏览器提供网页?
64、你会使用哪些技术和处理方法?
65、有哪些的隐藏内容的方法 (如果同时还要保证屏幕阅读器可用呢)?
66、你用过栅格系统 (grid system) 吗?如果使用过,你最喜欢哪种?
67、你用过媒体查询,或针对移动端的布局/CSS 吗?
68、你熟悉 SVG 样式的书写吗?
69、如何优化网页的打印样式?
70、在书写高效 CSS 时会有哪些问题需要考虑?
71、使用 CSS 预处理器的优缺点有哪些?
72、请描述你曾经使用过的 CSS 预处理器的优缺点。
73、如果设计中使用了非标准的字体,你该如何去实现?
74、请解释浏览器是如何判断元素是否匹配某个 CSS 选择器?
75、请描述伪元素 (pseudo-elements) 及其用途。
76、请解释你对盒模型的理解,以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。
77、请解释 * { box-sizing: border-box; }
的作用, 并且说明使用它有什么好处?
78、请罗列出你所知道的 display 属性的全部值
79、请解释 inline 和 inline-block 的区别?
80、请解释 relative、fixed、absolute 和 static 元素的区别
81、CSS 中字母 'C' 的意思是叠层 (Cascading)。请问在确定样式的过程中优先级是如何决定的 (请举例)?如何有效使用此系统?
82、你在开发或生产环境中使用过哪些 CSS 框架?你觉得应该如何改善他们?
83、请问你有尝试过 CSS Flexbox 或者 Grid 标准规格吗?
84、为什么响应式设计 (responsive design) 和自适应设计 (adaptive design) 不同?
85、你有兼容 retina 屏幕的经历吗?如果有,在什么地方使用了何种技术?
86、请问为何要使用 translate()
而非 absolute positioning ,或反之的理由?为什么?
87、请解释事件代理 (event delegation)。
88、请解释 JavaScript 中 this
是如何工作的。
89、请解释原型继承 (prototypal inheritance) 的原理。
90、你怎么看 AMD vs. CommonJS?
91、请解释为什么接下来这段代码不是 IIFE (立即调用的函数表达式):function foo(){ }();
.
92、要做哪些改动使它变成 IIFE?
93、描述以下变量的区别:null
,undefined
或 undeclared
?
94、该如何检测它们?
95、什么是闭包 (closure),如何使用它,为什么要使用它?
96、请举出一个匿名函数的典型用例?
97、你是如何组织自己的代码?是使用模块模式,还是使用经典继承的方法?
98、请指出 JavaScript 宿主对象 (host objects) 和原生对象 (native objects) 的区别?
99、请指出以下代码的区别:function Person(){}
、var person = Person()
、var person = new Person()
?
100、.call
和 .apply
的区别是什么?
101、请解释 Function.prototype.bind
?
102、在什么时候你会使用 document.write()
?
103、请指出浏览器特性检测,特性推断和浏览器 UA 字符串嗅探的区别?
104、请尽可能详尽的解释 Ajax 的工作原理。
105、使用 Ajax 都有哪些优劣?
106、请解释 JSONP 的工作原理,以及它为什么不是真正的 Ajax。
107、你使用过 JavaScript 模板系统吗?
108、如有使用过,请谈谈你都使用过哪些库?
109、请解释变量声明提升 (hoisting)。
110、请描述事件冒泡机制 (event bubbling)。
111、"attribute" 和 "property" 的区别是什么?
112、为什么扩展 JavaScript 内置对象不是好的做法?
113、请指出 document load 和 document DOMContentLoaded 两个事件的区别。114、==
和 ===
有什么不同?
114、请解释 JavaScript 的同源策略 (same-origin policy)。
115、如何实现下列代码:
[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
116、什么是三元表达式 (Ternary expression)?“三元 (Ternary)” 表示什么意思?
117、什么是 "use strict";
? 使用它的好处和坏处分别是什么?
118、请实现一个遍历至 100
的 for loop 循环,在能被 3
整除时输出 "fizz",在能被 5
整除时输出 "buzz",在能同时被 3
和 5
整除时输出 "fizzbuzz"。
119、为何通常会认为保留网站现有的全局作用域 (global scope) 不去改变它,是较好的选择?
120、为何你会使用 load
之类的事件 (event)?此事件有缺点吗?你是否知道其他替代品,以及为何使用它们?
121、请解释什么是单页应用 (single page app), 以及如何使其对搜索引擎友好 (SEO-friendly)。
122、你使用过 Promises 及其 polyfills 吗? 请写出 Promise 的基本用法(ES6)。
123、使用 Promises 而非回调 (callbacks) 优缺点是什么?
124、使用一种可以编译成 JavaScript 的语言来写 JavaScript 代码有哪些优缺点?
125、你使用哪些工具和技术来调试 JavaScript 代码?
126、你会使用怎样的语言结构来遍历对象属性 (object properties) 和数组内容?
127、请解释可变 (mutable) 和不变 (immutable) 对象的区别。
128、请举出 JavaScript 中一个不变性对象 (immutable object) 的例子?
129、不变性 (immutability) 有哪些优缺点?
130、如何用你自己的代码来实现不变性 (immutability)?
131、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。
132、什么是事件循环 (event loop)?
133、请问调用栈 (call stack) 和任务队列 (task queue) 的区别是什么?
134、解释 function foo() {}
与 var foo = function() {}
用法的区别
135、对代码进行测试的有什么优缺点?
136、你会用什么工具测试你的代码功能?
137、单元测试与功能/集成测试的区别是什么?
138、代码风格 linting 工具的作用是什么?
139、你会用什么工具来查找代码中的性能问题?
140、你会用什么方式来增强网站的页面滚动效能?
141、请解释 layout、painting 和 compositing 的区别。
142、为什么传统上利用多个域名来提供网站资源会更有效?
143、请尽可能完整得描述从输入 URL 到整个网页加载完毕及显示在屏幕上的整个流程。
144、Long-Polling、Websockets 和 Server-Sent Event 之间有什么区别?
145、请描述以下 request 和 response headers:
Diff. between Expires, Date, Age and If-Modified-...
Do Not Track
Cache-Control
Transfer-Encoding
ETag
X-Frame-Options
146、什么是 HTTP method?请罗列出你所知道的所有 HTTP method,并给出解释。
147、请解释 HTTP status 301 与 302 的区别?
148、问题:foo
的值是什么?
149、问题:如何实现以下函数?
add(2, 5); // 7
add(2)(5); // 7
150、问题:下面的语句的返回值是什么?
"i'm a lasagna hog".split("").reverse().join("");
151、问题:window.foo
的值是什么?
( window.foo || ( window.foo = "bar" ) );
152、问题:下面两个 alert 的结果是什么?
var foo = "Hello";
(function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
153、问题:foo.length
的值是什么?
var foo = [];
foo.push(1);
foo.push(2);
154、问题:foo.x
的值是什么?
var foo = {n: 1};
var bar = foo; foo.x = foo = {n: 2};
155、问题:下面代码的输出是什么?
console.log('one');
setTimeout(function() { console.log('two'); }, 0); console.log('three');
156、你最近写过什么的很酷的项目吗?
157、在你使用的开发工具中,最喜欢哪些方面?
158、谁使你踏足了前端开发领域?
159、你有什么业余项目吗?是哪种类型的?
160、你最爱的 IE 特性是什么?
161、你对咖啡有没有什么喜好?
162、获取随机数的方法?
答案:Math.random();会返回一个0-1之间的小数
163、JS将一个变量强制改为浮点类型的方法?
答案:parseFloat()
164、根据id获取元素的原生JS方法:
答案:doument.getElementById();
165、将文档声明为HTML5文档类型,需要在文档头添加:
166、Chrome浏览器的私有样式前缀:-Webkit-opacity:0.7
167、CSS3设置圆角的属性名:border-radius:20px 20px;
168、用js+html模拟下拉框,重点说出设计时要考虑的要素
答案://点击文种下拉框,赋值给input $('.jiguan_sel').click(function(){ $(this).parent().find('ul').show(); var $Li=$(this).parent().find('ul li'); $Li.click(function(){ var t=$(this).html(); $(this).parent().parent().find('ul').hide(); $(this).parent().parent().find('.jiguan_sel span').html(t); $(this).parent().parent().find('#docwz').val(t); }); $(document).mouseup(function(e){ var _con = $('.jiguan_sel').parent().find('ul'); if(!_con.is(e.target) && _con.has(e.target).length === 0){ _con.hide(); } }); });
关键在于考虑一下下拉框消失的规则,ul出现的情况下,监听整个页面的点击,如果点在ul或者li上面,则不消失,如果不在这上面,就让下拉框消失。
169、请解释JSONP的工作原理。
答案:首先呢,浏览器对页面请求有一个同源机制,不允许访问非同源的页面,所以ajax不能请求非同源的url,但是script标签却可以通过src引入不同源的js,这样呢,服务器不反悔json格式数据,而是返回一段可执行的js,然后我们就获取到了不同源服务器上的信息了。
170、
转载于:https://www.cnblogs.com/learnings/p/9007285.html
你可能感兴趣的:(面试,javascript,xhtml)
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样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业 javascript html css 旅游 风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线
python八股文面试题分享及解析(1)
Shawn________
python
#1.'''a=1b=2不用中间变量交换a和b'''#1.a=1b=2a,b=b,aprint(a)print(b)结果:21#2.ll=[]foriinrange(3):ll.append({'num':i})print(11)结果:#[{'num':0},{'num':1},{'num':2}]#3.kk=[]a={'num':0}foriinrange(3):#0,12#可变类型,不仅仅改变
MYSQL面试系列-04
king01299
面试 mysql 面试
MYSQL面试系列-0417.关于redolog和binlog的刷盘机制、redolog、undolog作用、GTID是做什么的?innodb_flush_log_at_trx_commit及sync_binlog参数意义双117.1innodb_flush_log_at_trx_commit该变量定义了InnoDB在每次事务提交时,如何处理未刷入(flush)的重做日志信息(redolog)。它
Kafka 消息丢失如何处理?
架构文摘JGWZ
学习
今天给大家分享一个在面试中经常遇到的问题:Kafka消息丢失该如何处理?这个问题啊,看似简单,其实里面藏着很多“套路”。来,咱们先讲一个面试的“真实”案例。面试官问:“Kafka消息丢失如何处理?”小明一听,反问:“你是怎么发现消息丢失了?”面试官顿时一愣,沉默了片刻后,可能有点不耐烦,说道:“这个你不用管,反正现在发现消息丢失了,你就说如何处理。”小明一头雾水:“问题是都不知道怎么丢的,处理起来
每日算法&面试题,大厂特训二十八天——第二十天(树)
肥学
⚡算法题⚡面试题每日精进 java 算法 数据结构
目录标题导读算法特训二十八天面试题点击直接资料领取导读肥友们为了更好的去帮助新同学适应算法和面试题,最近我们开始进行专项突击一步一步来。上一期我们完成了动态规划二十一天现在我们进行下一项对各类算法进行二十八天的一个小总结。还在等什么快来一起肥学进行二十八天挑战吧!!特别介绍小白练手专栏,适合刚入手的新人欢迎订阅编程小白进阶python有趣练手项目里面包括了像《机器人尬聊》《恶搞程序》这样的有趣文章
node.js学习
小猿L
node.js node.js 学习 vim
node.js学习实操及笔记温故node.js,node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础,三大框架vuereactangular离不开node.jsnode.js是什么官网:node.js是一个开源的、跨平台的运行JavaScript的运行
【华为OD技术面试真题 - 技术面】- python八股文真题题库(4)
算法大师
华为od 面试 python
华为OD面试真题精选专栏:华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选**1.Python中的`with`**用途和功能自动资源管理示例:文件操作上下文管理协议示例代码工作流程解析优点2.\_\_new\_\_和**\_\_init\_\_**区别__new____init__区别总结3.**切片(Slicing)操作**基本切片语法
【华为OD技术面试真题 - 技术面】-测试八股文真题题库(1)
算法大师
华为od 面试 python 算法 前端
华为OD面试真题精选专栏:华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.黑盒测试和白盒测试的区别2.假设我们公司现在开发一个类似于微信的软件1.0版本,现在要你测试这个功能:打开聊天窗口,输入文本,限制字数在200字以内。问你怎么提取测试点。功能测试性能测试安全性测试可用性测试跨平台兼容性测试网络环境测试3.接口测试的工具你了解哪些
【华为OD技术面试真题精选 - 非技术题】 -HR面,综合面_华为od hr面
一个射手座的程序媛
程序员 华为od 面试 职场和发展
最后的话最近很多小伙伴找我要Linux学习资料,于是我翻箱倒柜,整理了一些优质资源,涵盖视频、电子书、PPT等共享给大家!资料预览给大家整理的视频资料:给大家整理的电子书资料:如果本文对你有帮助,欢迎点赞、收藏、转发给朋友,让我有持续创作的动力!网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。需要这份系统化的资料的朋友,可以点击这里获
【华为OD技术面试真题 - 技术面】- python八股文真题题库(1)
算法大师
华为od 面试 python
华为OD面试真题精选专栏:华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.数据预处理流程数据预处理的主要步骤工具和库2.介绍线性回归、逻辑回归模型线性回归(LinearRegression)模型形式:关键点:逻辑回归(LogisticRegression)模型形式:关键点:参数估计与评估:3.python浅拷贝及深拷贝浅拷贝(Shal
Java企业面试题3
马龙强_
java
1.break和continue的作用(智*图)break:用于完全退出一个循环(如for,while)或一个switch语句。当在循环体内遇到break语句时,程序会立即跳出当前循环体,继续执行循环之后的代码。continue:用于跳过当前循环体中剩余的部分,并开始下一次循环。如果是在for循环中使用continue,则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
Java面试题精选:消息队列(二)
芒果不是芒
Java面试题精选 java kafka
一、Kafka的特性1.消息持久化:消息存储在磁盘,所以消息不会丢失2.高吞吐量:可以轻松实现单机百万级别的并发3.扩展性:扩展性强,还是动态扩展4.多客户端支持:支持多种语言(Java、C、C++、GO、)5.KafkaStreams(一个天生的流处理):在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制:Kafka进行生产或者消费的时候会
2019考研 | 西交大软件工程
笔者阿蓉
本科背景:某北京211学校电子信息工程互联网开发工作两年录取结果:全日制软件工程学院分数:初试350+复试笔试80+面试85+总排名:100+从五月份开始脱产学习,我主要说一下专业课和复试还有我对非全的一些看法。【数学100+】张宇,张宇,张宇。跟着张宇学习,入门视频刷一遍,真题刷两遍,错题刷三遍。书刷N多遍。从视频开始学习,是最快的学习方法。5-7月份把主要是数学学好,8-9月份开始给自己每个周
JavaScript 中,深拷贝(Deep Copy)和浅拷贝(Shallow Copy)
跳房子的前端
前端面试 javascript 开发语言 ecmascript
在JavaScript中,深拷贝(DeepCopy)和浅拷贝(ShallowCopy)是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释,包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝(ShallowCopy)概念定义:浅拷贝是指创建一个新的对象或数组,其中包含了原对象或数组的基本数据类型的值和对引用数
JavaScript `Map` 和 `WeakMap`详细解释
跳房子的前端
JavaScript 原生方法 javascript 前端 开发语言
在JavaScript中,Map和WeakMap都是用于存储键值对的数据结构,但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序,并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对:set(key,value):将一个键值对添加到Map中。如果键已经存在,则更新其对应的值。get(key):获取指定键的值。如果键
切换淘宝最新npm镜像源是
hai40587
npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程,但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新,镜像源的具体地址可能会发生变化,因此,我将基于当前可获取的信息,提供一个通用的切换步骤,并附上最新的镜像地址(截至回答时)。一、了解npm镜像源npm(NodePackageManager)是JavaScript的包管理器,用于安装、更新和管理项目依赖。由于npm官方仓库
Day_11
ROC_bird..
算法
面试题16.15.珠玑妙算-力扣(LeetCode)/***Note:Thereturnedarraymustbemalloced,assumecallercallsfree().*///下标和对应位置的值都一样,answer[0]+1,对应位置的值猜对了,但是下标不对,answer[1]+1int*masterMind(char*solution,char*guess,int*returnSiz
字节二面
Redstone Monstrosity
前端 面试
1.假设你是正在面试前端开发工程师的候选人,面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中,我获得了宝贵的实践经验和深刻的行业洞察,以下是我的主要收获和感悟:一、专业技能提升框架应用熟练度:通过实际项目,我深入掌握了React、Vue等前端框架的使用,不仅提升了编码效率,还学会了如何根据项目需求选择合适的框架。问题解决能力:在实习期间,我遇到了许多预料之外的技术难题。通过查阅文
高性能javascript--算法和流程控制
海淀萌狗
-for,while和do-while性能相当-避免使用for-in循环,==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组,还可以遍历对象。原因:for-in每次迭代操作会同时搜索实例或者原型属性,for-in循环的每次迭代都会产生更多开销,因此要比其他循环类型慢,一般速度为其他类型循环的1/7。因此,除非明确需要迭代一个属性数量未知的对象,否则应避免使用for-i
【从问题中去学习k8s】k8s中的常见面试题(夯实理论基础)(二十八)
向往风的男子
k8s 学习 kubernetes 容器
本站以分享各种运维经验和运维所需要的技能为主《python零基础入门》:python零基础入门学习《python运维脚本》:python运维脚本实践《shell》:shell学习《terraform》持续更新中:terraform_Aws学习零基础入门到最佳实战《k8》从问题中去学习k8s《docker学习》暂未更新《ceph学习》ceph日常问题解决分享《日志收集》ELK+各种中间件《运维日常》
360前端星计划-动画可以这么玩
马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点:灵活度、可控性、性能
Java -jar 如何在后台运行项目
vincent_hahaha
撸了今年阿里、头条和美团的面试,我有一个重要发现.......>>>说到运行jar包通常我们都会以下面的方式运行:java-jarspringboot-0.0.1-SNAPSHOT.jar这样运行的话会有一个问题,就是我们一关闭当前窗口就会停止运行项目,要想解决这个问题,就需要在后台运行。nohupjava-jarbabyshark-0.0.1-SNAPSHOT.jar >log.file 2>&
JavaScript中秋快乐!
Q_w7742
javascript 开发语言 ecmascript
我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候,跳出“中秋节快乐”字样,需要注册鼠标单击事件和计时器。首先定义主要函数:初始化当点击canvas之后转到onCanvasClick函数,绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
Nginx从入门到实践(三)
听你讲故事啊
动静分离动静分离是将网站静态资源(JavaScript,CSS,img等文件)与后台应用分开部署,提高用户访问静态代码的速度,降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上,后台项目部署到应用服务器上,根据一定规则静态资源的请求全部请求nginx服务器,达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写,Ngin
【Death Note】网吧战神之7天爆肝渗透测试死亡笔记_sqlmap在默认情况下除了使用 char() 函数防止出现单引号
2401_84561374
程序员 笔记
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。需要这份系统化的资料的朋友,可以戳这里获取一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!特殊服务端口2181zookeeper服务未授权访问
Nginx的使用场景:构建高效、可扩展的Web架构
张某布响丸辣
nginx 前端 架构
Nginx,作为当今最流行的Web服务器和反向代理软件之一,凭借其高性能、稳定性和灵活性,在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站,还是大型企业级应用,Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景,帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件(如HTML、CSS、JavaScript、图片等)的网站,Ngin
前端知识点
ZhangTao_zata
前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
java类加载顺序
3213213333332132
java
package com.demo;
/**
* @Description 类加载顺序
* @author FuJianyong
* 2015-2-6上午11:21:37
*/
public class ClassLoaderSequence {
String s1 = "成员属性";
static String s2 = "
Hibernate与mybitas的比较
BlueSkator
sql Hibernate 框架 ibatis orm
第一章 Hibernate与MyBatis
Hibernate 是当前最流行的O/R mapping框架,它出身于sf.net,现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。
MyBatis 参考资料官网:http:
php多维数组排序以及实际工作中的应用
dcj3sjt126com
PHP usort uasort
自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8&q
DOM改变字体大小
周华华
前端
<!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/1999/xhtml&q
c3p0的配置
g21121
c3p0
c3p0是一个开源的JDBC连接池,它实现了数据源和JNDI绑定,支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是:http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。
以在spring中配置dataSource为例:
<!-- spring加载资源文件 -->
<bean name="prope
Java获取工程路径的几种方法
510888780
java
第一种:
File f = new File(this.getClass().getResource("/").getPath());
System.out.println(f);
结果:
C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin
获取当前类的所在工程路径;
如果不加“
在类Unix系统下实现SSH免密码登录服务器
Harry642
免密 ssh
1.客户机
(1)执行ssh-keygen -t rsa -C "
[email protected] "生成公钥,xxx为自定义大email地址
(2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上,xxx为服务器地址
(3)执行cat
Java新手入门的30个基本概念一
aijuans
java java 入门 新手
在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。 Java概述: 目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
Memcached for windows 简单介绍
antlove
java Web windows cache memcached
1. 安装memcached server
a. 下载memcached-1.2.6-win32-bin.zip
b. 解压缩,dos 窗口切换到 memcached.exe所在目录,运行memcached.exe -d install
c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
数据库对象的视图和索引
百合不是茶
索引 oeacle数据库 视图
视图
视图是从一个表或视图导出的表,也可以是从多个表或视图导出的表。视图是一个虚表,数据库不对视图所对应的数据进行实际存储,只存储视图的定义,对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图
为什么oracle需要视图;
&
Mockito(一) --入门篇
bijian1013
持续集成 mockito 单元测试
Mockito是一个针对Java的mocking框架,它与EasyMock和jMock很相似,但是通过在执行后校验什么已经被调用,它消除了对期望 行为(expectations)的需要。其它的mocking库需要你在执行前记录期望行为(expectations),而这导致了丑陋的初始化代码。
&nb
精通Oracle10编程SQL(5)SQL函数
bijian1013
oracle 数据库 plsql
/*
* SQL函数
*/
--数字函数
--ABS(n):返回数字n的绝对值
declare
v_abs number(6,2);
begin
v_abs:=abs(&no);
dbms_output.put_line('绝对值:'||v_abs);
end;
--ACOS(n):返回数字n的反余弦值,输入值的范围是-1~1,输出值的单位为弧度
【Log4j一】Log4j总体介绍
bit1129
log4j
Log4j组件:Logger、Appender、Layout
Log4j核心包含三个组件:logger、appender和layout。这三个组件协作提供日志功能:
日志的输出目标
日志的输出格式
日志的输出级别(是否抑制日志的输出)
logger继承特性
A logger is said to be an ancestor of anothe
Java IO笔记
白糖_
java
public static void main(String[] args) throws IOException {
//输入流
InputStream in = Test.class.getResourceAsStream("/test");
InputStreamReader isr = new InputStreamReader(in);
Bu
Docker 监控
ronin47
docker监控
目前项目内部署了docker,于是涉及到关于监控的事情,参考一些经典实例以及一些自己的想法,总结一下思路。 1、关于监控的内容 监控宿主机本身
监控宿主机本身还是比较简单的,同其他服务器监控类似,对cpu、network、io、disk等做通用的检查,这里不再细说。
额外的,因为是docker的
java-顺时针打印图形
bylijinnan
java
一个画图程序 要求打印出:
1.int i=5;
2.1 2 3 4 5
3.16 17 18 19 6
4.15 24 25 20 7
5.14 23 22 21 8
6.13 12 11 10 9
7.
8.int i=6
9.1 2 3 4 5 6
10.20 21 22 23 24 7
11.19
关于iReport汉化版强制使用英文的配置方法
Kai_Ge
iReport汉化 英文版
对于那些具有强迫症的工程师来说,软件汉化固然好用,但是汉化不完整却极为头疼,本方法针对iReport汉化不完整的情况,强制使用英文版,方法如下:
在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数,即可变为英文版。
# ${HOME} will be replaced by user home directory accordin
[并行计算]论宇宙的可计算性
comsci
并行计算
现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......
那么,这种概念让我们推论出一个结论
&nb
用OpenGL实现无限循环的coverflow
dai_lm
android coverflow
网上找了很久,都是用Gallery实现的,效果不是很满意,结果发现这个用OpenGL实现的,稍微修改了一下源码,实现了无限循环功能
源码地址:
https://github.com/jackfengji/glcoverflow
public class CoverFlowOpenGL extends GLSurfaceView implements
GLSurfaceV
JAVA数据计算的几个解决方案1
datamachine
java Hibernate 计算
老大丢过来的软件跑了10天,摸到点门道,正好跟以前攒的私房有关联,整理存档。
-----------------------------华丽的分割线-------------------------------------
数据计算层是指介于数据存储和应用程序之间,负责计算数据存储层的数据,并将计算结果返回应用程序的层次。J
&nbs
简单的用户授权系统,利用给user表添加一个字段标识管理员的方式
dcj3sjt126com
yii
怎么创建一个简单的(非 RBAC)用户授权系统
通过查看论坛,我发现这是一个常见的问题,所以我决定写这篇文章。
本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库
首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类
在配置文件(一般为 protecte
未选之路
dcj3sjt126com
诗
作者:罗伯特*费罗斯特
黄色的树林里分出两条路,
可惜我不能同时去涉足,
我在那路口久久伫立,
我向着一条路极目望去,
直到它消失在丛林深处.
但我却选了另外一条路,
它荒草萋萋,十分幽寂;
显得更诱人,更美丽,
虽然在这两条小路上,
都很少留下旅人的足迹.
那天清晨落叶满地,
两条路都未见脚印痕迹.
呵,留下一条路等改日再
Java处理15位身份证变18位
蕃薯耀
18位身份证变15位 15位身份证变18位 身份证转换
15位身份证变18位,18位身份证变15位
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
SpringMVC4零配置--应用上下文配置【AppConfig】
hanqunfeng
springmvc4
从spring3.0开始,Spring将JavaConfig整合到核心模块,普通的POJO只需要标注@Configuration注解,就可以成为spring配置类,并通过在方法上标注@Bean注解的方式注入bean。
Xml配置和Java类配置对比如下:
applicationContext-AppConfig.xml
<!-- 激活自动代理功能 参看:
Android中webview跟JAVASCRIPT中的交互
jackyrong
JavaScript html android 脚本
在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之:
1 JAVASCRIPT脚本调用android程序
要在webview中,调用addJavascriptInterface(OBJ,int
8个最佳Web开发资源推荐
lampcy
编程 Web 程序员
Web开发对程序员来说是一项较为复杂的工作,程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助,比如指导手册、在线课程和一些参考资料,而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言,或是了解最新的标准,还是需要从其他地方找到一些灵感,我们这里为你整理了一些很好的Web开发资源,帮助你更成功地进行Web开发。
这里列出10个最佳Web开发资源,它们都是受
架构师之面试------jdk的hashMap实现
nannan408
HashMap
1.前言。
如题。
2.详述。
(1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法(其实也就是简单的加乘算法),如下代码来生成数组下标(生成后indexFor一下就成下标了)。
static int hash(int h)
{
h ^= (h >>> 20) ^ (h >>>
html禁止清除input文本输入缓存
Rainbow702
html 缓存 input 输入框 change
多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。
如果不想让浏览器缓存input的值,有2种方法:
方法一: 在不想使用缓存的input中添加 autocomplete="off";
<input type="text" autocomplete="off" n
POJO和JavaBean的区别和联系
tjmljw
POJO java beans
POJO 和JavaBean是我们常见的两个关键字,一般容易混淆,POJO全称是Plain Ordinary Java Object / Pure Old Java Object,中文可以翻译成:普通Java类,具有一部分getter/setter方法的那种类就可以称作POJO,但是JavaBean则比 POJO复杂很多, Java Bean 是可复用的组件,对 Java Bean 并没有严格的规
java中单例的五种写法
liuxiaoling
java 单例
/**
* 单例模式的五种写法:
* 1、懒汉
* 2、恶汉
* 3、静态内部类
* 4、枚举
* 5、双重校验锁
*/
/**
* 五、 双重校验锁,在当前的内存模型中无效
*/
class LockSingleton
{
private volatile static LockSingleton singleton;
pri