之前上家公司主要是做移动端 H5 开发的，但相关技术和配套体系已经很成熟了，很难接触到背后的这套体系。
Echart是百度研发团队开发的一款报表视图JS插件，功能十分强大，是本人用过的国产作品中最牛逼的，记得四五年前就在qt中使用过，当时用的浏览器控件是webkit，由于5.6以后的版本不再支持webkit，而换用webengine内核，很多人在下载使用后不能正常编译，今天特意抽空做个webengine版本，使得同时支持webkit和webengine。
经济学中的“有需求就有市场”，在技术领域也不例外，Electron 是应需求而生的，Electron 面世之后，非但满足了现有大部分的开发需求，还创造了大量的新需求，开辟了一个新的生态。
今年的Pwn2Own比赛刚刚结束，在Pwn2Own温哥华站的比赛中，Fluoroacetate团队所使用的一个WebKit漏洞成功吸引了我的注意。这个漏洞是一个价值五万五千美金的漏洞利用链的一部分，在这篇文章中，我将会对这个漏洞进行深入分析，并对漏洞进行验证和研究。
浏览器内核（Rendering Engine），常见的叫法如：排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核。
node-webkit是两周前我才刚刚认识的桌面开发利器。那天程序君写了篇关于github atom的文章，中间有段文字做了大胆的猜测：「这就是Atom最大的亮点！web native。在此之下，less style，coffeescript plugin，nodejs integration都水到渠成。看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。chrome的源代码base在webkit上（貌似是bsd），所以atom可以任意修改。很可
来由 纯粹的无聊，一直在搜索JavaScriptCore和SpiderMonkey的一些信息，却无意中学习了如何在ios的UIWebView中判断其js解析引擎的方法： if (window.devicePixelRatio) { //If WebKit browser var st = escape(navigator.javaEnabled.toString()); if (st === 'function%20javaEnabled%28%29%20%7B%20%5Bnative%
WebKit作为一个浏览器引擎，其中Javascript实现包括JavaScriptCore和V8，为了能更全面的了解WebKit，我们需要深入的了解Javascript实现的基本原理、其在WebKit中的作用以及与其他部分之间的交互，同时与Gecko中的Javacript实现作初步的对比。让我们开始了解WebKit之Javascript实现JavaScriptCore、V8之旅吧。
解释性语言: 解释性语言，支持动态类型，弱类型，在程序运行的时候才进行编译，而编译前需要确定变量的类型，效率比较低，对不同系统平台有较大的兼容性.
1，跟进anshy提出的加载慢问题，发现webkit会走内存缓存，而miniblink和chromium都不会走，只要是本地文件，每次都加载新的。另外miniblink可以加个优化，在firstlayout后才显示内容。不过还是无法达到webkit的速度，需要继续优化
众所周知，刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发的框架语言。这标志着继 SpaceX 上天之后，JavaScript 再一次蹭到了新闻联播级的热点。这么好的机会，只拿来阴阳怪气实在太可惜了。作为科普，这篇文章不会拿着放大镜找出代码中的槽点来吹毛求疵，而是希望通俗地讲清楚它所支持的 GUI 到底是怎么一回事。只要对计算机基础有个大概的了解，应该就不会对本文有阅读上的障碍。
在Android开发中我们有很多时候要与其他语言进行交互，然而对于小白来说学习安卓就够头疼的了更不用说其他的语言了，很多教程的实现过程繁杂简直是天书，本篇就用最易懂最简单的方式教小白们掌握Anroid如何与Js、C#、C和C++进行交互，让大家克服对其他语言的恐惧！
浏览器=shell+内核 其中shell的种类相对比较多，内核则比较少。Shell是指浏览器的外壳：例如菜单，工具栏 等。主要是提供给用户界面操作，参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。
声明：本文是对美团技术团队唐笛《深入理解JSCore》一文的学习笔记，如要查看原文，请点击文末的“阅读原文”。
WebKitPort方面的内容是可以很广的，例如可将不同的图形库、网络库与WebCore集成，提供不同的Port接口供外部程序使用等，例如同样在windows平台上可以运行的Google Chrome和Safari就是针对WebKit的不同移植。
当下浏览器内核主要有 Webkit、Blink 等。本文分析注意是自 2001 年 Webkit 从 KHTML 分离出去并开源后，各大浏览器厂商魔改 Webkit 的时期，这些魔改的内核最终以 Chromium 受众最多而脱颖而出。本文就以 Chromium 浏览器架构为基础，逐层探入进行剖析。
正式讨论「跨端开发」这个概念前，我们可以先思考一个问题：对大部分前端工作来说，前端主要干些啥？
一：源起 1.何为CB/S的应用程序 C/S结构的应用程序，是客户端/服务端形式的应用程序，这种应用程序要在客户电脑上安装一个程序，客户使用这个程序与服务端通信，完成一定的操作。 B/S结构的应用程序，是浏览器/服务端形式的应用程序，这种应用程序不用在客户端部署任何东西，客户只需要通过浏览器与服务端通信，来完成一定的操作。 两种类型的程序优缺点对比： 对比内容 C/S结构的应用程序 B/S结构的应用程序 部署 较困难 方便 升级
📌本文是我在学习多个平台 UI 框架后的一些感触，受精力和技术水平所限，文中定有不足之处，请各位大佬多多指教 如果你觉得我的文章对你有帮助，在收藏的过程中，一定要记得点赞和点在看哦，谢谢你，这对我真的很重要🌟！ 一、前端三板斧 正式讨论「跨端开发」这个概念前，我们可以先思考一个问题：对大部分前端工作来说，前端主要干些啥？ 我个人认为，无论环境怎么变，前端基本上就是做三件事情： Fetch Data、Manage State、Render Page fetch data（数据获取） manage stat
之前啊我们公众号的内容要求可严了，要么技术上有原创性，要么是程序员小哥哥们自己实践经验的总结。可是你们知道吗，美团技术同学都可爱学习了，内部Wiki里积累了好多好多深入研究和学习性的技术文章。美美一直觉得这些对其他公司的工程师小哥哥也是好东西，所以就和院长说选出一些能对外分享的，开个新专栏吧。围着他说啊说啊好半天，他老人家终于同意啦~~
大家好，又见面了，我是你们的朋友全栈君。 在爬虫、自然语言处理群中的交流中，偶然接触到phantomjs、casper等相对于httpclient较新的框架及采集解决方案，微查之后发现方案可行，故尽清明三日之力，将其二次开发应用于百度元搜索信息采集项目中，达到预期效果，下一步将重点应用到腾讯微博采集和抢票抢手机项目中。下面，将分步骤介绍一下。
动态化作为移动客户端技术的一个重要分支，一直是业界积极探索的方向。目前业界流行的动态化方案，如Facebook的React Native，阿里巴巴的Weex都采用了前端系的DSL方案，而它们在iOS系统上能够顺利的运行，都离不开一个背后的功臣：JavaScriptCore（以下简称JSCore），它建立起了Objective-C（以下简称OC）和JavaScript（以下简称JS）两门语言之间沟通的桥梁。无论是这些流行的动态化方案，还是WebView Hybrid方案，亦或是之前广泛流行的JSPatch，JSCore都在其中发挥了举足轻重的作用。作为一名iOS开发工程师，了解JSCore已经逐渐成为了必备技能之一。
V8的前世今生 V8是JavaScript渲染引擎，第一个版本随着Chrome的发布而发布(具体时间为2008年9月2日)。在运行JavaScript之前，相比其它的JavaScript的引擎转换成字节码或解释执行，V8将其编译成原生机器码（IA-32, x86-64, ARM, or MIPS CPUs），并且使用了如内联缓存（inline caching）等方法来提高性能。V8可以独立运行，也可以嵌入到C++应用程序中运行。 随着Web技术的快速发展，JavaScript所要承担的工作也越来越多，早就超
V8是JavaScript渲染引擎，第一个版本随着Chrome的发布而发布(具体时间为2008年9月2日)。在运行JavaScript之前，相比其它的JavaScript的引擎转换成字节码或解释执行，V8将其编译成原生机器码（IA-32, x86-64, ARM, or MIPS CPUs），并且使用了如内联缓存（inline caching）等方法来提高性能。V8可以独立运行，也可以嵌入到C++应用程序中运行。
介绍了我们电力项目的基本情况，我们选用HTML5技术还是顶着很大压力，毕竟HTML5技术性能行不行，浏览器兼容性会不会有问题，这些在项目选型阶段还是充满疑惑，项目做到现在终于快收尾了我们才敢松口气，压力基本顶住了，我个人总结的经验是：HTML5性能肯定不是最高，但对企业应用足够高效，HTML5标准不可能所有浏览器都一致实现，但对于企业应用已经足够工作。选择正确的引擎框架，进行合理的设计才是关键，HTML5真的已经Ready！ 选择HTML5除了看中JavaScript动态语言的灵活性，能够很好的和其他
【导语】：Normalize.css 使浏览器呈现的所有元素更加一致，符合现代标准。它精确地只针对需要规范化的样式。
React-Native应用程序的内容是由Javascript语言开发的，而Android或者IOS手机系统只是一个容器和各类服务提供者。
以360极速浏览器为例子，大家可能会以为该浏览器与chrome浏览器有关，其实关系不大，360极速浏览器是基于Chromium改的，而Chromium也是chrome背后的浏览器，chrome也是基于Chromium改进的，所以说360极速浏览器其实和chrome是兄弟关系啊！再来看看Chromium，原来Chromium是基于webkit内核(v28之前，现为Blink)开发的！
导语：本文从市面主流的浏览器及相应的内核引擎开始，介绍了Chromium为代表的浏览器架构及Blink内核的功能架构。Chromium为多进程架构，用户从启动运行浏览器后，先后经过页面导航、渲染、资源加载、样式计算、布局、绘制、合成到栅格化，最后完成GPU展示。而页面渲染完成后，浏览器如何响应页面操作事件也进行了深入的介绍。良心推荐！ 本文第二至五部分内容根据 Mariko Kosaka 的英文原版《Inside look at modern web browser》(见参考文献)，进行翻译、理解
不知不觉 Node 已经更新到第十个版本了，本人使用 Node 也有两年多时间，之前学习的东西一直零零散散，没有形成系统的知识体系，于是最近又抽时间回顾这本经典的 《深入浅出Node.js》，阅读的过程中，难免有些东西不易理解或者容易忘记，因此选择博客的形式记录。
作者：殷源，专注移动客户端开发，微软Imagine Cup中国区特等奖获得者，现就职于腾讯。 JavaScript越来越多地出现在我们客户端开发的视野中，从ReactNative到JSpatch，J
WebKit.dll!WebCore::BlobURL::createBlobURL(const WTF::String & originString) 行 76 C++ WebKit.dll!WebCore::BlobURL::createPublicURL(WebCore::SecurityOrigin * securityOrigin) 行 47 C++ > WebKit.dll!WebCore::FileReaderLoader::start(WebCore::ScriptExecutionContext * scriptExecutionContext, WebCore::Blob * blob) 行 81 C++ WebKit.dll!WebCore::FileReader::readInternal(WebCore::Blob * blob, WebCore::FileReaderLoader::ReadType type, int & ec) 行 149 C++ WebKit.dll!WebCore::FileReader::readAsText(WebCore::Blob * blob, const WTF::String & encoding, int & ec) 行 113 C++ WebKit.dll!WebCore::jsFileReaderPrototypeFunctionReadAsText(JSC::ExecState * exec) 行 565 C++ > WebKit.dll!WebCore::BlobResourceHandle::BlobResourceHandle(WebCore::BlobData * blobData, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client, bool async) 行 173 C++ WebKit.dll!WebCore::BlobResourceHandle::createAsync(WebCore::BlobData * blobData, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 143 C++ WebKit.dll!WebCore::BlobRegistryImpl::createResourceHandle(const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 80 C++ WebKit.dll!WebCore::createResourceHandle(const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 59 C++ WebKit.dll!WebCore::ResourceHandle::create(WebCore::NetworkingContext * context, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client, bool defersLoading, bool shouldContentSniff) 行 92 C++ WebKit.dll!WebCore::ResourceLoader::start() 行 218 C++ WebKit.dll!WebCore::ResourceLoadScheduler::servePendingRequests(WebCore::ResourceLoadScheduler::HostInformation * host, WebCore::ResourceLoadPriority minimumPriority) 行 285 C++ WebKit.dll!WebCore::ResourceLoadScheduler::scheduleLoad(WebCore::ResourceLoader * resourceLoader) 行 189 C++ WebKit.dll!WebCore::ResourceLoadScheduler::scheduleSubresourceLoad(WebCore::Frame * frame, WebCore::CachedResource * resource, const WebCore::ResourceRe
好吧，我承认有点标题党了。 不过从这篇开始, 我们来点干货，如何从blink打造一个可以实用的浏览器。 chromium从零几年搞到现在，已经完全变成一个无所不包的庞然大物。 如果你只是想要一个能浏览网页的组件，方便嵌入到自己的程序里，或者想用网页来做界面--例如QQ音乐，网易云音乐那样， chromium的那堆多进程、mojo通信、Chrome Apps 框架、Aura Shell、增量升级系统、Chrome Extensions 、headless模式、P2P 通信库，native_client、pdf、ppapi、沙盒机制等等一堆乱七八糟你听都没听过的东西都不会需要。然而只要用了chromium的内核，这堆东西除了占用系统资源外，你还不得不都打包带上。 这时候你就会有个强烈的想法，我不需要这堆乱七八糟的功能，只要能浏览大部分网页的排版渲染组件可以么。 答案是肯定的。webkit内核就是为此而生。 但这里有个问题，chromium虽然当年是使用webkit内核，但自从和苹果分道扬镳后，把webkit改名成blink不说，代码和结构完全是面目全非，而且最重要的是blink已经不是像webkit那样是一个独立的组件了，而是chromium那堆几百个第三方库里一个小小的组件，所有外部设施都依赖于chromium的其他组件了。 我们来看看blink目前需要依赖哪些组件： 1，cc层（chromium 合成层，实现网页绘制并贴到屏幕上等操作。这个是最麻烦的，以后专门开一篇来讲如何自制） 2，base库（chromium基础库，类似字符串操作等一系列c++基础库） 3，各种和操作系统打交道的接口，例如菜单、文件读写、窗口操作等。这堆东西可以认为是要实现third_party/WebKit/public/platform/Platform.h里的一系列虚函数。 4，如果你不是打算卖到清真地区，通常icu你也不会想要。这是个占用体积很大的毒瘤，一个数据文件就10几M，作为轻量级内核，你肯定不想带。 5，网络层。 6，v8（js引擎） 7，skia（底层绘图库） 那我们如何在尽量少的使用chromium代码基础上，实现上诉一堆功能和组件呢？ 这是目前我的解决方案： 1，cc层：我放弃了原版chromium cc层，自己完全重写了一遍。这个工作量相当巨大，如果你不是和我一样这么闲，建议直接使用原版cc。 2，base库：在chromium四十几版的时候，blink几乎不依赖base。然而高版本把wtf库里的大量实现，直接使用base库。所以如果你是从高版本blink开始撸，可以直接扣取低版本blink里的wtf来实现base相关依赖。此处工作量也甚大。 3，各种和操作系统打交道的接口：这块其实没有难度，就是有着巨大的工作量。一个个补齐就好。 4，icu：直接使用系统相关的接口。例如文字编码转换之类的，windouws就有现成的api。其他高级icu api例如断行断句，如果你只打算运行在中英文地区，那自己实现也很简单。 只有阿拉伯文、天成文、藏文这些小众语言那需要那么复杂的规则。 5，网络层：直接用webkit里的现成代码吧。 6，v8：直接使用chromium原始代码即可。毕竟这玩意不依赖其他任何组件。 7，skia：直接使用chromium原始代码即可。毕竟这玩意不依赖其他任何组件。 说到这里，大家肯定有个疑问：既然这么多都用webkit，那为啥我们直接拿webkit过来不就行了。 其实是可以的。webkit发展到今天，已经完全和chromium分开发展了（当年有一阵子谷歌的人也一直在给webkit提代码，后面苹果把他们都踢走了）。而且webkit就是个完整内核，你用来做轻量级组件正合适。但我有几个原因还是放弃了： 1，webkit对标准的支持还是有点偏差。例如web组件标准，css gird等等。 2，webkit的web inspect做的很烂，完全没blink好用。 3，webkit现在也很大了，我编译出来不算icu，也有26M多。作为一个有追求的程序员，我希望这个大小是10M左右。 4，最重要的，webkit的js引擎是javascriptcore。这样实现的组件就无法兼容市面上那堆v8造出来的轮子。例如electron、nwjs、nodejs都是用v8。 5，还有个小点就是chromium更新非常快，跟着谷歌大佬走感觉更有保障些，尤其是碰到各种莫名其妙的bug，还可以查chromium的更新记录。
【作者】Nicholas C.Zakas世界知名的JavaScript专家和Web开发人员。
是trunk\third_party\WebKit\Source\devtools\front_end\sdk\CSSStyleModel.js matchedStylesPromise.callback读json和c++传过来的对不上
Javascipt是一种基于原型的脚本语言。它是动态的，弱类型的语言。它可以说是最流行的Web开发语言。Javascript已经超越了基于浏览器的脚本语言，并且与node.js一起，它也被用作后端开发语言。
浏览器经历了很多年的发展，浏览器引擎也在不停地迭代和演进。从PC时代到移动端，以独立浏览器的形态还是以系统WebView组件内嵌的形态存在，在互联网的生态系统中一直扮演着重要的角色。了解浏览器及其原理可以让我们打开另一个世界。
近期倒腾下客户端，想搞个cocos2d的工具。 之前的那个集成到Win32工具下的调试辅助工具是直接用的windows api。拓展起来巨麻烦。而且Windows默认的字符集是宽字符集，和cocos2d与lua交互起来得到utf-8之间转来转去，十分麻烦。所以干脆花点时间一口气搞完这货。
Web是一个开放的平台，这也奠定了Web从90年代初诞生直至今日将近30年来蓬勃的发展。然而，正所谓成也萧何败也萧何，开放的特型、搜索引擎以及简单易学的HTML、CSS技术使得Web成为了互联网领域里
UI框架：Foundation，Boostrap，Pure，EasyUI，Polymer
简单来说，node是跨平台的，那么对于任何的node模块理论也是应该是跨平台的。然而，有些node模块直接或间接使用原生C/C++代码，这些东西要跨平台，就需要使用源码根据实际的操作平台环境进行原生模块编译。SQLite3就是一个经典的原生模块，让我们以安装该模块为例，探索一下安装原生模块的流程。
本文来自egoistian，点击「阅读原文」查看完整文章。 年初在 V2EX 看到很多人发帖问前端如何入门，我姑且来分享一下我的经验。 或许你不知道我是谁，不过如果你对前端有兴趣，都可以联系我帮你 Review 代码、提供改进建议，这有我的 GitHub 地址。 我假设阅读者只了解过简单的 HTML/CSS。 HTML HTML 没有了 CSS 就什么都不是，它相当于给网页各个区域命名，然后让你可以进行更多的操作。比如头部导航栏，你经常会给它起个名字叫 header。 CSS CSS 是层叠样式表（Casc
在聊我们今天主角V8之前，我感觉有必要简单的把浏览器的发展史描述一下。「以史为镜，可以知兴替」
起因是网友“国王与乞丐”反馈的http://lpl.qq.com/es/live.shtml页面播放不了flash。
Web是一个开放的平台，这也奠定了Web从90年代初诞生直至今日将近30年来蓬勃的发展。然而，正所谓成也萧何败也萧何，开放的特型、搜索引擎以及简单易学的HTML、CSS技术使得Web成为了互联网领域里最为流行和成熟的信息传播媒介；但如今作为商业化软件，Web这个平台上的内容信息的版权却毫无保证，因为相比软件客户端而言，你的网页中的内容可以被很低成本、很低的技术门槛实现出的一些抓取程序获取到，这也就是这一系列文章将要探讨的话题—— 网络爬虫 。
先后涌现出了具备后端能力的node，具备移动开发能力的react native，具备游戏渲染能力的cocos2d-js，以及iOS上的热修复技术JSPatch等等新技术。
Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软相关的官方技术集中地，主要是文档类 infoq：企业级应用，关注软件开发领域 OSChina：开源技术社区，开源方面做的不错哦 cnblogs，51cto，csdn：常见的技术社区，各有专长 stackoverflow：IT技术问答网站 GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核， OpenStack等免费的it电子书：http://it-ebooks.info/ DevStore:开发者服务商店
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53541088
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
