cain07
cain07

Chrome 调试技巧

alert

这个不用多说了，不言自明

console

基本输出

想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法：

console.log("打印字符串");//在控制台打印自定义字符串
console.error("我是个错误");//在控制台打印自定义错误信息
console.info("我是个信息");//在控制台打印自定义信息
console.warn("我是个警告");//在控制台打印自定义警告信息
console.debug("我是个调试");//在控制台打印自定义调试信息
cosole.clear();//清空控制台（这个下方截图中没有）

[图片上传失败...(image-92f616-1599554436483)]

console

注意上面输出的error和throw出的error不一样，前者只是输出错误信息，无法捕获，不会冒泡，更不会中止程序运行。

格式化输出

除此以外，console还支持自定义样式和类似c语言的printf形式

console.log("%s年",2016);//%s表示字符串
console.log("%d年%d月",2016,11);//%d表示整数
console.log("%f",3.1415926);//%f小数
console.log("%o",console);//%o表示对象

console.log("%c自定义样式","font-size:30px;color:#00f");
console.log("%c我是%c自定义样式","font-size:20px;color:green","font-size:10px;color:red");

[图片上传失败...(image-acb97-1599554436483)]

console

DOM输出

下面几个比较简单的，就不举例子了，简单说一下：

var ul = document.getElementsByTagName("ul");
console.dirxml(ul); //树形输出table节点，即和它的innerHTML，由于document.getElementsByTagName是动态的，所以这个得到的结果肯定是动态的

[图片上传失败...(image-b584e1-1599554436483)]
console
对象输出
var o = {
  name:"Lily",
  age: 18
};
console.dir(obj);//显示对象自有属性和方法

[图片上传失败...(image-1283f2-1599554436482)]
对于多个对象的集合，你可以这样，输出更清晰：
var stu = [{name:"Bob",age:13,hobby:"playing"},{name:"Lucy",age:14,hobby:"reading"},{name:"Jane",age:11,hobby:"shopping"}];
console.log(stu);
console.table(stu);

[图片上传失败...(image-45506c-1599554436482)]
成组输出
//建立一个参数组
console.group("start"); //引号里是组名，自己起
console.log("sub1");
console.log("sub1");
console.log("sub1");
console.groupEnd("end");

[图片上传失败...(image-3f6792-1599554436482)]
函数计数和跟踪
function fib(n){ //输出前n个斐波那契数列值
  if(n == 0) return;
  console.count("调用次数");//放在函数里，每当这句代码运行输出所在函数执行次数
  console.trace();//显示函数调用轨迹(访问调用栈）
  var a = arguments[1] || 1;
  var b = arguments[2] || 1;
  console.log("fib=" + a);
  [a, b] = [b, a + b];
  fib(--n, a, b);
}
fib(6);

 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
注：Chrome开发者工具中的Sources标签页也在Watch表达式下面显示调用栈。
计时
console.time() //计时开始
fib(100); //用上述函数计算100个斐波那契数
console.timeEnd() //计时结束并输出时长

[图片上传失败...(image-53266f-1599554436482)]
断言语句，这个c++调试里面也经常用到。js中，当第一个表达式或参数为true时候什么也不发生，为false时终止程序并报错
console.assert(true, "我错了");
console.assert(false, "我真的错了");

[图片上传失败...(image-440119-1599554436482)]
性能分析
function F(){
  var i = 0;
  function f(){
    while(i++ == 1000);
  }
  function g(){
    while(i++ == 100000);
  }
  f();
  g();
}
console.profile();
F();
console.profileEnd();

 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
注：Chrome开发者工具中的Audits标签页也可以实现性能分析。
debugger
这个重量级的是博主最常用的，可能是c++出身，对于单步调试由衷的热爱。单步调试就是点一下，执行一句程序，并且可以查看当前作用域可见的所有变量和值。而debugger就是告诉程序在那里停下来进行单步调试，俗称断点。
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
右边按钮如下：
     
  
  • Pause/Resume script execution：暂停/恢复脚本执行（程序执行到下一断点停止）。
    •  
  
  • Step over next function call：执行到下一步的函数调用（跳到下一行）。
    •  
  
  • Step into next function call：进入当前函数。
    •  
  
  • Step out of current function：跳出当前执行函数。
    •  
  
  • Deactive/Active all breakpoints：关闭/开启所有断点（不会取消）。
    •  
  
  • Pause on exceptions：异常情况自动断点设置。
    •  
 
其实右侧还有很多强大的功能
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
     
  
  • Watch：Watch表达式
    •  
  
  • Call Stack: 栈中变量的调用，这里是递归调用，肯定是在内存栈部分调用。
    •  
  
  • Scope：当前作用域变量观察。
    •  
  
  • BreakPoints：当前断点变量观察。
    •  
  
  • XHR BreakPoints：面向Ajax，专为异步而生的断点调试功能。
    •  
  
  • DOM BreakPoints：主要包括下列DOM断点，注册方式见下图
    •  
  
  • 当节点属性发生变化时断点（Break on attributes modifications）
    •  
  
  • 当节点内部子节点变化时断点（Break on subtree modifications）
    •  
  
  • 当节点被移除时断点（Break on node removal）
    •  
 
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
     
  
  • Global Listeners：全局事件监听
    •  
  
  • Event Listener Breakpoints：事件监听器断点，列出了所有页面及脚本事件，包括：鼠标、键盘、动画、定时器、XHR等等。
    •  
 
chrome中的调试技巧
     
  
  1. DOM元素的控制台书签
    2.  
 
Chrome开发者工具和Firebug都提供了书签功能，用于显示你在元素标签页（Chrome）或HTML标签页（Firebug）中最后点击的DOM元素。如果你依次选择了A元素、B元素和C元素，那么1 表示B元素，符号类似，不过顺序不同）
     
  
  1. 如果你想调试f函数，用debug(f)语句可以增加这种断点。
    2.  
  
  2. Sources标签页左侧面板上有一个代码片段（Snippet）子标签页，可用于保存代码片段，帮你调试代码。
    3.  
  
  3. 可以用Chrome开发者工具Sources标签页中的格式化按钮（Pretty Print Button）格式化压缩后的代码。
    4.  
  
  4. 在Network面板，选择一个资源文件，右键Copy Response可快速复制响应内容。
    5.  
  
  5. 利用媒体查询，这个主要是在Device Mode调节不同的分辨率显示。
    6.  
  
  6. 选择Elements，按 Esc > Emulation > Sensors进行传感器模拟。
    7.  
  
  7. 点击渐入效果样式图标（紫色图标），可以预览动画效果，并可对相应的贝塞尔曲线(cubic-bezier)进行调节动画效果。
    8.  
  
  8. 在Source中按住Alt键并拖动鼠标进行多列内容选择。
    9.  
  
  9. Elements面板右键执行DOM元素节点，选择Force Element State或者点击右侧Toggle Element State图标可以出发伪类。
    10.  
  
  10. Network面板中选择一张图片，在右侧图片上鼠标右键选择copy it as a Data URI,就可以获取图片的Data URL (base64编码)。
    11.  
  
  11. 通过按住Ctrl键可以添加多个编辑光标，同时对多处进行编辑。按下Ctrl + U可以撤销编辑。
    12.  
  
  12. Elements面板右侧的Style编辑器中，点击颜色十六进制编码前的小色块，会弹出一个调色板。
    13.  
  
  13. 按下Alt键并且鼠标双击选择DOM元素前面的箭头，就会展开该DOM元素下的所有字节点元素.
    14.  
  
  14. 快捷键：
    15.  
  
  15. 快速定位到行：快捷键Ctrl+O(Mac:CMD+O),输入：行号:列号 来进行定位
    16.  
  
  16. 元素搜索：快捷键Ctrl+F(Mac:CMD+F),试试在搜索栏输入ID选择符或者类选择符就可以定位到元素啦
    17.  
 
调试过程注意事项
1.避免记录引用类型 当记录对象或数组时，永远记得你在记录什么。记录原始类型时，使用带断点的watch表达式。如果是异步代码，避免记录引用类型。
var arr = [{ num: 0 }];
setInterval(function(){
  console.log(arr);
  arr[0].num += 1;
}, 1000);

[图片上传失败...(image-d7fd9d-1599554436482)]
这里，第一个属性中对象引用的值是不可靠的。当你第一次在开发者工具中显示这个属性时，num的值就已经确定了。之后无论你对同一个引用重新打开多少次都不会变化。
2.尽可能使用 source map。有时生产代码不能使用source map，但不管怎样，你都不应该直接对生产代码进行调试。
异常调试


代码会报错。为了诸多原因，我们希望提前解决，所以我们希望准确知道代码在哪里有问题。也就是需要调试，希望 JS 像其他编程语言一样可以调试。
默认情况下会在 console 里面报错。如下图
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
为了准确定位，我们可以在调试模式的右侧开启 “Pause on exception”按钮
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
如果我们的代码加了 try.catch.，那么之前的设置是不能定位到异常的位置。


 
  
 
   
  
   
 
  
 
  

    image 
  
 
 
如果想捕获try.catch里面的异常，则可以在调试面板的右侧勾选“Pause on caught exceptions”，设置完即使是 try.catch 里面的异常也可以定位到具体位置
 
  
 
   
  
   
 
  
 
  

    image 
  
 
 

                    
                

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

        

            

                
    
                    
  • ecmascript标准
                        周盛欢
ecmascript
                        
    一、什么是ECMAScriptECMAScript是一种脚本语言的标准，由EcmaInternational组织制定。简单来说，它就是JavaScript的“官方规范”，规定了JavaScript语言的语法和行为。就像英语有语法一样，JavaScript也有自己的“语法书”，而ECMAScript就是这本“语法书”。二、为什么需要ECMAScript以前，不同的浏览器（比如Chrome、Firef
    
                    
    • 
                    
  • 初识Node.js：入门指南与核心特性解析
                        Singe.Chen
JavaScriptnode.js
                        
    引言Node.js是一种基于ChromeV8引擎构建的JavaScript运行环境，它允许开发者使用JavaScript进行服务器端编程。自2009年发布以来，Node.js因其高效的性能和广泛的应用而迅速成为后端开发的热门选择。本文将介绍Node.js的基本概念、安装和使用方法，并探讨其核心特性如事件驱动和非阻塞I/O，提供一些简单的代码示例，帮助初学者快速入门。Node.js的基本概念Node
    
                    
    • 
                    
  • html5 h265播放器,PC端播放H265
                        健康和谐男哥
html5h265播放器
                        
    说明需要在PC端浏览器(Chrome)中播放直播视频，视频格式有H264/H265。有不少三方库可以实现。通过video.js(支持H264，不支持H265)videojs-contrib-hlsembedVideo.jsExampleEmbeddata-setup='{}'>参考地址：通过hls.js(支持H264，不支持H265)pcplaym3u8(hlsjs)video{width:600
    
                    
    • 
                    
  • 掌握Python Selenium：网页元素自动化定位实战指南
                        jardonwang1
pythonselenium自动化
                        
    一、Selenium框架介绍Selenium是一个用于自动化web应用程序测试的工具，它直接运行在浏览器中，就像真实用户在操作一样。这个框架支持多种浏览器（包括Chrome、Firefox、Safari等），并且可以在多种操作系统（Windows、Linux、macOS等）上运行。Selenium的主要目标是使自动化测试变得简单，以支持开发人员和测试人员快速编写测试用例。以下是Selenium框架
    
                    
    • 
                    
  • 支持selenium的chromedriver更新到125.0.6422.60
                        代码的乐趣
selenium测试工具
                        
    最近chrome释放新版本：125.0.6422.60如果运行selenium自动化测试出现以下问题是，是需要升级chromedriver才可以解决的。selenium.common.exceptions.SessionNotCreatedException:Message:sessionnotcreated:ThisversionofChromeDriveronlysupportsChromev
    
                    
    • 
                    
  • 【爬虫】针对FingerprintJS反爬，selenium破解策略
                        steamedobun
项目管理爬虫爬虫selenium测试工具
                        
    目录FingerprintJS原理概述Selenium基础与应对思路代码实现实战（结合Selenium和UndetectedChromedriver绕过FingerprintJS）Canvas指纹随机化FingerprintJS原理概述FingerprintJS主要通过收集浏览器的各种特征信息来生成独一无二的指纹，这些信息包括但不限于：浏览器版本信息：不同浏览器版本在处理网页元素、执行JavaSc
    
                    
    • 
                    
  • 如何在Google Chrome浏览器中设置代理服务
                        m0_74824170
面试学习路线阿里巴巴chromephp前端
                        
    在日常使用互联网时，很多用户希望通过代理服务器来增强隐私保护、突破地理限制或访问受限内容。谷歌浏览器（GoogleChrome）作为全球最常用的浏览器之一，并不直接提供代理设置的选项，但我们可以通过操作系统的设置或借助第三方扩展来实现代理配置。一、什么是代理服务代理服务是指当用户发出请求时，代理服务器会代替用户向目标网站发送请求并接收响应。通过这种方式，代理服务器可以隐藏用户的真实IP地址，从而提
    
                    
    • 
                    
  • 如何使用 Nginx 配置反向代理？
                        IT专家-大狗
nginx运维
                        
    Nginx是一款高性能的开源Web服务器和反向代理服务器，广泛应用于负载均衡、缓存和静态文件服务。配置Nginx进行反向代理可以有效提高服务器性能，同时保护后端服务。本文将带您了解如何使用Nginx配置反向代理，并结合实际场景，使用Chrome浏览器进行调试和验证。什么是反向代理？反向代理是一种服务器设置，客户端的请求会首先经过代理服务器，再由代理服务器将请求转发至后端服务器。反向代理的主要功能包
    
                    
    • 
                    
  • 第23节课：前端调试技巧—掌握浏览器开发者工具与性能优化
                        学问小小谢
HTML学习前端性能优化交互html5安全学习
                        
    目录浏览器开发者工具常见的浏览器开发者工具浏览器开发者工具的基本使用打开开发者工具开发者工具的面板使用开发者工具进行调试Elements面板检查和编辑HTML检查和编辑CSSConsole面板输出日志和调试信息执行JavaScript代码Network面板监控网络请求分析请求和响应Performance面板记录和分析性能优化性能Application面板检查和管理资源调试存储性能优化与调试性能优化
    
                    
    • 
                    
  • Selenium自动化测试框架 入门与使用
                        Future_yzx
selenium测试工具
                        
    目录1.Selenium简介2.使用Selenium2.1Java使用Selenium2.2Python使用Selenium2.3支持的浏览器及WebDriver3.ChromeDriver的安装3.1查看本机Chrome版本3.2匹配对应的ChromeDriver并下载3.3配置ChromeDriver路径3.4在服务器（如CentOS）上安装ChromeJava中使用Selenium的代码示例
    
                    
    • 
                    
  • 如何在AWS上部署一个Web应用？
                        电脑高手-小林
aws前端云计算
                        
    随着云计算的普及，越来越多的开发者选择将Web应用部署到AWS（AmazonWebServices）上。AWS提供了丰富的云服务，包括计算、存储、数据库等，适用于不同规模的项目。本文将详细介绍如何在AWS上部署一个简单的Web应用，并通过Chrome浏览器验证部署效果。部署前的准备工作在开始部署之前，请确保您已经完成以下准备工作：注册AWS账户访问AWS官方网站，完成账户注册。如果您是新用户，可以
    
                    
    • 
                    
  • 《游戏引擎架构》读书笔记（二）
                        puppet_master
读书笔记游戏引擎大型项目游戏引擎架构3d游戏
                        
    一.调试技巧及工具（1）基础调试a)日志及追踪，有些bug难以用VS自带的调试来进行单步调试，最好的解决方案就是printf调试法，打印一组数据，观察情况。之前我的做法是单独生成一个控制台，不过VS自带了一个OutPutDebugString（）的方法，可以打印调试信息。不过这个只支持char*内容，我们可以将这个函数加工一下，使其支持不同类型的数据，甚至可以使其接受可变参数个数。b)冗长级别：我
    
                    
    • 
                    
  • 应对FingerprintJS反爬：Selenium的破解策略与技术详解
                        傻啦嘿哟
selenium测试工具
                        
    目录引言FingerprintJS技术概述技术原理应用场景应对策略高级解决方案代码实现与案例分析去除webdriver特征使用Undetected_chromedriver案例分析：爬取目标网站数据结论引言在现代互联网环境中，网站反爬技术日益成熟，FingerprintJS作为一种高效的浏览器指纹识别技术，被广泛应用于防止自动化脚本（如Selenium）的访问。FingerprintJS通过收集用
    
                    
    • 
                    
  • Phaser引擎开发：Phaser基础入门_开发工具与调试技巧
                        chenlz2007
游戏开发2游戏html5前端godothtml
                        
    开发工具与调试技巧在使用Phaser引擎开发动作游戏时，选择合适的开发工具和掌握调试技巧是至关重要的。这不仅能够提高开发效率，还能帮助你更快地解决遇到的问题。本节将详细介绍一些常用的开发工具和调试技巧，帮助你在Phaser引擎开发中更加得心应手。1.开发环境搭建1.1选择合适的编辑器选择一个合适的代码编辑器是开发Phaser游戏的第一步。以下是一些推荐的编辑器：VisualStudioCode(V
    
                    
    • 
                    
  • Python 自动玩谷歌浏览器“恐龙小游戏”
                        程序员-夏天
Pythonpythonchrome开发语言
                        
    相信在座的各位小伙伴对GoogleChrome浏览器中的一个游戏彩蛋恐龙小游戏(ChromeDino)不陌生吧。在断开网络连接，我们访问网站的时候，就会出现一个小霸王龙，在我们再按下空格键后，即可开始这个游戏，或者在谷歌浏览器的地址栏输入chrome://dino/,按下空格键，也可这个开始游戏。这是一个简单的无限跑步游戏，它会让你跳过仙人掌，并闪避障碍物，游戏控制也很简单，按空格键开始游戏，按空
    
                    
    • 
                    
  • python谷歌浏览器dino游戏，完整开源代码
                        terryzhang404
pythonchromepygame游戏pycharm
                        
    观前提示：本文选自作者个人博客，为获得更好观感，请访问博主博客得到更好体验）说到googlechrome，很多人都会想到它标志性的断网小游戏——chromedino，今日，我们利用python还原并将代码开源，欢迎随时取用。话不多说，直接进入正题实现效果第一部分:配置环境编译器：pycharm社区版2024.1插件：pygame导入所用库,没有的可以去下载，具体方法不多赘述，网上有importpy
    
                    
    • 
                    
  • Google Chrome浏览器设置
                        奶香臭豆腐
edge浏览器
                        
    问题描述点击GoogleChrome图标，打开的不是Google浏览器。解决步骤打开谷歌浏览器，单击右上角“自定义及控制”，再单击菜单栏中“设置”选项卡，如下图中的法1。或者，打开谷歌浏览器，在地址栏输入chrome://settings/，如下图中的法2。打开“设置”后，找到“搜索引擎”，把“地址栏中使用的搜索引擎”改成想用的搜索引擎。再点击左边的“启动时”，点击“打开新标签页”即可。三个点的符
    
                    
    • 
                    
  • 在Linux上安装Chrome浏览器时遇到的问题
                        花牧w
Linuxubuntuchrome
                        
    在Linux上安装Chrome浏览器时遇到的问题一、权限报错二、找不到文件报错三、架构不符报错四、依赖关系报错一、权限报错运行：dpkg-igoogle-chrome-stable_current_amd64-1.deb报错：dpkg：错误：所请求的操作需要超级用户权限处理方式：sudodpkg-igoogle-chrome-stable_current_amd64-1.deb[sudo]user
    
                    
    • 
                    
  • Node.js 技术学习指南：从入门到实战应用
                        小码快撩
node.js
                        
    引言Node.js®是一个开源的、跨平台的JavaScript运行环境，它允许开发人员使用JavaScript编写服务器端代码。基于GoogleChrome浏览器强大的V8JavaScript引擎构建，Node.js引入了异步I/O模型和事件驱动编程机制，使得JavaScript能够在服务器环境中高效处理高并发网络请求。一、异步I/O和事件驱动Node.js的异步I/O和事件驱动机制是其高性能的核
    
                    
    • 
                    
  • html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动
                        weixin_39974958
html文字旋转以后变形
                        
    1transform属性在CSS3中，能够利用transform性能实现文字或图像的旋转、缩放、歪斜、挪动这4中类型的变形解决。(1)浏览器反对到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器反对该属性。2旋转应用rotate办法，在参数中退出角度值，角度值前面跟示意角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rot
    
                    
    • 
                    
  • 使用window.location跳转页面在火狐上无法触发的问题
                        泰伦闲鱼
javaScript
                        
    为了兼容ie跟chrome，我在js跳转当前页面的时候使用了window.location.href="url"的写法，其他浏览器测试都ok了，但是偏偏在火狐上面无效。研究了半天，发现一个很奇葩的问题，在同一个页面的其他js代码里面使用了οnclick="window.location.href='url'"的写法又可以跳转页面。没办法，只好查查是什么原因引起的咯，在跳转之前，页面上使用了一个if
    
                    
    • 
                    
  • 专为课堂打造：宏碁推出三款全新耐用型 Chromebook
                        2301_82086730
屏币售价
                        
    IT之家1月25日消息，宏碁（Acer）昨日（1月24日）发布公告，针对教育市场，推出ChromebookSpin512(R857T)、ChromebookSpin511(R757T)和Chromebook511(C737)三款产品，兼具耐用性、创新功能和成本效益，满足学生、教师和管理人员的需求。三款产品均搭载英特尔N250处理器，IT之家附上相关参数如下：AcerChromebookSpin51
    
                    
    • 
                    
  • vue快速集成word在线编辑
                        睡不着的可乐
vue.jsword前端
                        
    word在线编辑查看一些文档金格插件WebOffice2015、chrome浏览器插件、only-office、UEditor、TinyMCE、CKEditor、wangeditor、canvas-editor最后选择了only-office和canvas-editoronly-office非常功能强大，word、ppt、excel都支持在线编辑预览，还支持协同，又有免费开源版。附上本地运行dem
    
                    
    • 
                    
  • 10个必备Python调试技巧：从pdb到单元测试的开发效率提升指南
                        deephub
python单元测试机器学习人工智能开发语言
                        
    在Python开发过程中，调试是一项核心技能。无论是初级开发者还是资深工程师，掌握高效的调试技巧都能显著提升开发效率。本文将介绍10个实用的调试方法，帮助开发者更有效地定位和解决问题。1、Python内置调试器pdb的应用Python的内置调试器pdb是一个功能强大的调试工具。它能够在程序执行过程中设置断点，检查变量状态，并支持单步调试。importpdbdefbuggy_function(a,b
    
                    
    • 
                    
  • chrome源码剖析—UI架构&&消息机制
                        ปรัชญา แค้วคำมูล
c++性能优化chrome
                        
    Chrome浏览器的UI架构是高度模块化且基于现代图形技术和用户界面设计理念构建的。它的UI架构涵盖了窗口、标签页、控件、通知、菜单等组件的管理和交互。Chrome的UI基本上是通过views框架和Aura（Chrome自己的UI层）构建的，后者又基于Skia（2D图形渲染）和Blink（网页渲染引擎）工作。在开发ChromeUI时，涉及的关键概念包括开发步骤、模块化架构、消息机制等。以下是一个详
    
                    
    • 
                    
  • selenium获取登录token
                        Rverdoser
python开发语言
                        
    获取登录token的方法有多种，以下是几个常见的实现方法：方法一：使用Selenium自动化操作浏览器进行登录，并通过浏览器的开发者工具获取登录后的token。代码示例：fromseleniumimportwebdriver#使用Selenium打开浏览器，并登录获取tokendefget_login_token():driver=webdriver.Chrome()#使用Chrome浏览器驱动d
    
                    
    • 
                    
  • 谷歌浏览器打开无标题
                        mp2020xuexi
运维
                        
    你是不是安装了360？装了360安全卫士，还选择了“系统修复”中的“常规修复”，然后修复结果中有一个“组策略”异常的选项，你选择了修复，然后chrome就会这样了。恢复的方法是打开“恢复区”，找到那个选项，选择后面的“恢复”，因为它默认是不处理的，只是隔离了，你恢复之后再重启电脑，就没问题了。
    
                    
    • 
                    
  • chrome插件：网页图片高清下载
                        易林示
小工具chrome小程序python
                        
    前置条件：安装有chrome谷歌浏览器的电脑使用步骤：1.打开chrome扩展插件2.点击管理扩展程序3.加载已解压的扩展程序4.选择对应文件夹5.成功后会出现一个扩展小程序6.点击对应小程序7.输入需要访问的网址，点击扩展插件即可进行图片下载
    
                    
    • 
                    
  • Python数据分析之共享单车及建模探索(CLV建模、可视化)
                        weixin_46205203
笔记python数据分析数据建模
                        
    Python数据分析之共享单车及建模探索(CLV建模、可视化)开发环境4.3【开发平台及环境】Windons10教育版Python3.7IntelliJIDEA2018.2.1/PyCharmGoogeChrome数据清洗分析模块pandas，numpy可视化模块matplotlib上期原创：Python数据分析之智联招聘职位分析完整项目（数据爬取,数据分析,数据可视化）链接:https://bl
    
                    
    • 
                    
  • [c++简单小游戏]东搞西搞第二弹——谷歌chrome小恐龙升级版（啊哈）
                        zlt_cnyali
东搞西搞区c++游戏
                        
    上效果图~~~灵感来源：谷歌chrome的小恐龙游戏（就是每次断网都会弹出来的那个）那个#是墙。。。#include#include#include#include#defineN80#defineup72#defineleft75#defineright77#definedown80voidrun();voidyn();voidprint(int[][N]);voidmenu();intscr[
    
                    
    • 
                                
  • Spring中@Value注解，需要注意的地方
                                    无量
springbean@Valuexml
                                    
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 
 
 
1、在applicationContext.xml文件(或引用文件中)中配置properties文件 
 
<bean id="appProperty"
    class="org.springframework.beans.fac
    
                                
    • 
                                
  • mongoDB 分片
                                    开窍的石头
mongodb
                                    
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。 
    第一步启动两台以上的mongo服务 
&nb
    
                                
    • 
                                
  • OVER(PARTITION BY)函数用法
                                    0624chenhong
oracle
                                    
    这篇写得很好，引自 
http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html 
 
 
OVER(PARTITION BY)函数用法 
 
 2010年10月26日 
 
OVER(PARTITION BY)函数介绍 
 
开窗函数        &nb
    
                                
    • 
                                
  • Android开发中，ADB server didn't ACK 解决方法
                                    一炮送你回车库
Android开发
                                    
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。 
  
一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 
参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 
简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 
&nb
    
                                
    • 
                                
  • canvas中的像素绘制问题
                                    换个号韩国红果果
JavaScriptcanvas
                                    
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 
2.如果绘制点为一个像素的
    
                                
    • 
                                
  • 编码乱码问题
                                    灵静志远
javajvmjsp编码
                                    
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 
3、getBytes()、getByte
    
                                
    • 
                                
  • java 求几个月后的日期
                                    darkranger
calendargetinstance
                                    
    Date plandate = planDate.toDate();
SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd");
Calendar cal = Calendar.getInstance();
cal.setTime(plandate);
// 取得三个月后时间
cal.add(Calendar.M
    
                                
    • 
                                
  • 数据库设计的三大范式（通俗易懂）
                                    aijuans
数据库复习
                                    
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 
目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
    
                                
    • 
                                
  • 想学工作流怎么入手
                                    atongyeye
jbpm
                                    
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 
 
 
系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 
 
本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 
 
1  首先要
    
                                
    • 
                                
  • Context和SQLiteOpenHelper创建数据库
                                    百合不是茶
androidContext创建数据库
                                    
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper 
  
  
一:SQLiteOpenHelper创建数据库: 
  
1,SQLi
    
                                
    • 
                                
  • 浅谈group by和distinct
                                    bijian1013
oracle数据库group bydistinct
                                    
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。 
        譬如：统计每id数并且只显示数大于3 
select id ,count(id) from ta
    
                                
    • 
                                
  • vi opertion
                                    征客丶
macoprationvi
                                    
    进入 command mode （命令行模式） 
按 esc 键 
再按 shift + 冒号 
 
注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 
 
一、文件操作 
1.1、强制退出不保存 
$ q! 
1.2、保存 
$ w 
1.3、保存并退出 
$ wq 
1.4、刷新或重新加载已打开的文件 
$ e 
 
二、光标移动 
2.1、跳到指定行 
数字
    
                                
    • 
                                
  • 【Spark十四】深入Spark RDD第三部分RDD基本API
                                    bit1129
spark
                                    
      
对于K/V类型的RDD,如下操作是什么含义？ 
  
val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5))
rdd.reduceByKey(_+_).collect 
 reduceByKey在这里的操作，是把
    
                                
    • 
                                
  • java类加载机制
                                    BlueSkator
java虚拟机
                                    
    java类加载机制 
1.java类加载器的树状结构 
引导类加载器 
^ 
| 
扩展类加载器 
^ 
| 
系统类加载器 
java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 
虚拟机区分一个Cla
    
                                
    • 
                                
  • 动态添加文本框
                                    BreakingBad
文本框
                                    
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
    
                                
    • 
                                
  • 读《研磨设计模式》-代码笔记-单例模式
                                    bylijinnan
java设计模式
                                    
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ 
 
 



public class Singleton {
}

/*
 * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题
 */
class LazySingleton
    
                                
    • 
                                
  • iOS应用打包发布常见问题
                                    chenhbc
iosiOS发布iOS上传iOS打包
                                    
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。 
  
1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
    
                                
    • 
                                
  • 工作流复杂拓扑结构处理新思路
                                    comsci
设计模式工作算法企业应用OO
                                    
     我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
    
                                
    • 
                                
  • oracle 11g新特性Flashback data archive
                                    daizj
oracle
                                    
    1. 什么是flashback data archive 
 
Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。 
    
                                
    • 
                                
  • 多叉树:2-3-4树
                                    dieslrae
树
                                    
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征: 
    1、有一个数据项的节点总是有2个子节点(称为2-节点) 
    2、有两个数据项的节点总是有3个子节点(称为3-节
    
                                
    • 
                                
  • C语言学习七动态分配 malloc的使用
                                    dcj3sjt126com
clanguagemalloc
                                    
    /*
	2013年3月15日15:16:24
	malloc 就memory(内存) allocate(分配)的缩写
	本程序没有实际含义，只是理解使用	
 */
# include <stdio.h>
# include <malloc.h>

int main(void)
{
	int i = 5;	//分配了4个字节 静态分配
	int * p 
    
                                
    • 
                                
  • Objective-C编码规范[译]
                                    dcj3sjt126com
代码规范
                                    
         
 
  
  原文链接 : The official raywenderlich.com Objective-C style guide  
  原文作者 : raywenderlich.com Team  
  译文出自 : raywenderlich.com Objective-C编码规范  
  译者 : Sam Lau  
  
    
                                
    • 
                                
  • 0.性能优化-目录
                                    frank1234
性能优化
                                    
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 
主要内容包括： 
一、性能测试指标 
吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 
http://frank1234.iteye.com/blog/2180305 
 
二、性能测试策略 
生产环境相同 基准测试 预热等 
htt
    
                                
    • 
                                
  • Java父类取得子类传递的泛型参数Class类型
                                    happyqing
java泛型父类子类Class
                                    
      
import java.lang.reflect.ParameterizedType;
import java.lang.reflect.Type;

import org.junit.Test;

abstract class BaseDao<T> {
	public void getType() {
		//Class<E> clazz =
    
                                
    • 
                                
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载
                                    jinnianshilongnian
springMVC
                                    
      
----广告-------------------------------------------------------------- 
网站核心商详页开发 
掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 
掌握数据库技术，表设计和索引优化，分库分表/读写分离； 
了解缓存技术，熟练使用如Redis/Memcached等主流技术； 
了解Ngin
    
                                
    • 
                                
  • the HTTP rewrite module requires the PCRE library
                                    流浪鱼
rewrite
                                    
    ./configure: error: the HTTP rewrite module requires the PCRE library. 
模块依赖性Nginx需要依赖下面3个包 
1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 
2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 
3. s
    
                                
    • 
                                
  • 第12章 Ajax（中）
                                    onestopweb
Ajax
                                    
    index.html 
<!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/
    
                                
    • 
                                
  • Optimize query with Query Stripping in Web Intelligence
                                    blueoxygen
BO
                                    
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence 
and a very straightfoward video 
http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
    
                                
    • 
                                
  • Java开发者写SQL时常犯的10个错误
                                    tomcat_oracle
javasql
                                    
    1、不用PreparedStatements   　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个：   　　他们对PreparedStatements不了解   　　他们认为使用PreparedStatements太慢了   　　他们认为写Prepar
    
                                
    • 
                                
  • 世纪互联与结盟有感
                                    阿尔萨斯

                                    
     10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 
 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 
 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
    
                                
    •