dingFY
dingFY

Chrome DevTools调试技巧

【1】DevTools触发伪类

右键单击Elements面板中的元素节点并选择“ force state ”。或者在Sytle子窗格中单击“：hov ”图标。可以触发元素上的伪类来研究元素在悬停时的效果和样式

【2】DevTools-在任何网页上运行预定义的代码片段

DevTools中有一个叫做代码段的特性，它允许您可以在网页上运行的测试代码(这比在控制台面板中重新键入JavaScript代码要方便一些)

  1. 单击Sources，左侧小窗口选择snippets
  2. 单击New snippet 新建
  3. 输入文件名和需要测试的代码片段
  4. 右击文件并选择Run(或Ctrl/Cmd+Enter)
  5. 单击Console查看代码运行结果

​

【3】使用CSS选择器搜索DevTools-DOM树

当使用Elements面板浏览DOM时，尝试通过CSS选择器搜索节点。

【4】DevTools-转到特定列的行号

  1. 打开Sources面板中的文件, 按快捷键ctrl + o
  2. 输入：5：20 Enter
  3. 请注意，您被带到了第5行第20栏！

【5】DevTools- Ctrl+单击可以在Sources面板中添加多个游标

【6】快速编辑HTML元素标记

您可以双击Elements面板中节点的开始标记来编辑它，结束标记将随着您的更改而自动更新。

【7】ALT+单击可以展开所有子节点

在Elements面板中,使用Alt+单击可以展开该Dom节点下的所有Dom子节点

【8】在任何节点上显示该节点绑定的事件

【9】扩展CSS缩写属性

在Style窗格中，可以展开css缩写属性，如background或padding，并查看为您定义的全部属性

【10】将元素滚动到视图中

  1. 右击Elements面板中的DOM节点。
  2. 选择 Scroll into view

【11】ctrl+d 选择下一个相同的单词

在Sources面板编辑器中，可以使用ctrl + d 选择多个相同的单词做操作

​

【12】添加一个新的自定义维度设备作为预置

【13】DOM的改进面包屑线索

Elements元素面板中有一个面包屑痕迹，它可以帮助您在浏览DOM时跟踪您的步骤。

【14】netWork网络请求过滤器

  • larger-than:100将 查找大于100个字节的资源并进行筛选。
  • 您可以通过在查询前面加上“-”来否定查询。例如：-larger-than:50K找到以下资源不大于50K。
  • status-code: 200若要查找具有状态代码响应的资源，请执行以下操作200
  • mime-type 查找请求资源类型

【15】在DevTools控制台面板中编辑HTML

【16】从DevTools生成的调色板中选择一个新的颜色

【17】DOM属性中的增量和递减数

可以使用键盘上/下箭头修改DOM属性或样式的数量值

【18】使用样式规则工具栏增加常见样式

【19】通过控制台更好地记录对象和数组

【20】通过控制台了解JS代码的速度

console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。console.time方法是开始计算时间，console.timeEnd是停止计时，输出脚本执行的时间。这两个方法中都可以传入一个参数，作为计时器的名称，它的作用是在代码并行运行时分清楚各个计时器。测试代码写在这两个方法之间。

【21】使用切换元素类功能进行即时视觉反馈

在样式窗格中，单击.cls标签，可显示隐藏Dom元素的类名

【22】DevTools黑色主题

【23】在没有浏览器扩展的情况下捕获全尺寸屏幕截图

在控制台中按快捷键Ctrl + Shift + p进入命令菜单再输入screenshot

​

【24】用DevTools实现JavaScript代码库的现代化

新的“copy for fatch”功能扩展了NetworkPanel上下文菜单,右击网络请求，然后以curl形式复制。用FETCH API替换代码库中现有的Ajax调用。如果要验证剪贴板中的FETCH API调用，可以将其粘贴到控制台面板中，并在其前缀加上await

【25】查看WebSocket消息

【26】console.dir显示一个对象所有的属性和方法

如果说你想要查看Dom节点所关联到的真实的Javasript对象，并且想要查看他的属性就可以使用console.dir

【27】通过h来隐藏

可以按下h来隐藏在元素面板中被你选中的元素。再次按下h使它出现。某些时候这是很有用的，例如你想截图，但是又不想里面包含一些敏感信息。

​

【28】隐藏netWork请求的时间轴

如果你仅仅只是查看请求列表- 来确认状态，大小和响应，那么你可以选择隐藏请求的时间轴，因为它占了你将近一半的空间

【29】Console的代码换行

在Console面板中调试多行代码时，使用Shift + Enter组合键进行换行，Enter键将直接执行代码

【30】DOM 断点调试

基本上大家都会用JavaScript的断点调试，但是应该很多人不知道Dom节点也可以进行断点调试，DevTools提供了三种针对Dom元素的断点调试：子元素改变时、属性改变时 和元素被移除时。

  1. 在Elements 标签页，选中一个元素
  2. 右击，选择 Breakon->subtree modifications(子元素改变时断点)、attribute modifications （属性改变时断点）、node removal（元素被移除时断点）

​

【31】缓存上一步操作的结果$_

在DevTools上运行JavaScript表达式的时候，可以使用$_来获取到上一步操作的返回值。

​

【32】console中的 4

在Elements面板中，1就是我们上一次选择的节点的引用，4`

【33】选择dom节点$和$$

如果你没有在App中定义过 $ 变量 (例如JQ)的话，它在console中就是对这一大串函数document.querySelector的别名。

如果是 $$ 就更加厉害了，还能节省更多的时间，因为它不仅执行document.querySelectorAll并且它返回的是一个节点的数组

参考文献：https://umaar.com/dev-tips/

文章每周持续更新，可以微信搜索「 前端大集锦 」第一时间阅读，回复【视频】【书籍】领取200G视频资料和30本PDF书籍资料

你可能感兴趣的:(Chrome DevTools调试技巧)

  • chrome扩展，“manifest_version“: 3, chrome 扩展图标点击事件 徐同保 chrome前端
    在Chrome扩展中，从ManifestV3开始，后台脚本（backgroundscripts）被服务工作线程（serviceworkers）所取代。这改变了扩展图标点击事件（通常称为浏览器操作或者页面操作）的处理方式。在ManifestV3中，您需要使用chrome.action.onClicked监听器来处理扩展图标的点击事件。下面是一个如何设置扩展图标点击事件处理器的示例：在manifest
  • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
    ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
  • Ubuntu下安装Chrome浏览器(简单,使用) Starry-sky(jing) [linux操作系统笔记]chrome深度学习linux
    下载安装GoogleChrome浏览器deb包极速下载:下载链接32位wgethttps://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb64位wgethttps://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb安装sudodpk
  • 开发chrome扩展（ 禁止指定域名使用插件） 徐同保 chrome前端
    mainfest.json:{"manifest_version":3,"name":"ChatGPT学习","version":"0.0.2","description":"ChatGPT,GPT-4,Claude3,Midjourney,StableDiffusion,AI,人工智能,AI","icons":{"16":"./images/logo.png","48":"./images/lo
  • MAC电脑运行windows程序或者游戏怎么办，crossover介绍， 山外有山a macos游戏
    CrossOver是一款特别为Mac设计的应用程序，它基于Wine项目，可以直接在macOS上运行许多Windows应用程序，而无需安装完整的Windows操作系统。是一款由CodeWeavers公司开发的商业软件，它基于开源项目Wine，并对其进行了深度优化和增强。该软件的主要目的是让非Windows操作系统的用户能够在MacOSX、Linux以及ChromeOS等平台上运行Windows应用程
  • selenium被识别，修改navigator的方法 音乐学家方大刚 爬虫seleniumchrome爬虫
    #-*-coding:utf-8-*-importtimefromseleniumimportwebdriverfromselenium.webdriver.chrome.optionsimportOptionschrome_options=Options()#chrome_options.add_argument('--headless')#chrome_options.add_argument
  • electron打包后调用控制台方法 浩星 electronelectronvue
    前言：electron打包桌面应用的时候，本地启动时,f12调试功能台是自动打开的，但是我们打包出来以后，有某些特殊时刻也是需要打开控制台的，他默认不打开使用步骤：我们打开我们项目中自动生成/手动生成的配置文件background.js以我自己的配置文件为例：核心是：win.webContents.openDevTools()打开调试框functioncreateWindow(){//关闭顶部导航
  • 第三百九十七回 talk_8 一起TalkFlutter吧移动开发Flutter
    文章目录概念介绍使用方法示例代码我们在上一章回中介绍了通道相关的内容，本章回中将介绍StreamProvider组件.闲话休提，让我们一起TalkFlutter吧。概念介绍在Flutter中Stream是经常使用的组件，对该组件的监听可voidmain(){///让状态栏和程序的appBar融为一体构成沉浸式效果,android有效果，需要IOS是否有效果///SystemChrome这个类及其方
  • 谷歌浏览器使用selenium的驱动chromedriver 116~118版本，解决版本不匹配问 美美打不死 seleniumpython
    **谷歌浏览器使用selenium的驱动chromedriver116~118版本，解决版本不匹配问题**下载链接：https://googlechromelabs.github.io/chrome-for-testing/#stable
  • Python爬虫打印状态码为521，返回数据为乱码？ 马龙强_ python前端javascript
    爬虫代码：importrequestsheaders={'User-Agent':'Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/107.0.0.0Safari/537.36','Referer':'https://www1.rmfysszc.gov.cn/projects.shtml?d
  • docker chrome 镜像制作 a cool fish(无名) docker运维容器
    1.构建基础镜像dockerbuild-fDockerfile-tmycentos:0.1.FROMcentos:7MAINTAINERwuming@herogo.comRUNyuminstall-ywgetnet-toolsiproutebind-utilslrzsz\&&rm-rf/var/cache/tmp/*\&&ln-sf/usr/share/zoneinfo/Asia/Shanghai
  • SAP Spartacus Product 明细页面 meta description 标签页的数据源 JerryWang_汪子熙
    例子：http://localhost:4200/Open-Catalogue/Cameras/DigitalCameras/Digital-SLR/DSLR-A330-%252BDT-18---55-mm/p/2934302该产品的metadescription的值，在Chrome开发者工具里显示如下：这个description的值，通过OCCAPI从CommerceCloud后台读取：在pro
  • 测试用例例子：在线购物平台的结算功能测试 测试也是会开发的 #用例编写测试用例功能测试
    用例标题：在线购物平台结算功能测试测试目的：验证在线购物平台的结算功能是否正常工作，确保用户能够顺利完成支付流程。用例级别：高测试环境：操作系统：Windows10浏览器：Chrome最新版网络环境：稳定网络前置条件：用户已登录到在线购物平台购物车中至少有一个商品用户已选择配送地址用户已选择支付方式（如信用卡、支付宝等）测试步骤：用户进入购物车页面，确认购物车中的商品和数量。用户点击“结算”按钮，
  • C#全屏打开Edge浏览器 太空漫步11 c#edge开发语言
    我为什么写这个呢？因为网上关于全屏打开浏览器的都是Chrome的，而按照他们的方法应用在Edge上就失效了。众所周知，C#可以利用Progress打开Windows的某个应用。而我要用Progress打开的不是Edge浏览器，而是命令行窗口。之后输入从微软官网的Edge官方文档中找到的cmd命令全屏打开浏览器并打开百度网址。usingSystem;usingSystem.Diagnostics;u
  • Python自动检测Chrome浏览器版本并下载相应驱动chromedriver.exe m0_57638202 seleniumpythonchrome爬虫selenium
    fromunicodedataimportnameimportwinregimportrequestsimportjsonimportreimportzipfileimportos#zip解压defun_zip(file_name):"""unzipzipfile"""zip_file=zipfile.ZipFile(file_name)ifos.path.isdir(file_name+"把此文
  • 『与善仁』Appium基础 — 23.uiautomatorviewer定位工具 繁华似锦Fighting
    之前我们在做web页面自动化的时候就说过，元素定位是页面自动化的第一步。同理App自动化测试的第一步，也是元素的定位。在APP中定位元素的话，需要借助一些元素定位工具。APP中的元素定位工具大致有三种：uiautomatorviewerAppiumInspectorChromeInspect（一）uiautomatorviewer定位工具1、uiautomatorviewer介绍在开始编写测试代码
  • uniApp h5解决Chrome跨域问题的最终方法 kuanxu uni-appchrome前端
    最近用Dcloud工具HBuilderX写了一个uniapp客户端项目，代码在HBuilder工具内运行没有问题，打包后放在androidapp和iosapp内运行也没有问题，唯有把h5链接地址放在chrome里会有如下跨域问题：AccesstoXMLHttpRequestat'https://www.yachen.com/api/auth/sendinfo'fromorigin'http://l
  • Chrome 浏览器代理插件 SwitchyOmega 安装与使用 上海-悠悠 Mitmproxy代理mockchrome
    前言SwitchyOmega是什么？ProxySwitchyOmega是Chrome和Firefox浏览器上的代理扩展程序，可以轻松快捷的管理和切换多个代理设置，支持HTTP、HTTPS、SOCKS4、SOCKS5等多种代理协议。SwitchyOmega只是管理代理的，本身并不提供代理服务，需要配合节点使用。下载SwitchyOmega插件官网Github仓库下载SwitchyOmega官网Git
  • 解决：selenium web browser 的版本适配问题 暖仔会飞 selenium前端自动化工具webdriver
    文章目录解决方案：使用webdrivermanager自动适配驱动使用selenium操控浏览器的时候报错：Thechromedriverversion(114.0.5735.90)detectedinPATHat/opt/homebrew/bin/chromedrivermightnotbecompatiblewiththedetectedchromeversion(122.0.6261.69)
  • 解决Chrome插件安装时出现的“程序包无效”问题 UPUPUPEveryday
    参考如下网址，解决谷歌浏览器安装插件显示“Yourfilewasnotfound”的问题：https://jingyan.baidu.com/article/6079ad0e8bf19428ff86dbe5.html
  • Chrome DevTools调试技巧 dingFY
    【1】DevTools触发伪类右键单击Elements面板中的元素节点并选择“forcestate”。或者在Sytle子窗格中单击“：hov”图标。可以触发元素上的伪类来研究元素在悬停时的效果和样式【2】DevTools-在任何网页上运行预定义的代码片段DevTools中有一个叫做代码段的特性，它允许您可以在网页上运行的测试代码(这比在控制台面板中重新键入JavaScript代码要方便一些)单击S
  • Selenium 模拟浏览器操作案例 数字化信息化智能化解决方案 selenium测试工具
    Selenium是一个非常流行的自动化测试工具，它允许你模拟浏览器操作，如点击、输入、滚动等。以下是一个使用Python和Selenium模拟浏览器操作的简单案例：首先，确保你已经安装了Selenium和相应的浏览器驱动（如ChromeDriver）。你可以使用pip安装Selenium：bash复制代码pipinstallselenium然后，你需要下载与你的浏览器版本相匹配的驱动。以下是一个使
  • chrome devtools 技巧
    1.Chrome117可以直接修改接口返回的数据了在前后端联调的时候，往往后端的数据会出现问题，这时候通知后端改接口，改数据，他们修改发布需要个过程，而前端很想把当前的功能调通，这个时候可直接在devtools修改接口返回的数据，简直不要太香。具体怎么操作可移步Chrome117重大更新：Network面板就能发起Mock请求！！！
  • 防止你的 Web 应用被别人通过 Chrome 开发者工具进行调试的一种简单办法 chrome
    performance.now()代码中使用了performance.now()方法来获取高精度的时间戳，它返回从某一时间点到当前时间的毫秒数，不受系统时间的影响。在这里，startTime和endTime分别记录了debugger语句前后的时间点。debuggerdebugger语句是JavaScript中的一个调试关键字，当浏览器的开发者工具开启并且处于调试模式时，执行到debugger语句会
  • 使用Node.js开发RESTful API JJCTO Node.jsnode.jsrestful后端
    在当今信息时代，不管是企业级应用还是个人项目，都离不开RESTfulAPI的使用。RESTfulAPI是现代web应用的基石，通过它，我们可以实现前后端的高效沟通和数据传输。而在开发RESTfulAPI的过程中，Node.js的强大功能和灵活性让其成为首选的开发工具之一。Node.js是基于ChromeV8引擎的JavaScript运行环境，它的出现使得JavaScript可以在服务器端运行，极大
  • uview组件封装form表单后有关弹框的组件安卓部分机型不显示 阳光先做 androidapache
    环境背景介绍:使用uniapp开发小程序和app,uview版本是1.8.3,分别为ios端安卓端和小程序端封装了form表单组件,u-selectu-action-sheetu-picker等组件通过u-input@click事件唤起荣耀部分机型oppo部分机型和小米部分机型点击input没反应,调试了半天发现u-input内部设置disabled后click事件不执行上网查找答案Chrome内
  • selenium的使用 -wellplayed- 爬虫爬虫
    一介绍selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题selenium本质是通过驱动浏览器，完全模拟浏览器的操作，比如跳转、输入、点击、下拉等，来拿到网页渲染之后的结果，可支持多种浏览器fromseleniumimportwebdriverbrowser=webdriver.Chrome()browser=webdri
  • 九：什么是热部署，为什么要用这个？ 董小姐orz（娜） javaspringbootspring
    什么是热部署（可以线上使用，但是最好不要，易于黑客攻击）①应用正在运行的时候，不需要重新启动应用。②对于Java应用程序来说，热部署就是在运行时更新java类文件好处：不需要手工启动应用，提高本地开发效率。常见实现热部署的方式①Jrebel②SpringLoaded③Spring-boot-devtools演示一下第三种方法：第一步：配置pom.xmlorg.springframework.boo
  • Airtest-Selenium实操小课：爬取新榜数据 测试界的路飞 软件测试技术分享selenium测试工具
    1.前言最近看到群里很多小伙伴都在用Airtest-Selenium做一些web自动化的尝试，正好趁此机会，我们也出几个关于web自动化的实操小课，仅供大家参考~今天跟大家分享的是一个非常简单的爬取网页信息的小练习，在百度找到新榜网页，搜索关键词“自动化”，爬取前5名的公众号名称。2.需求分析和准备整体的需求大致可以分为以下步骤：打开chrome浏览器打开百度网页搜索“新榜官网”点击“找达人”按钮
  • What are some things you wish you knew when you started programming? ylgwhyh 开发意识开发开发意识如何学习编程
    HadiMoshayedi,SoftwareEngineer@GoogleChromeTeamWrittenJun3,2013OriginallyAnswered:Whatarethethingsyouwishyouknewwhenyoustartedprogrammingforthefirsttime?RobPike's5RulesofProgrammingRule1.Youcan'ttellw
  • 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其他