- Firefox / Chrome 开发者工具 使用技巧
weixin_30814223
javascriptViewUI
附上资料https://developers.google.cn/web/tools/chrome-devtools/谷歌官方开发者工具文档https://developer.mozilla.org/zh-CN/docs/Tools火狐官方开发者工具文档https://developer.mozilla.org/zh-CN/火狐开发者文档库https://developers.google.cn/
- Chrome-Devtools介绍(代码调试)
outstanding木槿
小技巧前端javascriptreact.js前端框架
刚从事前端代码开发那会,遇到代码报错,询问同事,同事直接说“你F12看一下,打个断点”,蒙了,怎么打断点,怎么看,断点怎么使用,断点的界面看不懂,一顿尴尬,自己也不好意思问,自尊心作祟,不敢问,怕别人嘲笑,怕问的太简单,自己太菜,.....这种感受深有体会,希望下面的能帮助到你们,写代码会调试太重要了,调试就离不开打断点。使用Vscode必定离不开代码的调试,下面介绍代码调试页面功能及使用、前端容
- 如何开启谷歌开发者工具进行远程调试-Android 设备的远程调试入门
左子穆
参考文档:https://developers.google.com/web/tools/chrome-devtools/network?hl=zh-cn步骤:1.安装谷歌浏览器pc2.安装谷歌浏览器android3.让android手机链接到电脑,通过adbdevices可以查看4.点击查看pc谷歌浏览器开发者。image.png5.操作输入看效果。image.png
- Immutable.js API 简介
前端布道人
javascript开发语言ecmascript
Immutable-js这个库的实现是深拷贝还是浅拷贝?immutable来源immutable.js三大特性:持久化数据结构结构共享惰性操作Immutable.js的几种数据类型immutable使用使用npm安装immutable:常用API介绍MapListList.isList()和Map.isMap()set()/setIn()get()/getIn()sizeincludes()fir
- Immutable.js API 简介
前端布道人
前端杂货铺javascript开发语言ecmascript
Immutable-js这个库的实现是深拷贝还是浅拷贝?immutable来源immutable.js三大特性:持久化数据结构结构共享惰性操作Immutable.js的几种数据类型immutable使用使用npm安装immutable:常用API介绍MapListList.isList()和Map.isMap()set()/setIn()get()/getIn()sizeincludes()fir
- Chrome JS debug技巧
每天写写代码
用好debug可以使得分析代码和解决bug事半功倍。一.基本使用最基本的使用方式建chromedevtools官方文档,说的已经比较详情,此处把链接搬了过来:https://developers.google.com/web/tools/chrome-devtools/javascript二.条件断点先在需要断点的代码行端点,红色圆圈展示出来在这个断点上右键,点击[Editbreakpoint..
- web爬虫第二弹 chrome开发者工具
励志的大鹰哥
爬虫python自我提升chrome前端爬虫
chrome开发者工具文档中文:http://shouce.jb51.net/chrome/英文:https://developers.google.com/web/tools/chrome-devtools/chrome开发者工具打开方式1-在Chrome菜单中选择更多工具>开发者工具2-在页面元素上右键点击,选择“检查”3-使用快捷键Ctrl+Shift+i(mac:cmd+opt+i)4-F
- Chrome 浏览器 Javascript 调试参考
威少_吴
此文章翻译自developers.google.com/web/tools/chrome-devtools/javascript/reference,是对chrome下调试javascript的工具和方法介绍。调试js需要结合浏览器断点操作,具体可见我的上一篇文章:使用断点调试代码。打上断点之后,需要操作对应图标进行调试,图标如下:从左到右分别是:Pause/Resumescriptexecuti
- 一、Chrome浏览器调试工具/文档
草木红
浏览器chromedevtoolschrome
https://www.html.cn/doc/chrome-devtools/settings/https://developers.google.cn/web/tools/chrome-devtools/一、基础(一).常用快捷方式1.打开开发者工具devToolsmac:command+alt+iwindows:F12或者Ctrl+shift+i2.打开devTools设置当DevTools
- App内嵌H5页面调试利器 chrome://inspect
清溪绕梧桐
来源:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews个人测试相当好用,但是需要安卓开发人员对你要调试页面的webview添加setWebContentsDebuggingEnabled。的调用,见下文加粗部分。这个一般都是测试包内用的,所以一般都是单独加上给你来个测试包供你测试用的。
- 关于只能微信客户端打开链接的爬取调试
萌木盖
起因:爬取一个页面,有js加密。浏览器打开不行。如下:image.png解决方案:1、chrome远程调试:微信浏览器开启远程调试https://x5.tencent.com/tbs/guide/debug/faq.htmlAndroid设备的远程调试入门https://developers.google.com/web/tools/chrome-devtools/remote-debugging
- 远程调试 Android 设备
心无旁骛_
转载:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3目的:从Windows、Mac或Linux计算机远程调试Android设备上的实时内容1.安卓机下载最新谷歌浏览器2.连接电脑3.PC端谷
- immutable.js学习笔记(一)----- Immutable简介
千夏Chinatsu
Immutable.js
一、Immutable.js介绍Immutable.js官方文档:https://immutable-js.github.io/immutable-js/关于Immutable的定义,官方文档是这样说的:Immutabledatacannotbechangedoncecreated,leadingtomuchsimplerapplicationdevelopment,nodefensivecopy
- chrome开发者工具文档
天字一等
转载自:http://www.css88.com/doc/chrome-devtools/javascript/watch-variables/
- chrome-devtools 谷歌浏览器开发者工具 使用总结
若不能同行_那么祝你一路顺风
速记
一直在用Chromedevtools,用了6、7年,十分好用,在此总结一些非常有用的东西(需要一定基础和知识),功能强大不一一介绍下贴文档自行查阅官方文档动态修改页面老练的前端开发同学应该非常熟悉,我曾以为是每个前端开发的必备技能,但是事实上很多人不知道,f12打开开发者工具选择elements可以定位元素(快速)、修改css样式(直观)、查看事件等等,注意是临时修改,刷新则还原,满意的时候需要自
- DevTools:Chrome 内置调试工具
weixin_30463341
DevTools:Chrome内置调试工具2016-08-29https://developers.google.com/web/tools/chrome-devtools转载于:https://www.cnblogs.com/royalxavier/p/5819074.html
- Chrome开发者工具使用指南
一个谦虚的青年
所见
前言工欲善其事,必先利其器。在前端工作中,我们常常使用到Chrome开发者工具去做各种各样的事情。但是您真的了解这些开发者工具吗?官方文档还是挺详细的:chrome-devtools文档。但是文档中仍然会有一些功能没有描述到和一笔带过。而我的这篇指南,会略过那些一目了然的功能以及一些容易替代的方案,写一写那些您可能不太了解的功能和文档描述不清的功能。阅读本篇文章需要有一定的前端基础。媒体查询功能C
- 混合式应用真机调试(Android Studio + Chrome)
尧石
安卓开发
如何在chrome上调试混合式APPhttps://developers.google.com/web/tools/chrome-devtools/remote-debugging/GetStartedwithRemoteDebuggingAndroidDevicesKayceBasquesByKayceBasquesTechnicalWriteratGoogleRemotedebugliveco
- 怎样抓webview的trace
zhangchao2280
Android
1.DevTools简介DevTools是Google提供给Android开发者的一个调试工具,用于调试自己开发的APP内嵌的WebView的内容,具体用法可以参考Google官方文档:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/https://developers.google.com/web/
- 【翻译】Immutable
独爱一乐拉面
原文地址:http://facebook.github.io/immutable-js/JavaScript的不可变数据集Immutable一旦创建就不能被修改,可以使用软件开发更简单,无副作用的复制,高级记忆,使用简单逻辑改变侦探技术。持久化数据提供了一个灵活的api,用以产生新数据,而不是在对数据进行改变。Immutable.js提供了很多持久化数据结构,包括List,Stack,Map,Or
- Performance使用教程:分析运行时性能
神以灵
【杂记】
原文链接:https://developers.google.cn/web/tools/chrome-devtools/evaluate-performanceGetstarted在本教程中,你在一个在线的页面打开DevTools,使用Performance面板在页面上查找性能瓶颈。1.打开隐身模式下的chrome浏览器,确保chrome运行在一个干净的状态下。如果你安装了许多的拓展插件,这些拓展
- 用Chrome在手机上调试本地网页代码
weixin_30617695
移动开发javascript
本文摘自Google原文地址1:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3#port-forwarding原文地址2:https://developers.google.com/web/
- browsers simulator
xgqfrms
browserssimulatorhttps://developers.google.com/web/tools/chrome-devtools/device-mode/testing-other-browsers?hl=zh-cnhttps://chrome.google.com/webstore/detail/test-ie/eldlkpeoddgbmpjlnpfblfpgodnojfjl?h
- [JS 分析] 快速定位 JS 代码,还原被混淆压缩的 JS 代码
weixin_30681615
-1.目录0.参考1.页面表现2.慢镜头观察:低速网络请求3.从头到尾调试:Fiddler拦截index.html并添加debugger;4.快速定位js代码5.还原被混淆压缩的js0.参考https://developers.google.com/web/tools/chrome-devtools/javascript/step-code如何单步调试代码https://bindog.github
- 前端白屏时间/首屏时间怎么计算--了解 Resource Timing
kyle背背要转运
ResourceTiming转载:https://developers.google.cn/web/tools/chrome-devtools/network-performance/understanding-resource-timing使用performance.timing对象里面的数据进行计算操作就能得出时间啦。公式如下:DNS解析时间:domainLookupEnd-domainLoo
- DevTools开发者工具(chrome谷歌浏览器)
无己心
#计算机Chrom
概述官方文档https://developers.google.com/web/tools/chrome-devtools/(需科学上网)打开方法:*在Chrome菜单中选择更多工具>开发者工具*在页面元素上右键点击,选择“检查”*使用快捷键Ctrl+Shift+I(Windows)或Cmd+Opt+I(Mac)前言:chrome的开发者工具可以说是十分强大了,是web开发者的一大利器,作为我个人
- Awesome Chrome-devtools
船长酱
https://github.com/ChromeDevTools/awesome-chrome-devtoolsLearningDevTips-Largecollectionoftipsasanimatedgifs.DevToolsasanIDEChromeDevToolsApp-Standaloneappwhichcaninspectvarioustargets.DevToolsRemote-
- JS逆向 | 分享一个小技巧和XHR断点的小案例
煌金
你来了,来练手啊。咸鱼又来练手了,这次来研究下在搜索参数搜不到的情况下怎么办?(仅限XHR请求)有点经验的朋友肯定知道这次要用的就是XHRBreakPoint。关于XHRBreakPoint在很多文档中都有提及,咸鱼就不啰嗦了,还不是很了解的可以看下面的文档。https://developers.google.com/web/tools/chrome-devtools/在分析请求之前,咸鱼分享一个
- 浏览器开发者工具使用技巧
weixin_34202952
浏览器开发者工具使用技巧学习网址:https://developers.google.cn/web/tools/chrome-devtools/http://www.css88.com/doc/chrome-devtools/javascript/add-breakpoints/1.使用开发者工具Chrome:F12/ctrl+shift+i/选项-》更多工具=====>打开开发者工具【1】设置开
- 撸一个自己想要的chrome-devtools拓展之笔记
weixin_34113237
提前BB:本来打算和chrome拓展玩耍的,但是发现我想做的东西,需要用到的一些API,单纯的CRX不足以满足。然后又发现新大陆chrome.devtools。于是,记一个笔记。如果你用过,或者正在使用react,那么你应该知道一个东西叫做ReactDeveloperTools。这个就是在页面右上角有个图标,完了使用的时候,按F12也会看到,在控制台里有一个React的选项。没错就是它。图片里红框
- 解读Servlet原理篇二---GenericServlet与HttpServlet
周凡杨
javaHttpServlet源理GenericService源码
在上一篇《解读Servlet原理篇一》中提到,要实现javax.servlet.Servlet接口(即写自己的Servlet应用),你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ,也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet(这就是为什么我们自定义的Servlet通常是exte
- MySQL性能优化
bijian1013
数据库mysql
性能优化是通过某些有效的方法来提高MySQL的运行速度,减少占用的磁盘空间。性能优化包含很多方面,例如优化查询速度,优化更新速度和优化MySQL服务器等。本文介绍方法的主要有:
a.优化查询
b.优化数据库结构
- ThreadPool定时重试
dai_lm
javaThreadPoolthreadtimertimertask
项目需要当某事件触发时,执行http请求任务,失败时需要有重试机制,并根据失败次数的增加,重试间隔也相应增加,任务可能并发。
由于是耗时任务,首先考虑的就是用线程来实现,并且为了节约资源,因而选择线程池。
为了解决不定间隔的重试,选择Timer和TimerTask来完成
package threadpool;
public class ThreadPoolTest {
- Oracle 查看数据库的连接情况
周凡杨
sqloracle 连接
首先要说的是,不同版本数据库提供的系统表会有不同,你可以根据数据字典查看该版本数据库所提供的表。
select * from dict where table_name like '%SESSION%';
就可以查出一些表,然后根据这些表就可以获得会话信息
select sid,serial#,status,username,schemaname,osuser,terminal,ma
- 类的继承
朱辉辉33
java
类的继承可以提高代码的重用行,减少冗余代码;还能提高代码的扩展性。Java继承的关键字是extends
格式:public class 类名(子类)extends 类名(父类){ }
子类可以继承到父类所有的属性和普通方法,但不能继承构造方法。且子类可以直接使用父类的public和
protected属性,但要使用private属性仍需通过调用。
子类的方法可以重写,但必须和父类的返回值类
- android 悬浮窗特效
肆无忌惮_
android
最近在开发项目的时候需要做一个悬浮层的动画,类似于支付宝掉钱动画。但是区别在于,需求是浮出一个窗口,之后边缩放边位移至屏幕右下角标签处。效果图如下:
一开始考虑用自定义View来做。后来发现开线程让其移动很卡,ListView+动画也没法精确定位到目标点。
后来想利用Dialog的dismiss动画来完成。
自定义一个Dialog后,在styl
- hadoop伪分布式搭建
林鹤霄
hadoop
要修改4个文件 1: vim hadoop-env.sh 第九行 2: vim core-site.xml <configuration> &n
- gdb调试命令
aigo
gdb
原文:http://blog.csdn.net/hanchaoman/article/details/5517362
一、GDB常用命令简介
r run 运行.程序还没有运行前使用 c cuntinue 
- Socket编程的HelloWorld实例
alleni123
socket
public class Client
{
public static void main(String[] args)
{
Client c=new Client();
c.receiveMessage();
}
public void receiveMessage(){
Socket s=null;
BufferedRea
- 线程同步和异步
百合不是茶
线程同步异步
多线程和同步 : 如进程、线程同步,可理解为进程或线程A和B一块配合,A执行到一定程度时要依靠B的某个结果,于是停下来,示意B运行;B依言执行,再将结果给A;A再继续操作。 所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回,同时其它线程也不能调用这个方法
多线程和异步:多线程可以做不同的事情,涉及到线程通知
&
- JSP中文乱码分析
bijian1013
javajsp中文乱码
在JSP的开发过程中,经常出现中文乱码的问题。
首先了解一下Java中文问题的由来:
Java的内核和class文件是基于unicode的,这使Java程序具有良好的跨平台性,但也带来了一些中文乱码问题的麻烦。原因主要有两方面,
- js实现页面跳转重定向的几种方式
bijian1013
JavaScript重定向
js实现页面跳转重定向有如下几种方式:
一.window.location.href
<script language="javascript"type="text/javascript">
window.location.href="http://www.baidu.c
- 【Struts2三】Struts2 Action转发类型
bit1129
struts2
在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action,配置如下
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configurat
- 【HBase十一】Java API操作HBase
bit1129
hbase
Admin类的主要方法注释:
1. 创建表
/**
* Creates a new table. Synchronous operation.
*
* @param desc table descriptor for table
* @throws IllegalArgumentException if the table name is res
- nginx gzip
ronin47
nginx gzip
Nginx GZip 压缩
Nginx GZip 模块文档详见:http://wiki.nginx.org/HttpGzipModule
常用配置片段如下:
gzip on; gzip_comp_level 2; # 压缩比例,比例越大,压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
- java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针,比如 h1 , h2 ,判断这俩个链表是否相交
bylijinnan
java
public class LinkListTest {
/**
* we deal with two main missions:
*
* A.
* 1.we create two joined-List(both have no loop)
* 2.whether list1 and list2 join
* 3.print the join
- Spring源码学习-JdbcTemplate batchUpdate批量操作
bylijinnan
javaspring
Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法,Spring只是做了一下改造和封装
JDBC的batch操作:
String sql = "INSERT INTO CUSTOMER " +
"(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
- [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展
comsci
工作流
生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........
竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
- base64编码和url编码
cuityang
base64url
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import java.io.StringWriter;
import java.io.UnsupportedEncodingException;
- web应用集群Session保持
dalan_123
session
关于使用 memcached 或redis 存储 session ,以及使用 terracotta 服务器共享。建议使用 redis,不仅仅因为它可以将缓存的内容持久化,还因为它支持的单个对象比较大,而且数据类型丰富,不只是缓存 session,还可以做其他用途,一举几得啊。1、使用 filter 方法存储这种方法比较推荐,因为它的服务器使用范围比较多,不仅限于tomcat ,而且实现的原理比较简
- Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式']
dcj3sjt126com
数据库
public function getMinLimit () { $sql = "..."; $result = yii::app()->db->createCo
- solr StatsComponent(聚合统计)
eksliang
solr聚合查询solr stats
StatsComponent
转载请出自出处:http://eksliang.iteye.com/blog/2169134
http://eksliang.iteye.com/ 一、概述
Solr可以利用StatsComponent 实现数据库的聚合统计查询,也就是min、max、avg、count、sum的功能
二、参数
- 百度一道面试题
greemranqq
位运算百度面试寻找奇数算法bitmap 算法
那天看朋友提了一个百度面试的题目:怎么找出{1,1,2,3,3,4,4,4,5,5,5,5} 找出出现次数为奇数的数字.
我这里复制的是原话,当然顺序是不一定的,很多拿到题目第一反应就是用map,当然可以解决,但是效率不高。
还有人觉得应该用算法xxx,我是没想到用啥算法好...!
还有觉得应该先排序...
还有觉
- Spring之在开发中使用SpringJDBC
ihuning
spring
在实际开发中使用SpringJDBC有两种方式:
1. 在Dao中添加属性JdbcTemplate并用Spring注入;
JdbcTemplate类被设计成为线程安全的,所以可以在IOC 容器中声明它的单个实例,并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱,泛型,可变长度
- JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节
justjavac
json
2013年5月,Yehuda Katz 完成了JSON API(英文,中文) 技术规范的初稿。事情就发生在 RailsConf 之后,在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
- 网站项目建设流程概述
macroli
工作
一.概念
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。
二.需求分析
项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。
客户的需求说明书
第一步是需
- AngularJs 三目运算 表达式判断
qiaolevip
每天进步一点点学习永无止境众观千象AngularJS
事件回顾:由于需要修改同一个模板,里面包含2个不同的内容,第一个里面使用的时间差和第二个里面名称不一样,其他过滤器,内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not,继续追究其源码。
var b = "{{",
a = "}}";
this.startSymbol = function(a) {
- Spark算子:统计RDD分区中的元素及数量
superlxw1234
sparkspark算子Spark RDD分区元素
关键字:Spark算子、Spark RDD分区、Spark RDD分区元素数量
Spark RDD是被分区的,在生成RDD时候,一般可以指定分区的数量,如果不指定分区数量,当RDD从集合创建时候,则默认为该程序所分配到的资源的CPU核数,如果是从HDFS文件创建,默认为文件的Block数。
可以利用RDD的mapPartitionsWithInd
- Spring 3.2.x将于2016年12月31日停止支持
wiselyman
Spring 3
Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x(包含tomcat 6.x)的支持。在此之前spring团队将持续发布3.2.x的维护版本。
请大家及时准备及时升级到Spring
- fis纯前端解决方案fis-pure
zccst
JavaScript
作者:zccst
FIS通过插件扩展可以完美的支持模块化的前端开发方案,我们通过FIS的二次封装能力,封装了一个功能完备的纯前端模块化方案pure。
1,fis-pure的安装
$ fis install -g fis-pure
$ pure -v
0.1.4
2,下载demo到本地
git clone https://github.com/hefangshi/f