题目描述：在字符串 s 中找出第一个只出现一次的字符。如果没有，返回一个单空格。 解法：哈希表 思路很简单。...遍历两次字符串 s: 第一次使用哈希表统计字符出现次数 第二次检查字符出现次数是否为 1，若为 1，直接返回字符。
但有些网站，点击了它的页面超链接以后，会自动以新的标签页打开，这种情况下就无法使用上面提到的技巧了。 为了解决这个问题，我们必须设法让当前页面的所有a标签涉及到的链接，都能在当前标签页打开。...现在我们需要用 JavaScript 把当面页面上的所有a标签的target属性值全部改成_self。...以知乎为例，我们打开知乎的首页，如下图所示： 现在点击上面的任何一个问题，都会以新标签页打开，如下图所示： 现在我们回到原来的首页，打开开发者工具的Console选项卡，如下图所示： 执行如下两行 JavaScript...： 现在，我们再次点击页面上的任意一个问题，就会发现，你可以直接在当前标签页打开了。...()运行本文讲到的两行 JavaScript 代码，强迫网页在当前标签页打开新的链接。
根据不同的项目规模和团队结构，我们可能会处理所有这些类别的代码，也可能只处理其中的一部分。 多页应用 (MPA) 在早期，浏览器的功能比较简单，这是当时在 Web 上运行的唯一架构。...我们的路由逻辑将调用一个函数来获取数据，该函数会与数据库通信来检索数据。然后，渲染逻辑会使用此数据来生成将作为响应发送给客户端的 HTML。...所以我们需要保持现有的 MPA 架构，只使用 JavaScript 来增强体验。...通过使用一个既能在服务器渲染又能在客户端上进行交互/处理更新的UI库，我们就不存在代码重复的问题。 PESPA 您会注意到有一些用于数据获取、变更和渲染的小框。这些是用来增强的。...如果我们没有这样做，那么它肯定是一个挑战，但是有一些合理的变通方法，可以强制某些代码在我们迁移时只在客户端运行。
此外，setTimeout可以在循环或递归中运行，这会使其更像setInterval，尽管最好是「在上一个迭代完成之前不要安排下一次迭代」。...我们可以单独使用setTimeout，也可以将其使用抽象成一个单独的函数，以便更方便地进行让步。...---- 在使用JavaScript渲染HTML时要注意性能成本 虽然访问任何网站的第一次都将涉及某些数量的HTML，但常见的方法是从一个最小的初始HTML开始，然后「使用JavaScript填充内容区域...但是要记住，即使不是单页应用（SPA）的网站，由于交互的结果，也可能涉及通过JavaScript进行某些数量的HTML渲染。...尤其对于长时间保持打开的页面，比如单页应用程序，这第一次交互可能不能代表整体用户体验。 INP通常衡量页面上最差的输入延迟。谷歌将测量用户交互延迟的第98百分位数。
单页应用 单页应用程序（也称为基于浏览器的应用程序）在从网页加载 JavaScript 和 HTML 源代码后完全在浏览器中运行。...也几乎不需要刷新令牌，因为 JavaScript 应用程序只会在用户积极使用浏览器时运行，因此它们可以在需要时重定向到授权服务器以获取新的访问令牌。...此外，浏览器 API 的添加意味着ServiceWorkers现在基于浏览器的应用程序有可能在用户未主动使用浏览器时运行代码，例如响应后台同步事件。...具体来说，刷新令牌必须仅对一次使用有效，并且授权服务器必须在每次发布新的访问令牌以响应刷新令牌授予时发布一个新的刷新令牌。...这为授权服务器提供了一种检测刷新令牌是否已被攻Attack复制和使用的方法，因为在应用程序的正常运行中，刷新令牌只会被使用一次。
---- 二、渐进式框架 Vue 是一个框架和生态，功能覆盖了大部分前端开发常见的需求。但 Web 世界又是十分多样化的，我们在 Web 上构建的东西可能在形式和规模上有很大不同。...他们都在同一个页面上，我们点击按钮他并没有跳转，只是修改了路径，通过 JS 修改了页面的内容，即 DOM 里面的内容，让我们看上去进行了切换，实际上并没有，所以很大程度提升了用户的体验。...延伸：前端渲染的方式起源于JavaScript的兴起，ajax的大热更是让前端渲染更加成熟，前端渲染真正意义上的实现了前后端分离，前端只专注于UI的开发，后端只专注于逻辑的开发，前后端交互只通过约定好的...解释二：服务端渲染的模式下，当用户第一次请求页面时，由服务器把需要的组件或页面渲染成 HTML 字符串，然后把它返回给客户端。...但性能在其次，不代表性能不重要。服务端渲染解决了一个非常关键的性能问题——首屏加载速度过慢。
4、控制UI元素-你可以建立一些html输出包括一些特殊的UI元素，包括一些特殊的javaScript函数到客户端或执行一些函数库或输出html。...5、ajax等web应用的先进特性 HTML选项卡中的JavaScript脚本将包含在此操作的每个实例中。 JavaScript选项卡中的JavaScript脚本将仅在此操作的所有实例中包含一次。...在JavaScript选项卡中链接的JavaScript文件对于所有操作只包含一次。脚本链接将根据src属性(不区分大小写)进行合并。...如果使用相同的JavaScript函数有许多不同的操作，请将它们保存到一个外部文件中，并将其链接到JavaScript选项卡中。...为了循环遍历这些项，JavaScript必须为每个项设置一个函数 使用循环时，结合控制条件和控制变量变化, 在定义循环时将控制条件和控制变量结合起来, 如果你只是对数组中的某些项进行迭代，你可以通过翻转迭代并使用
JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。...这是一个div元素 上面的语句，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候...中的作用 1、定时调用函数 2、制作动画 定时器类型及语法 /* 定时器： setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器...2、局部变量：在函数内部定义的变量，只能在定义该变量的函数内部访问，外部无法访问。...; }() 封闭函数的作用 封闭函数可以创造一个独立的空间，在封闭函数内定义的变量和函数不会影响外部同名的函数和变量，可以避免命名冲突，在页面上引入多个js文件时，用这种方式添加js文件比较安全，比如：
（因为我们在value中只写了一个数据） 要想在下拉框中可以选择很多的数据，那么value的值就不能单单只有一个。... 这三个函数都是在页面加载时就应该被初始化了...这明显不合理的，如果有100页也显示100页吗？ 我们做一个规定，一次只能显示10页的数据。那么显示哪10页呢？...的构造函数来实现初始化！...我们规定每次只能显示10页数据，如果第一次访问就显示1-10页。如果当前页数大于10，那么就显示6-15页。
客户端渲染CSR 通常在构建一个普通的SPA单页应用时，就是构建的客户端渲染的应用，CSR客户端渲染Client Side Render就是当进行请求时，页面上的内容是通过加载的Js文件渲染出来的，Js...文件动态运行在浏览器上面，服务端只返回一个HTML模板。...更快的内容到达时间time-to-content，特别是对于缓慢的网络情况或运行缓慢的设备，无需等待所有的JavaScript都完成下载并执行，用户将会更快速地看到完整渲染的页面，通常可以产生更好的用户体验...缺点 开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数lifecycle hook中使用，一些外部扩展库external library可能需要特殊处理，才能在服务器渲染应用程序中运行。...优点 设置预渲染更简单，并可以将前端应用作为一个完全静态的站点。 缺点 只适合对于特定静态页面而应用。
例如，浏览器中实现页面导航的方式有如下两种： 链接 location.href 小程序中实现页面导航的两种方式 声明式导航：在页面上声明一个 导航组件，通过点击 <navigator...应用的生命周期函数 小程序的应用生命周期函数需要在 app.js 中进行声明，示例代码如下： //app.js App({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次...例如，下面的用法是错误的： 3.隔离性：隔离性指的是 wxs 的运行环境和其他 JavaScript 代码是隔离的。...在 android 设备上，二者的运行效率无差异。...this.setData({ page: 1, shopList: [], total: 0 }) // 重新发起数据请求 // 这里cb传入的是一个箭头函数
问题 ---- 前几天使用 JavaScript 写 HTML 页面时遇到了一个奇怪的问题： 我想实现的功能是通过 confirm() 弹窗让用户选择不同的需求，每次选择后都将选择结果暂时输出到页面上，...最后一次选择结束后再一次性将选项传到后端处理。...：每次在执行完 confirm 函数，用户选择选项之后，页面并没有刷新，step1, step2 的结果没有实时刷新到页面上，而是到最后一步跟 step3 一块显示了出来。...JavaScript 引擎是单线程运行的，浏览器无论在什么时候都只且只有一个线程在运行 JavaScript 程序，初衷是为了减少 DOM 等共享资源的冲突。...我们无法将页面渲染变成同步操作，那么只好把 alert() 变为异步代码，从而才能在页面渲染之后执行。
01 React React是一个用于构建用户界面的JavaScript库。它由Facebook和一个由个人开发者和公司组成的社区来维护。 React可以作为开发单页或移动应用的基础。...基本用法 下面是一个简单的React在HTML中使用JSX和JavaScript的例子。 ? Greeter函数是一个React组件，它接受一个属性问候语。...Hooks规则 Hooks也有一些规则，在使用Hooks之前必须遵循这些规则: 钩子只能在顶层调用（不能在循环或if语句中调用）。 钩子只能在React函数组件中调用，不能在普通函数或类组件中调用。...定制Hooks 构建自己的Hooks，也就是所谓的自定义Hooks，可以让你把组件逻辑提取到可重用的函数中。自定义钩子是一个名称以 "use "开头的JavaScript函数，它可以调用其他的钩子。...Vue提供了一个界面，可以根据当前的URL路径来改变页面上显示的内容 – 可以有多种方式（无论是通过电子邮件链接、刷新还是页面内链接）。
现在货架开放了，开发者可以调用微信小店货架上的商品，即在自己的页面上，通过JS API调起预先上传好的商品。以下是微信小店更新公告。 微信小店更新，货架开放给开发者 1....货架开放给开发者 开发者可以将自己的页面作为微信小店的货架，即在自己的页面上，通过JS API调起预先上传好的商品。具体的接口调用方法，请下载接口文档，查看第5.6小节。 2....更多细节优化为商家提供便捷的体验 系统会记住商家上一次新增商品时所选的类目和商品所在地；图片库一次可以上传多图片。...微信团队 2014年07月29日 具体实现方法：（上文中的第5.6小节） 微信小店的货架支持开放给开发者使用，即开发者可以将自己的页面作为货架，通过JavaScript API来调起微信客户端原生的商品详情页...请注意： 1、开发者需要预先通过1.1中的增加商品API，预先上传商品，得到product_id后，才能在自己的页面通过JavaScript API来调起商品详情页 2、即使开发者将自己的页面作为货架，
（服务端渲染的运行机制） 为什么使用服务端渲染？服务端渲染解决了什么问题？ 什么情况下使用服务端渲染？...延伸 客户端渲染的方式起源于JavaScript的兴起，ajax的大热更是让前端渲染更加成熟，前端渲染真正意义上的实现了前后端分离，前端只专注于UI的开发，后端只专注于逻辑的开发，前后端交互只通过约定好的...解释二：服务端渲染的模式下，当用户第一次请求页面时，由服务器把需要的组件或页面渲染成 HTML 字符串，然后把它返回给客户端。...为什么使用服务端渲染 简单总结起来就是两点： 首屏加载快： 相比于加载单页应用，我只需要加载当前页面的内容，而不需要像 React 或者 Vue 一样加载全部的 js 文件 SEO 优化： 对于单页应用...但性能在其次，不代表性能不重要。服务端渲染解决了一个非常关键的性能问题——首屏加载速度过慢。
JavaScript 温故而知新 参加字节跳动的青训营时写的笔记。这部分是月影老师讲的课。 1....组件封装 组件是指 Web 页面上抽出来一个个包含模板(HTML)、样式(CSS)、功能(JS)的单元 好的组件：封装性、正确性、扩展性、复用性 2.1 基本方法 结构设计 展现效果 行为设计 API(...插件与组件之间通过依赖注入的方式建立联系 模板化 将 HTML 模板化，更易于扩展(即视图根据数据来更新，这样子需要变更图片之类的时候，就只需要在图片数组中操作，而不需要变更 HTML) 抽象化(组件框架) 例子：轮播图把上一页、...下一页和分页按钮抽象成插件，就可以根据需要添加了 3....过程抽象 用来处理局部细节控制的一些方法 函数式编程思想的基础应用 为了能够让只执行一次的需求覆盖不同的事件处理，我们可以将这个需求剥离出来，这个过程就叫做过程抽象 3.1 高阶函数 以函数作为参数 以函数作为返回值
微信 API 提供的数据，就通过 WXML 的渲染语法展现在页面上。比如，home.js里面的数据源是一个数组。...拿到数组以后，怎样将每一个数组成员展现在页面上呢？WXML 的数组循环语法，就是一个很简便的方法。 打开home.wxml，改成下面的代码。...注意，输入框有一个input事件的监听函数inputHandler（输入内容改变时触发），按钮有一个tap事件的监听函数buttonHandler（点击按钮时触发）。...它只执行一次，用于页面初始化，这里的意图是每次用户打开页面，都通过wx.getStorageSync()方法，从客户端取出以前存储的数据，显示在页面上。 这个示例的完整代码，可以参考代码仓库。...六、多页面的跳转 真正的小程序不会只有一个页面，而是多个页面，所以必须能在页面之间实现跳转。 app.json配置文件的pages属性就用来指定小程序有多少个页面。
在我们平时浏览网页的过程中，可以发现有很多网站显示在页面上的数据并不是一次性从服务端获取的，有一些网站，如图像搜索网站，当滚动条向下拉时，会随着滚动条向下移动，有更多的图片显示出来。...为了解决这个问题，有人提出了异步加载解决方案，也就是让静态部分（HTML、CSS、JavaScript等）先以同步的方式装载，然后动态的部分再另外向服务端发送一个或多个异步请求，从服务端接收到数据后，再将数据显示在页面上...jQuery 是用 JavaScript 编写的函数库，可以到 官网 进行下载。使用方法如下： <script src="....可以使用下面的代码将字符串形式的数据转换为 <em>JavaScript</em> 对象形式的 JSON 数据。 JSON.parse(result) 其中 result 是 get <em>函数</em>的回调<em>函数</em>的参数。...接下来就可以用代码完成此<em>页</em>信息的爬取了，但是发现，该页面的信息是较少的，所以我们要进入到详情<em>页</em>，进行详情页数据的爬取，这样又有<em>一个</em>问题诞生了？要进入到详情<em>页</em>，详情<em>页</em>的URL在哪呢？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
