橘猫吃不胖～
橘猫吃不胖～

Chrome开发者工具介绍

Chrome开发者工具介绍

  • 前言
  • 1 打开DevTools
  • 2 命令菜单
  • 3 Elements面板
  • Console
  • JavaScript调试
  • Network

前言

Chrome开发者工具是谷歌浏览器自带的一款开发者工具，它可以给开发者带来很大的便利。常用的开发者工具面板主要包含Elements面板、Console面板、Sources面板、Network面板、Performance面板、Memory面板、Application面板。

名称 说明
Elements 查找网页源代码HTML中的任一元素，手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈
Console 记录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell
Sources 用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，可以调试JavaScript源代码，可以给JS代码添加断点等
Network 从发起网页页面请求Request后分析HTTP请求后得到的各个请求资源信息（包括状态、资源类型、大小、所用时间等），可以根据这个进行网络性能优化。
Performance 评估实时网页性能以及相关的数据
Memory 堆栈快照、JavaScript函数内存分配、隔离内存泄漏
Application 记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据等

1 打开DevTools

路径1：菜单——>更多工具——>开发者工具

路径2：快捷键F12
路径3：右键——>检查
Chrome开发者工具介绍_第1张图片

2 命令菜单

在控制台中输入以下命令，可以打开命令菜单：
mac：command+shift+p
window：ctrl+shift+p

切换主题命令：dark theme
截屏：screenshot

capture area screenshot 截部分屏

full size 截全屏

node screenshot 选择一个节点截图
Chrome开发者工具介绍_第2张图片

dock 切换调试工具的位置

3 Elements面板

ctrl+F 查找

//section/p 查找section下面的p标签

Console输入 inspect(dom节点) 查找dom节点

auto-complete添加样式 输入属性名称或者属性值，自动补充

user agent stylesheet 浏览器内置样式
Chrome开发者工具介绍_第3张图片

inherited from div… 从…继承来的样式A
Chrome开发者工具介绍_第4张图片

Pseudo 定义的伪类
Chrome开发者工具介绍_第5张图片

Chrome开发者工具介绍_第6张图片

:hov 查看hover
:cls 可以去掉类名，也可以更改某个元素的类名
image.png

复制样式：选中某个元素，右键，选择copy——>copy styles
Chrome开发者工具介绍_第7张图片

Conputed列出了所有生效的样式，Show all可以看到从父元素继承来的样式，Group：对样式进行功能上的区分
Chrome开发者工具介绍_第8张图片

Layout分成了grid和flexbox，列出了所有用到弹性布局和网格布局的容器
Chrome开发者工具介绍_第9张图片

show line numbers 展示列数行数
show line labels 展示名称
show track size 网格所在空间大小
show area names 每个网格名称
extend grid lines 延长辅助线
Chrome开发者工具介绍_第10张图片
Chrome开发者工具介绍_第11张图片

Chrome开发者工具介绍_第12张图片

Chrome开发者工具介绍_第13张图片

列出页面中所有的绑定的事件，remove去掉事件监听
Chrome开发者工具介绍_第14张图片

DOM Breakpoints
subtree modifications：以当前节点为根节点，子节点修改了会暂停运行
attribute modifications：当前节点属性被修改了，会暂停
node removal：当前节点被删除了，会暂停
Chrome开发者工具介绍_第15张图片
Chrome开发者工具介绍_第16张图片

节点属性
Chrome开发者工具介绍_第17张图片

构建无障碍页面
Chrome开发者工具介绍_第18张图片

Console

快捷键：Ctrl+shift+J
Chrome开发者工具介绍_第19张图片

$_返回上一条语句执行结果
$0返回上一个选择的节点
Chrome开发者工具介绍_第20张图片
查看代码执行时间
Chrome开发者工具介绍_第21张图片

Chrome开发者工具介绍_第22张图片
Chrome开发者工具介绍_第23张图片

JavaScript调试

debugger 调试命令
一步一步
Chrome开发者工具介绍_第24张图片
打断点

Chrome开发者工具介绍_第25张图片
断点位置
Chrome开发者工具介绍_第26张图片
跳到下一个断点
image.png
将代码折叠起来
Chrome开发者工具介绍_第27张图片
当在页面中点击就会暂停
Chrome开发者工具介绍_第28张图片
如果进入源码不想调试，call stack，忽略当前文件
Chrome开发者工具介绍_第29张图片

Network

Name
Status
Type
Initiator：什么东西发起的请求
Size：资源的大小
Time：发起请求的时间
WaterFall：瀑布流信息
Chrome开发者工具介绍_第30张图片
WS：Websocket
保留历史请求
image.png
模拟用户设备
Chrome开发者工具介绍_第31张图片
请求数量 多少字节数据被传输 传输来的文件大小（压缩） 请求完成时间 DOM节点渲染完毕　加载时间
image.png

你可能感兴趣的:(工具,chrome,前端)

  • 0基础学画画（瓢虫），连载82/100天 大鱼漫说
    大家好，我是大鱼漫说，你们可以叫我大鱼，我现在是一位零基础学习绘画的程序员。每日一问~小鱼问：我每次用procreate临摹的时候，颜色用不准，感觉和作者的还是有区别，请问您是怎么临摹颜色的？大鱼答：这有两种方法，第一种，也是不是很了解软件人的用法，右上角小扳手工具，添加你要临摹的图片，每次涂颜色的时候都去原图上吸取颜色，大鱼刚开始也这样。第二种，就是新建调色板，具体步骤是，打开色盘，选中最右边的
  • 实现大语言模型与应用的无缝对接 meslog 技术分享语言模型microsoft人工智能
    在当今人工智能快速发展的时代，大语言模型（LLMs）已经成为众多应用的核心驱动力。然而，如何让这些强大的模型与各种数据源和工具进行有效集成，仍然是一个挑战。ModelContextProtocol（MCP）正是为解决这一问题而设计的开放协议，它标准化了应用程序如何向大语言模型提供上下文信息。本文将介绍MCP的基本概念，并通过C#SDK展示如何实现客户端和服务器端的交互。什么是MCP？ModelCo
  • API安全：企业数字化转型的隐形炸弹 漠月瑾 代码之外安全API安全网络安全
    API安全：企业数字化转型的隐形炸弹最近看到一份关于企业API安全现状的报告，让我这个IT从业者不禁后背发凉。报告显示，超过80%的企业在使用API处理敏感数据时，安全措施薄弱得令人震惊。这让我意识到，在我们每天依赖的移动应用、云服务和各种数字化工具背后，可能正潜伏着巨大的安全隐患。API：数字化时代的"隐形支柱"作为开发者，我们都知道API(应用程序接口)已经成为现代软件架构的基石。它连接着移动
  • 【开源项目】实测 Google 开源的 AI MCP 数据库网关：10行代码隔离风险，连接池自动复用
    1.引言这两天试了谷歌新开的MCPToolboxforDatabases，它用不到10行代码就能让AI助手（比如LangChain智能体）安全地操作数据库。作为一个常年和数据库连接池、凭证泄露搏斗的开发者，这东西确实解决了我的痛点——把数据库访问抽象成“工具”，通过集中管控的MCPServer隔离风险，还自带性能优化。下面分享实测体验和避坑指南。2.正文2.1核心逻辑：为什么需要MCP？传统AI代
  • F5推出后量子密码学解决方案，助力企业应对新一代安全威胁 CSDN资讯 密码学安全量子计算
    近日，全球领先的应用交付和API安全解决方案提供商F5(NASDAQ:FFIV)宣布推出全新综合性后量子密码学（PQC）就绪解决方案，助力客户应对量子计算带来的网络安全范式变革。该解决方案现已无缝集成至F5应用交付与安全平台（F5ApplicationDeliveryandSecurityPlatform），为企业提供保障应用和API安全所需工具的同时，保持卓越的性能与可扩展性。随着量子时代的到来
  • EXPLAIN 解码：MySQL 索引优化的黄金决策术 渡难繁辰 数据库mysqlsqlmysql数据库sql
    引言在MySQL数据库中，索引是优化查询性能的核心工具。但盲目添加索引会导致写性能下降和存储浪费，而缺少关键索引又会引发全表扫描的灾难。如何科学决策？答案在于深入分析查询执行计划——EXPLAIN。本文将聚焦如何通过EXPLAIN诊断查询瓶颈，精准制定索引策略。一、EXPLAIN的核心字段解读EXPLAIN输出结果中的关键字段揭示了查询的执行逻辑，以下为需重点关注的列：1.type列：查询访问数据
  • Docker Compose 坚定的小辣鸡在努力 docker容器运维
    DockerCompose阅读原文https://www.xiaozaoshu.top/articles/docker/compose一、什么是DockerCompose？DockerCompose是一个用于定义和运行多个Docker容器的工具。你只需用一个docker-compose.yml文件，描述好服务的配置，然后一条命令就可以启动整个系统。适用场景：需要运行多个服务（如Web服务+数据库+
  • 淘宝门店优惠券在哪里?淘宝店铺的优惠券在哪里设置 氧惠好物
    首先，你需要登录淘宝账号，然后进入淘宝卖家中心。在卖家中心的左侧菜单中找到并点击“营销中心”选项下的“促销管理”。在促销管理页面中，你可以看到各种促销工具，其中就包括“优惠券”。氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元
  • MybatisPlus-13.扩展功能-DB静态工具 天上掉下来个程小白 微服务数据库mybatisplus微服务springbootjava
    一.DB静态工具我们来看mp提供的第二个扩展功能——DB静态工具。首先我们来看Db类中都提供了哪些静态方法。其中save方法用来新增，update方法用来更新，remove用来删除，list用来查询(批量)，count用来计数，get用来查询(ById：根据id查询，One：查一个)，page分页查询，lambdaQuery查询，lambdaUpdate更新。由于这些都是静态方法，这就导致在方法的
  • DPDK（25.03） 零基础配置笔记 _Chipen DPDK计算机网络
    DPDK零基础配置笔记DPDK（DataPlaneDevelopmentKit，数据面开发工具包）是一个高性能数据包处理库，主要用于绕过Linux内核网络协议栈，直接在用户空间对网卡收发的数据进行操作，以此实现极高的数据吞吐。DPDK的核心价值是：使用轮询+巨页内存+用户态驱动，提升网络收发性能。适用场景：高频交易、软件路由器、防火墙、负载均衡器等对网络性能要求极高的系统。基本数据简要解释igb_
  • 淘宝内部优惠券领取平台？淘宝内部优惠券领取平台在哪？ 氧惠评测
    淘宝内部优惠券领取平台可以通过淘宝联盟、第三方领取工具、淘宝店铺等方式获取。氧惠APP是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（训练营导师每天出单带货几万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。珊珊导师氧惠邀请码888999，注册送万元推广大礼包，教你如何1年做到百万
  • Java List 集合详解：从基础到实战，掌握 Java 列表操作全貌 大葱白菜 java合集java开发语言后端学习个人开发
    作为一名Java开发工程师，你一定在项目中频繁使用过List集合。它是Java集合框架中最常用、最灵活的数据结构之一。无论是从数据库查询出的数据，还是前端传递的参数列表，List都是处理这些数据的首选结构。本文将带你全面掌握：List接口的核心方法与特性常见实现类（如ArrayList、LinkedList、Vector、CopyOnWriteArrayList）List的遍历、增删改查、排序、线
  • Java 递归方法详解：从基础语法到实战应用，彻底掌握递归编程思想 大葱白菜 java合集java开发语言个人开发后端学习
    作为一名Java开发工程师，你一定在开发中遇到过需要重复调用自身逻辑的问题，比如：树形结构处理、文件夹遍历、斐波那契数列、算法实现（如DFS、回溯、分治）等。这时候，递归方法（RecursiveMethod）就成为你不可或缺的工具。本文将带你全面掌握：什么是递归方法？递归的三要素（边界条件、递归公式、递归方向）递归与循环的对比常见递归问题与实现（阶乘、斐波那契、汉诺塔、树遍历等）递归在真实项目中的
  • 2025前端面试题全攻略：高频考点解析与实战指南
    助力金三银四跳槽季，覆盖90%大厂核心考点，技术进阶+面试技巧双提升一、HTML/CSS核心篇1.语义化与布局实战问题1：如何用HTML5语义化标签优化新闻详情页？答案要点：使用包裹主体内容，划分章节标记发布时间，+处理图文SEO优势：提升关键内容权重，增强可访问性问题2：实现等间距三栏布局（中间自适应）.container{display:flex;gap:20px;/*关键：替代margin方
  • (5)从零开发 Chrome 插件：Vue3 Chrome 插件待办事项应用 超龄超能程序猿 Chrome插件html5jsonjavascriptvue.js前端框架
    (1)从零开发Chrome插件：构建你的第一个插件(3)从零开发Chrome插件：实现API登录与本地存储功能(3)从零开发Chrome插件：网页图片的批量下载(4)从零开发Chrome插件：Chrome插件调试全攻略(5)从零开发Chrome插件：Vue3Chrome插件待办事项应用Vue3Chrome插件待办事项应用功能概述一个基于Vue3的Chrome插件待办事项应用，具有以下功能：添加/删
  • 京东1000元优惠券怎么领？揭秘隐藏优惠券的领取攻略！ 氧惠好项目
    在现代电商购物中，优惠券成为消费者们追求实惠的重要工具。京东作为国内领先的电商平台，也经常推出各种优惠券福利。其中，1000元优惠券更是备受瞩目。那么，如何才能成功领取到京东的1000元优惠券呢？本文将为您揭秘隐藏优惠券的领取攻略！一、了解1000元优惠券的发放规则在领取京东1000元优惠券之前，我们需要了解其发放规则：发放条件：通常，1000元优惠券的发放有一定的门槛，如需满足一定的消费金额或会
  • Python中的条件语句：if-else使用指南 AI软件改变生活 Python数据库前端python
    在编程中，条件语句是控制程序流程的核心工具之一，它允许程序根据不同的条件执行不同的代码块。Python提供了简洁而强大的条件语句语法，其中最常用的就是if-else语句。本文将详细介绍Python中if-else的使用方法、常见用法以及一些高级技巧。1.基本语法if-else语句的基本结构如下：Python复制if条件表达式:#如果条件表达式为True，执行这里的代码块passelse:#如果条件
  • 矩阵A+B（矩阵相加） crystaljy 矩阵
    Description在数学中，矩阵是一个按照长方阵列排列的复数或实数集合，最早来自于方程组的系数及常数所构成的方阵。这一概念由19世纪英国数学家凯利首先提出。矩阵是高等代数学中的常见工具，也常见于统计分析等应用数学学科中。在物理学中，矩阵于电路学、力学、光学和量子物理中都有应用；计算机科学中，三维动画制作也需要用到矩阵。矩阵的运算是数值分析领域的重要问题。将矩阵分解为简单矩阵的组合可以在理论和实
  • C++ 数组详解：从基础到实战 光の javajvm前端
    一、数组的定义与核心特性（一）什么是数组？数组（Array）是C++中用于存储一组相同类型元素的连续内存空间。它通过一个统一的名称（数组名）和索引（下标）来访问每个元素，是实现批量数据管理的基础工具。（二）核心特性特性说明同类型所有元素必须是同一数据类型（如int、double）连续性元素在内存中连续存放，地址递增（&arr[i+1]=&arr[i]+sizeof(类型)）固定大小数组声明时需指定
  • 前端实现抛物线小球动画效果：从原理到代码实践 编程随想▿ 前端抛物线JSvuereact.js
    目录引言一、抛物线动画的核心原理二、纯HTML/CSS实现抛物线动画1.HTML结构2.CSS动画3.效果说明三、动态交互：JavaScript实现抛物线动画1.HTML结构2.JavaScript逻辑3.效果说明四、Vue.js实现抛物线动画1.组件结构2.实现思路五、React实现抛物线动画1.组件代码2.实现思路六、注意事项七、总结引言在前端开发中，动画效果是提升用户体验的重要手段之一。抛物
  • JavaScript的介绍及嵌入方式 紫罗兰丶
    JavaScript介绍JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript(Adobe公司，需要插件)等。JavaScript嵌入页面的方式1.页面script标签嵌入vara="你好!"2.外部引用
  • 跟100位大师练，练完就成高手丨写作工具箱 22 丨张伟丨
    大师写作100练丨文/张伟蹯溪百日极致写作练习营这是椰子私塾第1788篇原创输出最厉害的招数，往往最简单。练到极致，就是绝招，写作亦如此。跟100位大师练，练完就成高手丨写作工具箱22不同风格的语言运用1、文学语言基本要求：生动、形象、真实、准确等等。小说有自己的语言特征。2、叙述语言包括：文本描写、说明、抒情、议论、阐释、交代等等。3、人物语言包括：对话，独白等等。主要作用是体现人物性格与性情变
  • Windows环境Chrome安装提示无可用更新问题解决【2024年版】 zrhsmile Windowschromewindows
    现象卸载了Chrome浏览器之后，通过腾讯管家安装Chrome浏览器，发现都无法一键安装或安装【注：一键安装或安装，都没有任何反应】如果可以科学上网，发现通过下载Google的网址，下载Chrome浏览器的安装软件ChromeSetup.exe，也无法安装。提示：“无可用的更新”或“与服务器的连接意外终止”原因出现这个问题的原因是因为安装程序是和google直连的或者杀毒软件阻止了连接解决方案【亲
  • 纸板制造学习3·DOE实验（如正交试验）优化压力组合 xinzheng新政 制造学习
    ·DOE实验（如正交试验）优化压力组合DOE（DesignofExperiments，实验设计）是一种通过科学规划实验方案，系统分析多因素对结果影响的方法，正交试验是其核心工具之一。在纸板生产中，DOE可通过少量实验快速找到气缸压力、原纸克重等变量的最优组合，提升效率与质量。以下是简要科普：一、DOE的核心目标识别关键因素：确定哪些变量（如热板压力、原纸克重）对结果（如纸板厚度、粘合强度）影响最大
  • 接口测试框架3之httprunnerV3入门以及HttpRunner安装详解 吃喝玩乐秀起来 #接口测试接口
    这里写目录标题一、HttpRunner简介二、HtttpRunner安装详解1.环境准备2.脚手架生成项目三、幕布登录的演练1.抓包2.脚本生成一、HttpRunner简介参考文案：https://mubu.com/doc/2vXRWPx5i3c密码：hogwarts1.为什么要开发HttpRunner（1）.工具多而且杂接口测试工具，性能测试工具（2）.学习成本高（3）.团队协作难风格迥异，整合
  • JDK和JRE的区别(附下载地址)
    JDK（JavaDevelopmentKit）和JRE（JavaRuntimeEnvironment）是Java的两个重要组成部分，它们的区别如下：---------------------------------------------------------------------------------功能：JDK是Java开发工具包，提供了Java开发所需的所有工具，包括编译器、调试器、工
  • Java多线程（四）：使用Executors创建线程池及其注意事项 °Fuhb Java基础与进阶java多线程threadExecutors线程池
    文章目录1.简介2.newCachedThreadPool3.newFiexedThreadPool4.newSingleThreadExecutor5.newScheduledThreadPool6.注意事项（必看）1.简介Executors也是创建线程池的工具，通过Executors可以简单地创建线程池对象。主要包括以下4种创建方式：newCachedThreadPool：创建一个可缓存的线程
  • 从标准到执行：盟接之桥谈生产品质管控的几点心得 盟接之桥 制造大数据人工智能数据库服务器
    在智能制造的浪潮中，生产品质管控的重要性愈发凸显。无论是传统制造业还是新兴智能产业，品质都是企业立足市场的根本。本文将围绕标准定义、量产操作细节、常见客诉问题及其改善方案，探讨如何通过系统化管理提升产品品质，以电子线束行业为例进行具体说明。一、标准类需要定义清晰品质管控的第一步是建立清晰的标准。标准作业指导书（SOP）和电子标准作业指导书（ESOP）是生产过程中不可或缺的工具。SOP详细描述了每一
  • Gemini CLI 用户界面系统深度解析：从命令行到智能交互的完美转换 步子哥 交互人工智能
    前言在深入探索了GeminiCLI的核心引擎、沙盒系统、扩展机制和构建发布系统后，今天我们将深入研究用户直接接触的最前端——CLI用户界面系统。这个系统不仅是用户与AI交互的桥梁，更是一个完整的交互式智能终端¹，它将复杂的AI能力转化为直观、高效的命令行体验。注解1-交互式智能终端：不同于传统的命令行工具，GeminiCLI的用户界面系统实现了真正的智能交互。它既支持传统的命令行操作，又提供了现代
  • 035_ClaudeCode_MCP_介绍 义薄云天us ClaudeCode菜鸟到高手专栏ClaudeCode机器学习深度学习mcp
    035_ClaudeCode_MCP_介绍摘要ModelContextProtocol（MCP）是一个开放的标准化协议，专为大型语言模型提供上下文数据而设计。作为ClaudeCode生态系统的重要组成部分，MCP如同"AI应用程序的USB-C端口"，提供了将AI模型连接到不同数据源和工具的标准化方式。本文全面介绍MCP的核心概念、架构设计和在ClaudeCode中的应用场景。目录什么是ModelC
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他