第二章：成长 Java 是当时的明星语言， 年轻，活力四射 ， 他经常嘲笑我： 你小子到底是个计算机语言吗？ 我说“是啊， 我的语法和你差不多呢” Java： "你为什么只能在浏览器中运行啊？...你能写个程序单独运行吗, 哎对了你能读取一个文件吗 ?" 我当然读取不了文件，我生活在浏览器里， 用我写的程序只能嵌入在html网页中， 由浏览器中来执行。...他们给这个执行模块起了一个很有动感的名字: javascript 引擎 我于是反击Java : “我有个引擎你知道吗？”...你可能不知道DOM是什么东西， 这么说吧， 浏览器从服务器取到HTML网页以后， 会展示成页面让你看， 但是他的内部其实会把HTML组织成一个树给我， 这个树可以称为DOM。...第三章： 第一桶金 互联网的发展超出了所有人的预料， 我被应用在几乎每一个网站上， 但我一直很苦闷： 我作为一门语言，在浏览器中运行， 没法像java 那样访问网络， 也就没有办法调用服务器端的接口来获取数据
说实话，虽然我在尽可能努力地回复大家的问题，但还是避免不了对其中一些概念理解的模棱两可的情况，有幸得到同仁们的指点，比如： [image-20210818205631196] 感谢各位的不吝赐教，让我在成长的道路上又前进了几分...它是用来描述一种使用现有技术集合的“新”方法的，这里的“新”方法主要涉及到: HTML 或 XHTML、CSS、 JavaScript、DOM、XML、XSLT，以及最重要的 XMLHttpRequest...它是 isomorphic 的(即同一套代码可以运行在浏览器和 Node.js中)。在服务端它使用原生 Node.js http 模块，而在客户端则使用 XMLHttpRequest。...虽然目前来看，传统 Ajax （比如 Axios 之类的）在使用规模上远远超过 Fetch，但要知道，这是 XHR 十来年累积下来的效果。...知识与技能并重，内力和外功兼修，理论和实践两手都要抓、两手都要硬！
React 是一个非常厉害的库，Facebook 的牛人写的。它能让页面更可控，性能极高，而且使用起来很简单。 听起来确实不错。我能用 React 展示服务器传来的数据吗？...JSX 是对 JS 的扩展，它看起来跟 XML 差不多，可以用来写 HTML，你可以认为 JSX 是一种更优雅的 HTML 写法。 为什么不用 HTML 了……？...ECMAScript 是啥…… 你晓得的，JS是1995年诞生的，而JS的标准是1999制定出来的。那时候 JavaScript 还叫做 Livescript，只能运行在网景的浏览器里。...那为什么我们不直接在页面里添加 React 的三个依赖文件呢？ 不行。你可以从 CDN 加载这些文件，但是你还是要在本地用 Babel 转译。 唉，这么鹾？...我们不是在说 JavaScript 吗？！ Typescript 也是 JavaScript 呀，它比 JS 更好用，是 JS 的超集，它是基于 ES6 的，就是我们刚才谈论的 ES6，你还记得吧。
大家可能以为编码开发不就是写代码吗，还有啥？——这里面道道多着呢； 最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做？请期待； 3....4.2 W3C标准 如果说你只知道web前端的一个标准，估计肯定是W3C标准了（据我了解，貌似大部分人真的都只知道这一个标准）。它的内容非常多，看看www.w3.org/TR/这个页面。 ...有些人可能只知道javascript，而不知道ES——其实，js是在ES的基础上，为web浏览器做了一部分封装（增加了DOM操作、BOM操作等）。 ? ...写html语句还用手动一条一条写吗？你得需要zencoding的协助，否则效率太差了。 另外，针对html、css、js的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗？...首先，你要知道web系统虽然大部分是在浏览器下运行，但是js可能会被运行在node环境。 在浏览器环境下，最重要的两点是：web安全和性能优化。
大家可能以为编码开发不就是写代码吗，还有啥？——这里面道道多着呢； 最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做？请期待； 3. ...4.2 W3C标准 如果说你只知道web前端的一个标准，估计肯定是W3C标准了（据我了解，貌似大部分人真的都只知道这一个标准）。它的内容非常多，看看www.w3.org/TR/这个页面。...有些人可能只知道javascript，而不知道ES——其实，js是在ES的基础上，为web浏览器做了一部分封装（增加了DOM操作、BOM操作等）。 ?...写html语句还用手动一条一条写吗？你得需要zencoding的协助，否则效率太差了。 另外，针对html、css、js的压缩、合并、语法检查，文件的清除、复制这些操作，你还要手动去做吗？...运行环境 当系统真正到了运行环境中，当你觉得终于完事儿的时候，其实还有好几个知识点需要你掌握。看下图： ? 首先，你要知道web系统虽然大部分是在浏览器下运行，但是js可能会被运行在node环境。
[JavaScript 之你不一定会的基础题] 前言 在上一篇文章【前端 · 面试 】JavaScript 之你不一定会的基础题（一）中，有同学产生了这样一个疑惑：为什么 click 事件的监听函数中，...对于这个答案中的第二次输出结果，有人生出了疑惑：为什么 parent 事件触发时，e.target.id 的结果为 child呢？不应该是 parent 吗？...解惑 DOM 元素事件执行顺序 首先，我们知道，HTML 页面上 DOM 元素的事件执行顺序一般有三个阶段： 事件捕获 事件触发 事件冒泡 整个过程如下图： [image-20210813192245058...在捕获阶段： 浏览器检查元素的最外层祖先html>，是否在捕获阶段中注册了一个onclick事件处理程序，如果是，则运行它。...在冒泡阶段，恰恰相反: 浏览器检查实际点击的元素是否在冒泡阶段中注册了一个onclick事件处理程序，如果是，则运行它 然后它移动到下一个直接的祖先元素，并做同样的事情，然后是下一个，等等，直到它到达<
当你第一次写的时候，你觉得页面元素不多，不就是找这个元素的爸爸的爸爸的爸爸吗，我大不了在注释里面写清楚这个元素的爸爸的爸爸的爸爸不就好了。...当你在编写项目的时候遇到了这种问题，你一定会抱怨，为什么世上会有HTML这种像盗梦空间一样的需要无数div嵌套才能做出页面的语言，为什么当初学JQuery看中的是它简洁的DOM操作，现在却一点也不觉得它有多简洁...而这种绑定关系，在图上是以input 标签的v-model属性来声明的，因此你在别的地方可能也会看到有人粗略的称vue.js为声明式渲染的模版引擎。...有人认为Vue.js作为一个轻量级框架，引入Virtual DOM会加大Vue.js本身的代码尺寸，也会消耗更多CPU（手机上会更耗电）（注意：消耗更多的CPU并不意味着会更卡，因为JavaScript...我们知道通常情况下，JavaScript的运行环境都是浏览器，因此JavaScript的能力也就局限于浏览器能赋予它的权限了。
对于大多数消费者和商业软件，在浏览器中运行是显而易见的选择。不管你喜欢它还是讨厌它，这就是当前的实现方法。”...Web 开发需要一场革新 我知道，有些 Web 开发者并不了解这些更靠谱的开发方式，但这不该成为理由。对于任何一位软件开发者来说，大家都应该在所用知识之外多学习、多接触新知识。...最简单的例子，有必要预先加载“关于我们”之类的页面内容吗？那东西有人看吗？所以，记得把网站分成几个小部分，让用户自主决定想看什么，这就是 HTML 锚点标签的用途。...只提供一个小巧的首页，之后由用户点击相关超链接来请求自己实际想看的东西。Web 不就是这么工作的吗，怎么到了智能手机上就不一样了呢？ 别再从后端向前端发送 JSON 了，我们不是在构建 API。...在本地交付内容就行。 去掉广告、删掉弹窗，别在页面上放那么多演示文稿、邮件列表和注册提示之类的垃圾内容。 还用户一片清静畅快的天地，让网站内容尽量清晰简洁。东西多了反而没人看。
为什么云适配如此执着他这一观点，还要从他的创始人和产品理念说起。...可是在当时HTML5并不受企业待见，有人甚至认为这是初中生技术，T哥也撰文表示HTML5仅是给用户穿上了一件皇帝新衣而已，连著名的Facebook创始人扎克伯格也在公开炮轰HTML5，称"Facebook...熟悉企业市场的人都知道，企业IT业务系统复杂，加上历史遗留问题，企业一直是多业务多架构系统同时并存，在PC端时代就很棘手，在移动端时代也不能彻底根除，也并不简简单单是时间和技术的问题。...HTML5的API不够，很多功能实现不了； 3. HTML5没法离线运行； 4. HTML5只能在浏览器里用，没法直接在桌面启动； 5....在网络和硬件飞速发展的今天，这五个常规认知被终结了，基于强化引擎运行的HTML5，在功能、性能、离线运行、桌面启动，均和原生一样， HTML5也彻底告别了备胎的身份。
JSX 是一种 JavaScript 的语法扩展，看起来更像 XML。它是描述 DOM 的一种新的方式，比 HTML 会更好。 HTML 表示很无辜。...它是在 1999 年提出的一个语言规范，JavaScript 属于其中的一种实现。JavaScript 是 1995 年提出的，之前还叫过 Livescript，仅仅运行在网景的浏览器中。...ES2016+ 不已经是 ES6 的超集了，为什么我们还需要使用这个叫 TypeScript 的东西？ 因为它允许我们写 javaScript 的时候定义类型，从而减少运行时的错误。...你只需要知道函数式编程比面向对象更好，并且这是 2016 该采取的方式就可以了。 不对吧，我在大学学的是面向对象，这个会更好些吧？...它使得 js 可以脱离浏览器去运行，还提供了读写文件的能力。从而可以在本地进行编译、转换 js 文件，将打包完成的文件运行在浏览器中。
怀着忐忑的心情上度娘”app怎么开发“，发现常用的语言有java，html5，css3，javascript等等。博主是学PHP的且对安卓，java一窍不通。...由于篇幅的原因，对于它们三者的详细区别这里就不在阐述，想了解更多可参照这篇文章 博主今天给大家带来的是WebApp的开发，在此之前请确保你对HTML5,CSS3,JavaScript有一定的了解。...图片轮播) -- mGrid(九宫格) -- mListMedia(图文列表图片居左) mTab(底部选项卡) 需要说明的是，mui只是简单构建一个app页面，如果你要实现界面交互，还得学习HTML5plus...首先将手机与电脑usb连接，可借助第三方软件连接手机如，360手机助手 在连接手机之前需要打开手机的开发者模式，并在打开usb调试 对于不同的手机开发者模式打开不同，大家自行百度 连接成功图示 完成上述步骤后...，我们在编辑器菜单栏选择“运行” 点击运行到设置 底部控制台打印信息如下 第一次会在你的手机上面安装Hbuilder，然后手动或自动启动Bulilder即可在手机上运行 如下： 到此完成
JavaScript能推翻它的老朋友，实现统治世界吗？我们在微波炉里再抓一把爆米花，坐下来瞧瞧。 ? PHP赢在何处：混合内容的代码 ? 你正在打字，想法随之变成你网站中的文本。...运行在Node.js的框架由这样的程序员所建，他们知道当模型，视图和控制器分离时，生活会变得更好。 PHP赢在何处：深的代码库 ? 网络充满了PHP代码。...浏览器弹出，不会出现被未启动的JavaScript造成的令人头疼的事情和小故障，这个JavaScript试图在浏览器上创建一个来自二十多个web服务调用的页面。...纯粹的HTML比其他东西工作更频繁，而PHP是最优化去创建HTML。为何费心在浏览器上用JavaScript呢？在服务器上建立所有操作，避免小手机上的小浏览器重载。...一旦JavaScript代码在浏览器缓存中，新数据沿着线路移动。这没有大量的HTML标记语言，不重复地去下载整个页面。只有数据改变了。
为了解决这个问题，有人提出了异步加载解决方案，也就是让静态部分（HTML、CSS、JavaScript等）先以同步的方式装载，然后动态的部分再另外向服务端发送一个或多个异步请求，从服务端接收到数据后，再将数据显示在页面上...现在运行 my_server 服务，在浏览器中输入 http://127.0.0.1:5000/ 访问 index.html ，会看到如下效果： ?...从 Response 选项卡也可以看出，下载的HTML代码只有前4个列表项。那么在这里为什么与 Elements 选项卡显示的HTML 代码不同呢?其实这两个地方显示的 HTML 代码处于不同阶段。...Response 选项卡显示的 HTML 代码是在JavaScript 渲染页面前，而 Elements 选项卡显示的 HTML 代码是在 JavaScript 渲染页面后。...使用 requests 抓取的 HTML 代码并没有经过 JavaScript 渲染，所以是在 JavaScript 渲染前的代码，因此 requests抓取的 HTML 代码与 Response 选项卡中显示的
接触过前端的同学都知道，javascript是一门运行在浏览器端的脚本语言，用来做客户端页面的交互。 1.2 JavaScript的运行环境呢？ 故名思意他的运行环境就是浏览器，但是真的是这样的吗？...其实不然，他的真正运行环境其实是运行在浏览器内核中的js引擎。为什么是这样的了？...当然服务器响应的内容有可能不一样，比如说服务器返回一个html文件，css文件，img文件，用来渲染，我们称之为渲染引擎，除此之外，还可以执行js，由js引擎来完成，因此可以说javascript的运行环境是浏览器中的...对于大多数语言，都是运行 在一个平台上的，比如java只运行在虚拟机上，但是也有运行在多个平台的语言, java在一定层面上来讲是没有必要运行在多个平台上的，因为虚拟机是跨平台（也就是跨操作系统如window...node层面做html的瓶装，然后将渲染好的页面直接给用户。
先来看看这样的场景： “没有美工做的高保真页面，我怎么来开发呢？我没有审美，也不会用 PS 作图啊。” “正交测试这种技巧，是测试工程师应该掌握的，开发不需要了解。”...所以我摆出这样的几个场景，有异议、有争论是好事。 程序员替代不了美工吗？ 有人反驳我，说：“如果程序员可以替代美工，可以替代 UI 设计师，那还要专门设置这些职位干什么？” 说得好。...但是—— 程序员可以用 PS 切图吗？可以。 程序员可以设计 CSS 和 HTML 界面吗？可以。 程序员可以设计 UI 吗？当然可以，而且往往清晰、简洁，组件复用性好。 美工，只是一个特例而已。...……你需要多面手而不是技能单一的专家。 一专多能 多面手并不阻碍你成为某一领域的专家。...这其中，我们经常会去阅读对方的产品的代码。有人觉得不可思议，你去读别的产品的代码？其实听起来恐怖，可多数情况下做起来却没有那么困难。
常常有人打退堂鼓，或者感觉只知道CSS和HTML已没有价值。然而科技在发展，也许知道CSS和HTML还不够，但是我们可以停下来问问自己，成为一个前端开发者真正意味着什么。...PHP就是一个很好的例子，在服务器上运行，但最终仍然会将数据传递给用户界面（即浏览器）。JavaScript和PHP都是不需要编译的脚本语言。那么PHP开发者属于前端还是后端开发人员？...类似的工具还有Adobe Phonegap，能够将JavaScript编写的HTML页面编译成原生移动应用程序。这实质上可以让中级前端开发人员构建并发布移动或桌面应用程序。...我们可以原谅后端开发人员不了解CSS和交互式JavaScript，那么为什么又希望前端开发人员掌握后端的技术呢？ 最终我们应该问的问题是：前端开发人员是否应该处理功能性或数据驱动的组件？...在我看来，这个角色可以在语言选择上只选择HTML、CSS和JavaScript（仅限于前端库），主要负责构建交互式的组件或Web项目，而且可以在必要的时候可以使用服务数据。
以性能著称的LayaAir引擎对于骨骼动画的处理能力到底如何呢？我们用100个人物骨骼动画，在市场价499元的“红米2A”手机上，采用Chrome浏览器进行测试，结果如下： ?...采用LayaAir引擎开发，即将上线的大型HTML5游戏 LayaAir引擎的产品性能一定能媲美原生APP产品吗？...首先是定位的不同，LayaFlash主要是定位于让存量的Flash手游、页游直接转换为HTML5和APP手游。而LayaAir主要是定位于新项目开发。...其次是API的差异，LayaFlash在开发新项目的时候，采用Flash AS3的原生API开发HTML5和手游项目。...最后是裸跑性能上的差异，LayaFlash与普通的HTML5引擎一样，运行大型游戏的时候，必须依赖内嵌在渠道的运行器，才可以达到原生APP的流畅体验。
web基础教程 初级 上期回顾 上期我们说了网页的本质，以及一些学习前端编程知识的步骤和工具，这里看到有人问了一个问题 我刚学，看大家都说先学html css js 再学php呢，我想快点工作，学了几天...有建议吗？ 我想这应该是新手们的普遍问题，这里我解答一下，我的建议是直接学php，为什么这么说呢？...本人是自学过来的，先学的html、css，大约一个礼拜入门后，开始进军php的学习，由于php本身的特性，在你的学习中是少不了前端的知识的，所以你不必用几个月的时间针对前端，在你学php的过程中可以顺势巩固...打个比方解释她们之间的关系：html与css用来编写前端展示界面的布局与样式，比如 左侧是html，我们可以看出她将页面总体分为三部分，分别是 class=“header”的头部div class=“...加上前端的布局美化，一个完整的网页就好了。 好，为了让他们几个可以工作，接下来我们就在本机上配置一下php环境。
这下，有人直接把它“搬”到了特斯拉车里： 还有人在Xbox上解锁： 是时候在Xbox上开发Xbox游戏了？？...第一档为体验几乎与桌面端相同是“webby”语言，比如JSON、HTML、CSS和LESS； 其次是TypeScript、JavaScript和Python，由在浏览器中本地运行的语言服务提供支持，语法高亮...我们试了一下，Python插件竟然提示装不了…… 不过，基本的VS Code功能还是能用的，像能直接预览Markdown代码效果，也能直接保存文件到本地端： 好，那咱写个“JS深拷贝”运行一下： Oh...当然，除了Mac电脑以外，我们还在iPad的Safara浏览器上试着运行了一下网页版VS Code： 在安卓手机上也没问题，除了官宣的Chrome浏览器以外，微软当然也不会放过自带的Edge浏览器，我们又试了一下用...甚至有人发现了这个快捷功能：直接在GitHub各种页面上按下“。”
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
