前端面试查缺补漏

1. AJAX相关知识点

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

ajax文件上传（提交）：
1.serialize() 方法：序列化表单值，创建 URL 编码文本字符串。
2.封装FormData 对象，直接用$.ajax提交。FormData 对象可以把form中所有表单元素的name与value组成一个queryString，提交到后台，在使用Ajax提交时，使用FormData对象可以减少拼接queryString的工作量。

var form = $('#form1');  
var formdata = new FormData(form);

2.行内元素与块级元素

1. 块级元素：
   总是在新行上开始；
   高度，行高以及外边距和内边距都可控制；
   宽度缺省是它的容器的100%，除非设定一个宽度。
   它可以容纳内联元素和其他块元素

 
 
 to 
 
 
 
 
 
 
   
行内元素
 和其他元素都在一行上；
 设置宽高无效，可以通过line-height来设置。
 宽度就是它的文字或图片的宽度，不可改变
 内联元素只能容纳文本或者其他内联元素
 
  
       	
 
  
3.options预检
 
  
 
   
OPTIONS方法请求web服务器告知其支持的各种功能。可以询问服务器通常支持哪些方法，或者对某些特殊资源支持哪些方法。
 OPTIONS 方法，可以询问服务器具体支持哪些方法，或者服务器会使用什么样的方法来处理一些特殊资源。可以说这是一个探测性的方法，客户端通过该方法可以在不访问服务器上实际资源的情况下就知道处理该资源的最优方式。
 
  
 
  
 
   
复杂请求在发送真正的请求前会提前发送一次Options请求（嗅探、预检请求），XHR会根据返回的Access-Control-*等头信息判断是否有对指定站点的访问权限，检查该请求是否是可靠安全的。如果options获得的回应是拒绝性质的（或者没有权限），会停止发送实际请求信息。
 
  
 
  
4.头条面试题（事件循环机制）
 
  
 
  
5.跨域问题
 
  
最常用的跨域方式有以下三种：JSONP、CORS、postMessage。
 
  
 
   
 
jsonp(需前后端配合)
 虽然因为同源策略的影响，不能通过XMLHttpRequest请求不同域上的数据（Cross-origin reads）。但是，在页面上引入不同域上的js脚本文件却是可以的（Cross-origin embedding）。因此在js文件载入完毕之后，触发回调，可以将需要的data作为参数传入。
 缺点：
 1.JSONP只支持GET请求；
 2.XMLHttpRequest相对于JSONP有着更好的错误处理机制
 
 
   
 
CORS（跨域资源共享）
 能使服务器支持 XMLHttpRequest 的跨域请求。CORS 实现起来非常方便，只需要增加一些 HTTP 头，让服务器能声明允许的访问来源。
 普通跨域请求：只用服务端设置Access-Control-Allow-Origin.
 XMLHttpRequest 请求可以发送凭证请求（HTTP Cookies 和验证信息）
 
 
  
 
  
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
 
  
 
   
 
postMessage
 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源。
 
 
   
 
nginx反向代理
 通过nginx配置一个代理服务器（域名与domain1相同，端口不同），反向代理访问domain2，并且可以修改cookie中的domain信息，可实现跨域登录。
 
 
   
 
WebSocket协议实现跨域
 它是H5一种新的协议，实现了浏览器与服务器全双工通信，可以实现服务端推送。
 
 
  
 
  
6.call的理解
 
  
 
   
可以使用 call() 方法调用父构造函数。
 
  
 
  
function Product(name, price) {
     
  this.name = name;
  this.price = price;
}

function Food(name, price) {
     
//调用了父构造函数，拓宽了字段
  Product.call(this, name, price);
  this.category = 'food';
}

let food1 = new Food('chees', 5);

food1; // Food {name: "chees", price: 5, category: "food"}
 
  
 
   
使用 call() 方法调用匿名函数。
 
   
使用 call() 方法调用函数并且指定上下文的 this。
 
  
 
  
fn.call(obj); // 通过 call()，将 obj 的 this 指向了 fn 中
 
  
 
   
箭头函数的this指向
 箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
 箭头函数的this指向的是谁调用箭头函数的外层function，箭头函数的this就是指向该对象，如果箭头函数没有外层函数，则指向window。
 
  
 
  
7.移动端适配
 
  
 
   
meta viewport
 
   
媒体查询
 
   
动态 rem 方案
 
   
flexible.js布局
 
  
 
  
8.CSS解析原则
 
  
 
   
尽量少使用层级关系，CSS选择器是从右往左解析的。
 提高解析效率
 
  
 
  
dom树和css会合成为render树，这个操作实际上就是是需要将css附着到dom树上，因此需要根据选择器提供的信息对dom树进行遍历，才能将样式成功附着到对应的dom元素上。当dom树比较复杂的时候，可以发现从右到左解析能够有效减少回溯次数提升性能。
 
  
9.Generator函数
 
  
形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态。
 
  
function* helloWorldGenerator() {
     
  yield 'hello';
  yield 'world';
  return 'ending';
}
var hw = helloWorldGenerator();
 
  
调用 Generator 函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象。
 调用遍历器对象的next方法，使得指针移向下一个状态。
 
  
hw.next()
// { value: 'hello', done: false }

hw.next()
// { value: 'world', done: false }

hw.next()
// { value: 'ending', done: true }

hw.next()
// { value: undefined, done: true }
 
  
10.路由组件懒加载
 
  
路由和组件的常用两种懒加载方式：
 
  
1、vue异步组件实现路由懒加载：
 
  
component：resolve => ([‘需要加载的路由的地址’，resolve])
 
  
2、es提出的import(推荐使用这种方式)：
 
  
const HelloWorld = （）=> import(‘需要加载的模块地址’)
 
  
11.js对象的深、浅拷贝
 
  
 
   
基本数据类型:单独可以存在栈中.
 引用数据类型(数组和对象):放在堆中存储的
 基本数据类型存储在栈（stack）中，引用数据类型存储在堆（heap）中。
 对于引用数据类型，在栈中存储了指针，该指针指向堆中具体的对象。
 
  
 
  
1.深拷贝：
 
  
 
   
JSON.parse(JSON.stringify( ))：当值为undefined、function、symbol 会在转换过程中被忽略。
 
   
循环递归：
 
  
 
  
function deepClone(obj) {
     
	var objClone = Array.isArray(obj) ? [] : {
     }
	if (obj && typeof obj === "object") {
     
		for (let key in obj) {
     
			if (obj.hasOwnProperty(key)) {
     
				if (obj[key] && typeof obj[key] === "object") {
     
					objClone[key] = deepClone(obj[key]) // 递归复制
				} else {
     
					objClone[key] = obj[key]
				}
			}
		}
	}
	return objClone;
}
 
  
2.浅拷贝：
 
  
 
   
Object.assign(): 不适用于嵌套引用类型
 
   
es6解构赋值：不适用于嵌套引用类型
 
   
 
  
 
  
12.flexible.js布局
 
  
如果css里面没有设定html的font-size，则默认浏览器以1rem=16px来换算。1rem等于html根元素设定的font-size的px值。
 Flexible会将视觉稿分成100份（主要为了以后能更好的兼容vh和vw），而每一份被称为一个单位a。同时1rem单位被认定为10a。针对我们这份视觉稿可以计算出：(设计稿为750px为例）：
 
  
1a   = 7.5px
1rem = 75px 
 
  
那么我们这个示例的稿子就分成了10a，也就是整个宽度为10rem，对应的font-size为75px。
 
  

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    

                        
                        

                            
 
                        
                        
                        

                            

                        
                        
                        

                            

                        
                    
                
            
        
    
    

        
你可能感兴趣的:(前端面试秘籍,javascript,vue.js,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的运行
                    
                    
springboot+vue项目实战一-创建SpringBoot简单项目
                        苹果酱0567
面试题汇总与解析springboot后端java中间件开发语言
                        
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
                    
                    
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）
                        跳房子的前端
前端面试javascript开发语言ecmascript
                        
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
                    
                    
博客网站制作教程
                        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
                    
                    
JavaScript `Map` 和 `WeakMap`详细解释
                        跳房子的前端
JavaScript原生方法javascript前端开发语言
                        
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
                    
                    
最简单将静态网页挂载到服务器上(不用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等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
                    
                    
前端代码上传文件
                        余生逆风飞翔
前端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
                    
                    
《HTML 与 CSS—— 响应式设计》
                        陈在天box
htmlcss前端
                        
一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
                    
                    
uniapp实现动态标记效果详细步骤【前端开发】
                        2401_85123349
uni-app
                        
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
                    
                    
高性能javascript--算法和流程控制
                        海淀萌狗

                        
-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
                    
                    
html+css网页设计 旅游网站首页1个页面
                        html+css+js网页设计
htmlcss旅游
                        
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
                    
                    
css设置当字数超过限制后以省略号（...）显示
                        周bro
css前端vuecss3html经验分享
                        
1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
                    
                    
360前端星计划-动画可以这么玩
                        马小蜗

                        
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
                    
                    
Vue + Express实现一个表单提交
                        九旬大爷的梦

                        
最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
                    
                    
css2中的透明
                        琪33

                        
.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
                    
                    
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
                    
                    
Nginx的使用场景：构建高效、可扩展的Web架构
                        张某布响丸辣
nginx前端架构
                        
Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
                    
                    
前端知识点
                        ZhangTao_zata
前端javascriptcss
                        
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
                    
                                
knob UI插件使用
                                    换个号韩国红果果
JavaScriptjsonpknob
                                    
图形是用canvas绘制的 
 

js代码
var paras = {
			max:800,
			min:100,
			skin:'tron',//button type
			thickness:.3,//button width
			width:'200',//define canvas width.,canvas height
			displayInput:'tr
                                
                                
Android+Jquery Mobile学习系列(5)-SQLite数据库
                                    白糖_
JQuery Mobile
                                    
目录导航 
  
SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。 
  
因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。 
  
我也是第一次接触S
                                
                                
impala-2.1.2-CDH5.3.2
                                    dayutianfei
impala
                                    
最近在整理impala编译的东西，简单记录几个要点： 
根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 
1. 首次编译impala，推荐使用命令： 
${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 
2.仅编译BE 
${I
                                
                                
求二进制数中1的个数
                                    周凡杨
java算法二进制
                                    
解法一：    
对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。  
   
   public int bitCount(int x){

       int count = 0;

       while(x!=0){

        if(x%2!=0){  /
                                
                                
spring中hibernate及事务配置
                                    g21121
Hibernate
                                    
hibernate的sessionFactory配置： 
<!-- hibernate sessionFactory配置 -->
<bean id="sessionFactory"
	class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
	<
                                
                                
log4j.properties 使用
                                    510888780
log4j
                                    
log4j.properties 使用 
一.参数意义说明 
输出级别的种类 
ERROR、WARN、INFO、DEBUG 
ERROR 为严重错误 主要是程序的错误 
WARN 为一般警告，比如session丢失 
INFO 为一般要显示的信息，比如登录登出 
DEBUG 为程序的调试信息 
配置日志信息输出目的地 
log4j.appender.appenderName = fully.qua
                                
                                
Spring mvc-jfreeChart柱图（2）
                                    布衣凌宇
jfreechart
                                    
上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 
第一步：导包 
第二步；配置web.xml(上一篇有代码) 
 
建BarRenderer类用于柱子颜色 
 
import java.awt.Color; 
import java.awt.Paint; 
import org.jfree.chart.renderer.category.BarR
                                
                                
我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer
                                    aijuans
Spring3
                                    
PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 
PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
                                
                                
maven 之 cobertura 简单使用
                                    antlove
maventestunitcoberturareport
                                    
1. 创建一个maven项目 
2. 创建com.CoberturaStart.java 
package com;

public class CoberturaStart {
	public void helloEveryone(){
		System.out.println("=================================================
                                
                                
程序的执行顺序
                                    百合不是茶
JAVA执行顺序
                                    
  
  
  刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧 
  
代码如下; 
    经典的程序执行面试题 
//关于程序执行的顺序   
//例如：   
//定义一个基类   
public class A(){   
public A(
                                
                                
设置session失效的几种方法
                                    bijian1013
web.xmlsession失效监听器
                                    
在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
                                
                                
java jvm常用命令工具
                                    bijian1013
javajvm
                                    
一.概述 
        程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具: 
      &nbs
                                
                                
【Spring框架一】Spring常用注解之Autowired和Resource注解
                                    bit1129
Spring常用注解
                                    
Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： 
 
 Autowired 
 Resource 
 Component 
 Service 
 Controller 
 Transactional 
 
根据它们的功能、目的，可以分为三组，Autow
                                
                                
mysql 操作遇到safe update mode问题
                                    bitray
update
                                    
    我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全. 
 
    在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 
SET
                                
                                
nginx_perl试用
                                    ronin47
nginx_perl试用
                                    
因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 
这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
                                
                                
java-63-在字符串中删除特定的字符
                                    bylijinnan
java
                                    


public class DeleteSpecificChars {

	/**
	 * Q 63 在字符串中删除特定的字符
	 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。
	 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.”
	 */
	public static voi
                                
                                
EffectiveJava--创建和销毁对象
                                    ccii
创建和销毁对象
                                    
本章内容： 
1. 考虑用静态工厂方法代替构造器 
2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 
3. 用私有构造器或者枚举类型强化Singleton属性 
4. 通过私有构造器强化不可实例化的能力 
5. 避免创建不必要的对象 
6. 消除过期的对象引用 
7. 避免使用终结方法 
 
 
1. 考虑用静态工厂方法代替构造器 
    类可以通过
                                
                                
[宇宙时代]四边形理论与光速飞行
                                    comsci

                                    
   从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？ 
 
 
   一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口 
 
   那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
                                
                                
ubuntu server下python脚本迁移数据
                                    cywhoyi
pythonKettlepymysqlcx_Oracleubuntu server
                                    
因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 
但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 
1.安装python 
2.安装pip、pymysql
                                
                                
Ajax正确但是请求不到值解决方案
                                    dashuaifu
Ajaxasync
                                    
Ajax正确但是请求不到值解决方案 
  
解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！ 
  
例如： 
  
$.ajax({     &
                                
                                
windows安装配置php+memcached
                                    dcj3sjt126com
PHPInstallmemcache
                                    
Windows下Memcached的安装配置方法 
1、将第一个包解压放某个盘下面，比如在c:\memcached。 
2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 
3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
                                
                                
iOS开发学习路径的一些建议
                                    dcj3sjt126com
ios
                                    
iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759 
  
下面是我回复的内容： 
  
结合自己情况聊下iOS学习建议，
                                
                                
Javascript闭包概念
                                    fanfanlovey
JavaScript闭包
                                    
1.参考资料 
 
 
 
http://www.jb51.net/article/24101.htm 
 
 
http://blog.csdn.net/yn49782026/article/details/8549462 
 
 
 
 
 
 
2.内容概述 
要理解闭包，首先需要理解变量作用域问题 
内部函数可以饮用外面全局变量 
 
    var n=999;

　　functio
                                
                                
yum安装mysql5.6
                                    haisheng
mysql
                                    
1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm 
  
2、yum install mysql 
  
3、yum install mysql-server 
  
4、vi /etc/my.cnf   添加character_set_server=utf8
                                
                                
po/bo/vo/dao/pojo的详介
                                    IT_zhlp80
javaBOVODAOPOJOpo
                                    
    JAVA几种对象的解释 
PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. 
VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
                                
                                
java设计模式
                                    kerryg
java设计模式
                                    
设计模式的分类： 
   一、 设计模式总体分为三大类： 
 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 
 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 
 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
                                
                                
[1]CXF3.1整合Spring开发webservice——helloworld篇
                                    木头.java
springwebserviceCXF
                                    
Spring 版本3.2.10 
CXF 版本3.1.1 
项目采用MAVEN组织依赖jar 
 
 
我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 
 

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
                                
                                
Google 工程师亲授：菜鸟开发者一定要投资的十大目标
                                    qindongliang1922
工作感悟人生
                                    
身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写））  你的健康  无疑地，软件开发者是世界上最久坐不动的职业之一。  每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
                                
                                
linux打开最大文件数量1,048,576
                                    tianzhihehe
clinux
                                    
File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
                                
                                
java语言中PO、VO、DAO、BO、POJO几种对象的解释
                                    衞酆夼
javaVOBOPOJOpo
                                    
PO:persistant object持久对象 
最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 
 
BO:business object业务对象 
封装业务逻辑的java对象
                                
                
            
        
    


    

        

            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    

        

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