士女士女子
士女士女子

前端面试合集（二）

前端面试题合集

      • 1.懒加载的原理及实现了解吗
      • 2.如何理解JS异步
      • 3.阐述一下 JS 的事件循环
      • 4.JS 中的计时器能做到精确计时吗？为什么？

1.懒加载的原理及实现了解吗

原理：当图片没有到达可视范围内时，图片不加载，当图片一旦进入可视范围，图片就会加载。先加载一部分数据进行页面展示，当触发了某个条件之后，会异步加载剩余的数据，且不会影响原有的数据，同时可以很大一部分减少服务器资源的消耗。
前端面试合集（二）_第1张图片
实现：

<body>	
	<img data-src="../img/1.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/2.jpg"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/3.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/4.jpeg" src="../img/loading.png" alt="xxx">
	<img data-src="../img/5.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/6.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/7.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/8.png"  src="../img/loading.png" alt="xxx">
	<img data-src="../img/9.png"  src="../img/loading.png" alt="xxx">
body>

js实现：当offsetTop <= scrollTop + clientHeight时，说明元素以及进入可视区，可以进行图片加载了

	//offsetTop为图片的顶部 window.innerHeight为窗口的高度  window.scrollY为鼠标滚动距离
	let num = document.getElementsByTagName("img").length; //9
	let images = document.getElementsByTagName("img");
	let n = 0;//n的存在是为了防止重复加载已经加载完的图片

	ergodic();
    window.onscroll = ergodic;

	function ergodic() {
		for(let i = n; i < num; i++) {
			if(images[i].offsetTop < window.innerHeight + window.scrollY) {
				if(images[i].getAttribute("src") === "../img/loading.png") {
                    images[i].src = images[i].getAttribute("data-src");
                }
                n = i + 1;
			}
		}
	}

2.如何理解JS异步

JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。
而渲染主线程承担着诸多的工作，渲染页面、执行JS、解析HTML、解析CSS，执行事件回调，执行计时器回调等等都在其中运行。
如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会导致繁忙的主线程白白的消耗时间,另一方面导致页面无法及时更新,给用户造成卡死现象。
所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程将任务交给其他线程去处理，自身立即结束任务的执行，转而执行后续代码。当其他线程完成时，将事先传递的回调函数包装成任务，加入到消息队列的末尾排队，等待主线程调度执行。
在这种异步模式下，浏览器永不阻塞，从而最大限度的保证了单线程的流畅运行。

3.阐述一下 JS 的事件循环

事件循环又叫做消息循环，是浏览器渲染主线程的工作方式。

在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程只需要在合适的时候将任务加入到队列末尾即可。

过去把消息队列简单分为宏队列和微队列，这种说法目前已无法满足复杂的浏览器环境，取而代之的是一种更加灵活多变的处理方式。

根据 W3C 官方的解释，每个任务有不同的类型，同类型的任务必须在同一个队列，不同的任务可以属于不同的队列。不同任务队列有不同的优先级，在一次事件循环中，由浏览器自行决定取哪一个队列的任务。但浏览器必须有一个微队列，微队列的任务一定具有最高的优先级，必须优先调度执行。

4.JS 中的计时器能做到精确计时吗？为什么？

不行，因为：

  1. 计算机硬件没有原子钟，无法做到精确计时
  2. 操作系统的计时函数本身就有少量偏差，由于 JS 的计时器最终调用的是操作系统的函数，也就携带了这些偏差
  3. 按照 W3C 的标准，浏览器实现计时器时，如果嵌套层级超过 5 层，则会带有 4 毫秒的最少时间，这样在计时时间少于 4 毫秒时又带来了偏差
  4. 受事件循环的影响，计时器的回调函数只能在主线程空闲时运行，因此又带来了偏差（面试官想听的）

你可能感兴趣的:(前端,面试,职场和发展)

  • Linux 王某人996 Linux
    一、概述1.1Linux的历史操作系统，英语OperatingSystem简称为OS。说道操作系统就需要先讲一讲Unix，UNIX操作系统，是一个强大的多用户、多任务操作系统，支持多种处理器架构，按照操作系统的分类，属于分时操作系统，最早由KenThompson、DennisRitchie和DouglasMcIlroy于1969年在AT&T的贝尔实验室开发。而linux就是一款类Unix系统。通常
  • JSD-2204-Dubbo实现微服务调用-Seata-Day04 程序猿 Monkey dubbojavaspring
    1.Dubbo实现微服务调用1.1确定调用关系order模块调用stock模块的减少库存的功能order模块调用cart模块的删除购物车的功能business模块调用order新增订单的功能要想实现Dubbo调用必须按照Dubbo规定的配置和行业标准的结构来实现Dubbo调用的好处是直接将要消费的目标（例如order模块中消费stock的方法）编写在当前消费者的业务逻辑层中，无需编写新的代码结构，
  • OpenAI的编程语言和框架，给程序员带来了帮助有哪些 API技术大佬Anzexi58 OpenAI人工智能人工智能深度学习
    OpenAI是一个人工智能开发公司，成立于2015年，总部位于美国旧金山。这家公司致力于研究和开发先进的人工智能技术，旨在将这些技术应用到解决全球一些最棘手的问题上。OpenAI以其卓越的技术和实验室出品的groundbreakingAIpapers而闻名。OpenAI的研究涉及深度学习、自然语言处理、视觉感知、强化学习等多个领域，并已在各种应用中取得了令人瞩目的成果。例如，在机器人领域，Open
  • 主流包管理工具npm、yarn、cnpm、pnpm之间的区别与联系——原理篇 2401_84091628 程序员npm前端node.js
    }解析，^字符，告诉npm，安装主版本等于4的任意一个版本即可现在运行npm进行安装，npm将安装lodash的主版本为4的最新版，可能是[email protected]（@是npm约定用来确定包名的指定版本的）理论上，次版本号的变化并不会影响向后兼容性。因此，安装最新版的依赖库应该是能正常工作的，而且能引入自4.17.4版本以后的重要错误和安全方面的修复。但是，即使不同的开发人员使用了相同的packa
  • 深入了解 npm 和 pnpm：前端包管理工具的选择与比较 山禾女鬼001 前端npmnode.js
    在现代前端开发中，包管理工具已经成为了必不可少的组成部分。它们帮助我们管理项目的依赖、自动化任务、以及在团队协作时确保一致的开发环境。最常见的前端包管理工具有npm和pnpm，它们各自具有独特的特点和优势。今天，我们就来一起深入了解这两款工具，看看它们的异同以及在实际开发中如何选择合适的工具。一、什么是npm？npm(NodePackageManager)是目前最流行的JavaScript包管理工
  • 【MySQL】存储函数 JustGopher MySQLmysqlandroidadb
    存储函数根据调用方式的不同，可以把存储程序分为存储例程、触发器和事件这几种类型，存储例程又可以被细分为存储函数和存储过程存储程序├──存储例程│├──存储函数│└──存储过程├──触发器└──事件用户自定义变量定义变量set@a=1;查看变量的值select@a;把一个常量赋值给变量set@a='哈哈哈';把一个变量赋值给变量set@b=@a;还可以将某个查询的结果赋值给变量，前提是这个变量最多包
  • 使用Python和Flask搭建导航网站需要注意的问题有哪些？ 大懒猫软件 pythonflask开发语言
    使用Python和Flask搭建导航网站时，需要注意以下几个关键问题，以确保网站的性能、安全性和可维护性。以下是一些常见问题和建议：1.性能优化静态文件缓存：确保静态文件（如CSS、JavaScript、图片）被浏览器缓存，减少重复请求。在Nginx中配置缓存头：nginx复制location~*\.(css|js|jpg|jpeg|png|gif)${expires1d;#设置缓存有效期为1天}
  • 从规则到神经网络：机器翻译技术的演进与未来展望 Echo_Wish 前沿技术人工智能神经网络机器翻译人工智能
    从规则到神经网络：机器翻译技术的演进与未来展望引言还记得早些年用翻译软件翻译一句简单的英文句子，却发现翻译结果让人啼笑皆非的日子吗？从“我喜欢吃苹果”被翻译成“我喜欢吃苹果电脑”，到今天的神经网络机器翻译（NeuralMachineTranslation,NMT）能够生成语义流畅、接近人类水平的翻译，我们见证了机器翻译技术的巨大飞跃。但机器翻译技术是如何一步步发展到今天的？未来又将走向何方？本文将
  • python【数据结构与算法】最长公共子串详解（附代码） 理想不闪火 算法
    文章目录1定义1定义和最长公共子序列一样，使用动态规划的算法。下一步就要找到状态之间的转换方程。和LCS问题唯一不同的地方在于当A[i]!=B[j]时，res[i][j]就直接等于0了，因为子串必须连续，且res[i
  • Python之Spire.XLS进行Excel与CSV文件互转换 一晌小贪欢 Python自动化办公pythonexcelpython办公python自动化
    目录专栏导读背景安装Excel转CSV文件(推荐速度会快一点)代码CSV转Excel文件(小文件推荐)代码结尾专栏导读欢迎来到Python办公自动化专栏—Python处理办公问题，解放您的双手️‍博客主页：请点击——>一晌小贪欢的博客主页求关注该系列文章专栏：请点击——>Python办公自动化专栏求订阅文章作者技术和水平有限，如果文中出现错误，希望大家能指正❤️欢迎各位佬关注！❤️背景安装我们利用
  • 支付域——收银台 庄小焱 支付域金融支付
    摘要随着支付方式的多样化和业务需求的不断演进，支付收银台的展示策略日益复杂。平台不仅支持微信、支付宝、银行卡、苹果支付、银联闪付等多种支付渠道，还需根据业务场景、商户要求、平台营销策略和用户习惯进行个性化展示。例如，不同品类商品可能受到特定渠道的限制，大商户可能有特殊的支付方式要求，甚至某些支付渠道会通过合作模式影响展示顺序。最终，收银台的展示需要兼顾提高支付成功率、优化用户体验和满足各方需求，实
  • 算法刷题Day27:BM65 最长公共子序列(二) SchrodingerSDOG 看能坚持多久系列算法
    题目链接，点击跳转题目描述：考点：动态规划回溯解题思路：动态规划是解决LCS问题的常用方法。其核心思想是将问题分解为子问题，并通过存储子问题的解来避免重复计算。1.定义dp数组元素含义使用二维dp数组，元素dp[i][j]表示s2的前i个字符和s1的前j个字符的最长公共子序列长度。2.dp数组状态转移方程如果s2[i-1]==s1[j-1]，则dp[i][j]=dp[i-1][j-1]+1。(来自
  • mysql有rac吗_现在的国产数据库有类似于oracle Rac 的功能吗？ weixin_39623050 mysql有rac吗
    有的，优炫软件今年就在软博会重磅推出了UXDBSuperRAC(超级实时应用集群)，发布了优炫数据库UXDB新版本。长久以来，大型联机交易系统，特别是作为典型应用的银行核心业务系统对数据库要求极为严苛，要保证业务连续性，零RTO、RPO，强一致性ACID、业务不可分割性需求。因此，基于共享存储概念的RAC模式和完全支持ACID强一致性的数据库系统，依然是银行业核心数据库系统的首选，优炫数据库Sup
  • 探索前端的未来：深度使用 SolidJS 构建高性能用户界面 桂月二二 前端ui
    SolidJS是近年来前端开发领域的一颗新星，它结合了React的思维模式和Vue的性能优势，提供了一种高效且轻量的框架解决方案。本文将带你深入了解SolidJS的实际使用，并探索如何利用其核心特性构建现代化的高性能应用。为什么选择SolidJS？相比于其他框架，SolidJS有以下独特优势：超高性能：基于fine-grainedreactivity（细粒度反应性）机制，仅更新必要的DOM节点。零
  • 求两个字符串的最长公共子串（初学者适用） 打不倒的光头强和灰太狼 数据结构c语言
    求两个字符串的最长公共子串（初学者适用）何为公共子串？即两个字符串中相等且连续的子串。例如：串“abcde”和串“gabfcde”中公共子串有ab”和“cde”两个。何为最长公共子串呢?即在上述“公共子串”的定义中加上最长二字，上面例子中“cde”便是最长公共子串。基本算法思想大致思路假设有串str1和串str2。挨个找出str1和str2中所有的公共子串，在寻找过程中只记录下长度最长的公共子串。
  • C/C++ 已排序的链表中删除重复项算法详解及源码 猿来如此yyy C/C++算法详解及源码算法c语言c++计算机视觉排序算法数据结构链表
    已排序的链表中删除重复项的算法可以通过遍历链表的方式实现。具体步骤如下：初始化一个指针cur，指向链表的头节点。遍历链表，如果当前节点的值和下一个节点的值相同，则删除下一个节点，并将当前节点的next指针指向下一个节点的next指针，即将当前节点与下一个节点的重复项跳过。如果当前节点的值和下一个节点的值不同，则将指针cur指向下一个节点。优点：时间复杂度为O(n)，其中n为链表的长度，算法只需要一
  • LangGraph系列-1：用LangGraph构建简单聊天机器人 梦想画家 机器学习LangGraphLangChain
    在快速发展的人工智能和大型语言模型（llm）世界中，开发人员不断寻求创建更灵活、更强大、更直观的人工智能代理的方法。虽然LangChain已经改变了这个领域的游戏规则，允许创建复杂的链和代理，但对代理运行时的更复杂控制的需求也在不断增长。LangGraph是建立在LangChain之上的重要模块，它将彻底改变我们设计和实施人工智能工作流的方式。在这篇博客中，我们提供了一个关于构建聊天机器人和彻底改
  • 【TOGAF系列】架构开发方法（ADF）第五章 东临碣石82 架构
    第5章：C阶段：信息系统架构5.1目标C阶段的目标是：制定目标信息系统架构，描述企业的信息系统架构将如何实现业务架构和架构愿景，以解决架构工作说明书和利益相关者关注的问题根据基线和目标信息系统（数据和应用程序）架构之间的差距，确定候选架构路线图组件5.2方法阶段C涉及数据和应用程序架构的某种组合，无论是按哪种顺序。这两种序列都有支持者。例如，StevenSpewak的企业架构规划（EAP）建议采用
  • 【TOGAF系列】架构开发方法（ADF）第七章 东临碣石82 架构
    第7章：C阶段：信息系统架构——应用架构本章描述了阶段C的应用程序架构部分。7.1目标C阶段应用程序架构部分的目标是：开发目标应用程序架构，以解决架构工作说明书和利益相关者关注的问题，实现业务架构和架构愿景根据基线和目标应用程序体系结构之间的差距确定候选体系结构路线图组件7.2输入本节定义了阶段C（应用程序架构）的输入。7.2.1企业外部参考资料■架构参考资料（见TOGAF标准——架构内容）7.2
  • Golang Redis：构建高效和可扩展的应用程序 技术的游戏 golangredis开发语言
    利用Redis的闪电般的数据存储和Golang的无缝集成解锁协同效应在当前的应用程序开发中，高效的数据存储和检索的必要性已经变得至关重要。Redis，作为一个闪电般快速的开源内存数据结构存储方案，为各种应用场景提供了可靠的解决方案。在这份完整的指南中，我们将了解什么是Redis，学习使用DockerCompose安装Redis的简便过程，并掌握将Redis与Golang集成的艺术。通过这次探索，你
  • Phaser引擎开发：UI设计与音效实现all chenlz2007 游戏开发2ui命令模式游戏音视频linux
    UI设计与音效实现在Phaser引擎开发中，UI设计和音效实现是两个非常重要的方面，它们直接影响到玩家的体验和游戏的整体质量。本节将详细介绍如何在Phaser中设计和实现UI元素，以及如何添加和管理音效。UI设计UI设计是指用户界面的设计，包括按钮、文本、进度条、图标等各种元素。Phaser提供了一系列的API来帮助开发者创建和管理UI元素。我们将从以下几个方面来探讨UI设计：创建和管理UI元素P
  • Phaser引擎开发：UI设计与音效实现_音效与UI的结合 chenlz2007 游戏开发2ui游戏性能优化运维nginx
    音效与UI的结合在开发动作游戏时，音效和UI的设计是提升玩家体验的两个重要方面。音效可以增强游戏的沉浸感，而UI则负责向玩家传递关键信息和提供交互手段。将音效与UI有效结合，可以使游戏更加生动、有趣，同时也能提升游戏的可玩性和用户界面的友好性。本节将详细介绍如何在Phaser引擎中实现音效与UI的结合，包括音效的加载、播放和控制，以及UI元素的创建和管理。音效的加载与播放在Phaser引擎中，音效
  • Phaser引擎开发：UI设计与音效实现_音效控制与管理 chenlz2007 游戏开发2ui游戏计算机外设网络前端
    音效控制与管理在Phaser引擎开发中，音效控制与管理是提升游戏沉浸感和用户体验的重要环节。本节将详细介绍如何在Phaser中实现音效的加载、播放、停止、暂停、音量控制等基本功能，并介绍如何管理多个音效文件，确保游戏音效的高效和协调。音效加载在Phaser中，音效文件通常通过preload函数加载。preload函数是Phaser游戏生命周期中的一个阶段，用于预先加载所有需要的资源，包括图像、动画
  • CryEngine引擎开发：角色控制与状态机_CryEngine引擎基础 chenlz2007 游戏开发cryengine游戏引擎网络服务器junit
    CryEngine引擎基础1.引擎概述CryEngine是一个功能强大的游戏开发引擎，广泛用于动作游戏的开发。它提供了丰富的工具和功能，使得开发者可以高效地创建高质量的游戏内容。本节将介绍CryEngine的基本架构和主要特点，帮助初学者快速了解这个引擎的基本概念。1.1引擎架构CryEngine采用模块化设计，主要由以下几个核心组件组成：CrySystem：负责引擎的基本初始化和关机操作，包括文
  • CryEngine引擎开发：网络游戏开发_CryEngine引擎概述 chenlz2007 游戏开发cryengine游戏引擎网络php服务器
    CryEngine引擎概述引擎架构CryEngine是一款高性能的游戏开发引擎，专为动作游戏类项目的开发而设计。它由多个子系统组成，每个子系统都有其独特的功能和职责。了解这些子系统的架构对于有效地使用CryEngine进行网络游戏开发至关重要。1.渲染系统CryEngine的渲染系统是其最引以为豪的子系统之一。它支持先进的图形技术，如实时全局光照、物理渲染、高动态范围（HDR）和后处理效果。这些技
  • 【TOGAF系列】架构开发方法（ADF）第三章 东临碣石82 架构
    3.1目标A阶段的目标是：就拟议的企业架构所带来的能力和业务价值制定一个高层次的愿景获得架构工作说明书的批准，该说明书定义了开发和部署架构愿景中概述的架构的工作计划3.2输入本节定义了阶段A的输入。3.2.1企业外部参考资料架构参考资料（见TOGAF标准——架构内容）3.2.2非架构输入架构工作请求（见TOGAF标准——架构内容）业务原则、业务目标和业务驱动因素（参见TOGAF标准——架构内容）3
  • Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出 设置页面大小及方向 LCG元 前端vue.jspdf前端
    在Vue项目中实现导出PDF文件、调整文件页面大小和页面方向的功能，使用html2canvas将HTML内容转换为图片，再使用jspdf把图片添加到PDF文件中。以下是详细的实现步骤和代码示例：步骤1：安装依赖首先，在项目中安装html2canvas和jspdf：npminstallhtml2canvasjspdf步骤2：创建Vue组件以下是一个完整的Vue组件示例，包含导出PDF、调整页面大小和
  • CryEngine引擎开发：网络游戏开发_CryEngine多人游戏架构 chenlz2007 游戏开发cryengine游戏架构java游戏引擎junit网络
    CryEngine多人游戏架构在网络游戏开发中，多人游戏架构的设计是至关重要的一步。CryEngine提供了一系列强大的工具和系统，使得开发多人游戏变得更加高效和灵活。本节将详细介绍CryEngine中多人游戏架构的原理和内容，包括网络同步、服务器客户端模式、消息传递机制等。1.网络同步网络同步是多人游戏的基础，它确保了所有玩家看到的游戏状态是一致的。CryEngine通过网络同步机制实现了这一目
  • PEP 8：Python 编程的编码风格指南 软件架构师笔记 pythonpythonjavamysql
    PEP8：Python编程的编码风格指南引言编码风格是一种重要的规范，它不仅可以提高代码的可读性和可维护性，还能够促进团队合作。对于Python这门语言而言，PEP8（PythonEnhancementProposal8）就是一份权威的编码风格指南。本文将详细介绍PEP8的定义、作用以及为什么它是必要的。什么是PEP8？PEP8是由Python社区制定的一份关于Python代码编写风格的指南。PE
  • 对 Electron 架构的理解 北海屿鹿 前端electron前端
    Electron的架构可以分为三层：Chromium、Node.js和应用程序层。Electron是一种基于Chromium和Node.js的开源框架，可以用于快速构建跨平台的桌面应用程序。Chromium层：Chromium是一种开源的浏览器引擎，能够渲染HTML、CSS和JavaScript等web技术栈。在Electron中，Chromium负责绘制应用程序的主窗口和所有的web视图内容，并
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他