能力说明:
掌握HTML5与CSS3的核心技术,掌握前端主流语言和开发框架JavaScript、jQuery和Ajax的基本知识,具备搭建动态交互网页的基本能力。
暂时未有相关云产品技术能力~
技术改变生活、研发构建未来、细节铸造品质!
如何在智能合约中添加和存储元数据(Metadata)?
Orbiton JS 是一个用于创建 UI 的终极 JavaScript 库,是一个用于创建浏览器 UI 的轻量级极简 JavaScript 库,提供了一个易于使用的 API,用于创建快速、无痛的高性能应用程序。
2个未来技术概念:Web3.0 和元宇宙最近互联网世界的两个流行语 Web 3.0 和 元宇宙。看到这些新平台提供的发展潜力,许多公司正在探索 Web 3.0 和元宇宙技术所提供的可能性。
在文章《使用Node.js、MongoDB、Fastify 构建API服务》中介绍使用 Swagger 构建 API 文档,编写文档不是那么的顺手,本文介绍另一种编写 API 文档的方式,即使用 Yaml ,将API文档与其实现完全分开。
在现代WEB开发中,数据交互是主要需求,那么对于前后端数据交互来说,REST API 就是其中的数据交互设计的一种,如何设计 REST API ? 对 API 体验至关重要,API 设计的好坏直接影响开发效率,这里就不详细展开介绍,如对 API 设计有兴趣可以参阅专栏《布道API》。
前面在文章《创建 Node.js 视频流应用之后端》展示了构建一个用于在线流媒体视频传输后端服务。本文将继续使用 Vue.js 构建前端部分。进入主题之前先简单了解一下依赖库 vue-core-video-player。
在本文中,将展示一个非常简单的 Node.js 应用程序,用于在线流媒体视频传输。本文仅涵盖后端,在下一部分中,将使用 Vue.js 创建前端。话不多说,下面开始进入主题。
在本文中,将专注于在 JavaScript 中定义自己的自定义函数,介绍函数的定义方式、声明、作用域及参数定义。
JavaScript 是 Web 开发需要掌握的一种编程语言,它创建于 1995 年,用于在网景(Netscape) Navigator 浏览器中将程序添加到网页中。今天,该语言已被所有其他主要网络浏览器支持。
以太坊域名服务是目前以太坊上最受欢迎的项目之一,这是有充分理由的。正如官方网站所介绍,“ENS 提供了一种安全且去中心化的方式,使用简单、人类可读的名称来处理区块链内外的资源。”
本文将简单介绍什么是Web 3.0,现在火热的 NFT、元宇宙(metaverse)不能称之为Web 3.0,所谓的Web 3.0是一系列协议和集成平台……它们使这些应用程序、服务和货币成为可能。
使用以太坊区块链构建去中心化游戏,游戏主题为三英占吕布,选择其中的角色铸造 NFT 与吕布进行战斗,通过简单的游戏规则逐步了解使用以太坊公共区块链创建去中心化游戏的方法
当谈论 Web 3.0 架构时,通常指的是 DApps,它代表去中心化应用程序。从发展历史来看,Web 2.0 架构由最熟悉的组件组成:
为静态网站添加一些动画效果是一项改善用户体验的有效方式,创建视觉上漂亮的内容时,或者当想要突出一个元素从一种状态到另一种状态的过渡时,以此给用户带来视觉上的震撼,给用户留下印象。当然,并非动画越多越好,要恰到好处。
网络技术的世界正在迅速向 Web 3.0 过渡,人们似乎已经厌倦了中心化的平台,数字隐私每天都受到大型组织的攻击和变卖。
在过去的几年里,开源项目一直是现代 WEB 开发背后的重要驱动力,刚开始,jQuery 可以说是世界上最受欢迎的项目。
Next.js 是由 Vercel 创建和维护的基于 React 的应用程序框架。本教程将从零开始学习如何使用
Three.js 是一个 JavaScript 库,用于在 Web 浏览器中创建 3D Web 图形。前面介绍过一些基本的知识和实现简单的效果《Three.js 入门指南》和《【Three.js】随着元宇宙开启WEB3D之路》,本文从简单的构建立方体出发,介绍一些基础概念。
markdown 对于开发者来说是一个熟悉的文档格式,编写文档或者博客首选的格式。markdown 文档可以转换为HTML进行展示。在文章《2021 年 6 个GitHub推荐前端项目》中介绍了一个将 markdown 转换为幻灯片的脚本库 Slidev 。
在文章《2021 年 6 个GitHub推荐前端项目》中提到了脚本库 zx.js,一个可以使用 Node.js 编写 Shell 脚本的工具。在本文中,将介绍如何来使用 Google 的 zx 库编写 Shell 脚本。
2021年已成过去,2022年已来,对于中国人来说,春节过后才算是新的一年开始。在这个2022年的第一个月里面,来总结一些跟技术相关的报告,本文就来总结2021年6个GitHub上的推荐前端项目,基于GitHub上的 star 数量,从这个趋势可以看出前端开发的一些发展趋势。
Three.js 是一个 JavaScript 库,用于在 Web 浏览器中创建 3D Web 图形。
Ember 是一个 JavaScript 框架,它提供了构建现代 Web 应用程序所需的一切。虽然使用 Ember 的原因有很多,但第一个原因是:将通过避开炒作周期的流失来提高开发人员的生产力。
现代前端的发展涌现出很多出色的 JavaScript 框架,在性能和效率方面各有特色,每个前端团队都有自己使用得比较顺手的开发框架。本文介绍一个新的前端框架:Mithril.js,是一个高性能 JavaScript 框架,它的大小和速度使其成为满足视图模型需求的不错选择。
Object 是 ECMAScript 中最常用的数据类型之一,很适合存储和在应用程序之间交互数据。Object 定义一组属性的无序集合,可以将其想象成一张散列表,其中的内容就是一组名/值对,值可以是数据或者函数。 而数组是一个有序集合,为了保证元素排列有序,相比 Object 来说会占用更多的内存空间。
映射(Map)是 ECMAScript 6 规范中引入的一种数据结构。这是一种存储键值对列表很方便的方法,类似于其他编程语言中的词典或者哈希表。常用的 Map 方法有:赋值 set(key, value) 、获取 get(key) 、移除指定键名及其对应的值 delete(key) 、判断是否存在 has(key) 、 获取所有值 values() 、key/value 迭代器 entries()、清空所有键/值对 clear() 等。
Object 和 Map 都是键值对的动态集合,从这个定义开始,它们非常相似,但也可以找出它们之间的一些差异。
什么是 SASE? SASE 是安全访问服务边缘。在过去,企业的流量从分支到数据中心是固定的,用于访问internet或公共云。世界变了,流量模式也变了。越来越多的应用程序部署在云端。SASE 正在为如何在不放弃本地数据中心(DC)的情况下使用云铺平道路。
如今的应用程序和网络架构需要一种新的的方法,云、虚拟化和即服务模型的出现颠覆了传统的企业网络。在这个多云世界中,组织被迫重新考虑如何设计广域网以连接和统一分散的站点。
.map() 函数是 JavaScript 数组结构中很实用的一个方法之一,其通过调用回调函数创建一个新数组。该函数访问调用数组中的每个元素。可以将 map() 方法视为经过一个循环并在回调函数中编写语句(格式化、数据处理)以构造一个新数组。
在过去几年中,企业广域网 (WAN) 在其数字化转型过程中专注于以云为中心的网络,以克服新的业务需求,例如 COVID 19 促使了随时随地的远程办公模式的发展。远程办公就涉及各个办公环境之间具有稳定可靠的网络环境,在过去有两种方式可以解决这些问题:
面向对象编程语言中的 private 关键字是一个访问修饰符,可用于使属性和方法只能在声明的类中访问。这使得隐藏底层逻辑变得容易,这些底层逻辑应该被隐藏起来,并且不应该与类的外部交互。
最近元宇宙的概念火遍互联网,自 Facebook 改名 Meta 以来,国内外越来越多的企业纷纷加入到布局元宇宙的行列。元宇宙之所以强势进入人们视野,与其底层技术的进步有着莫大的关系,包括AR/VR、云计算、物联网、5G、人工智能、数字孪生等等。其中,5G作为重要的连接基础,是元宇宙场景得以实现的关键。元宇宙将汇集游戏引擎、AR可穿戴设备、VR、现实世界数据集和不断发展的物联网。
.forEach() 方法被认为是 JavaScript 中的高阶函数,其工作方式是为列表中的每个元素传入当前元素、索引和列表(正在循环的整个数组),用更专业的术语来说就是对于迭代器的每次调用,函数都会接收三个参数(元素、索引、列表)调用。如果列表是 JavaScript 对象,则迭代器参数将是 (value、key、list)。在现代前端开发中,通常 .forEach() 方法可以替代过去的 for ,而对于不需要访问索引的遍历则建议使用 for...of ,因为它的遍历效率比 .forEach() 快。
JavaScript 并不是最好的语言,特别是在复杂的应用中,它可能不太能胜任。为了避免这种情况,一些新的语言或现有语言的编译器被创造出来,不用写一行 JavaScript 或者考虑这种语言的局限,就能生产在浏览器能运行的代码。
个人认为以太坊是区块链项目中带来技术重新认识和学习的不错的项目,特别是在P2P网络这一块。本文将介绍P2P网络中负责节点之间的通信连接和服务发现,本文的内容主要是对代码层级的理解,可能存在对其理解的错误,欢迎指点。
作为一门主流的WEB编程语言,JavaScript 不断发展,添加新的语法、功能或抽象,帮助开发人员轻松解决复杂的问题。如数组展平过去需要自己编写方法来实现,而从 ES2019 中开始引入了一种扁平化数组的新方法,可以展平任何深度的数组,这个方法就是 flat() 。而说起 flat() 的方法,就不得不顺便说下 flatMap() 。
现在WEB应用包括网站,几乎都离不开 JavaScript ,可以大胆的说没有不使用JavaScript的WEB应用 。在本文中,将总结一些JavaScript 在 WEB 渲染速度和性能方面优化技巧。
前面在《Ember.js 项目开发之 Ember Data》介绍了Ember Data 和 《Ember Data 之模型定义》、《Ember Data 之记录查询》,本文将继续介绍记录操作:创建、更新和删除。
splice() 方法可以从数组中排除旧值,然后将新值插入数组。使用 splice() 后,将获得两个数组,第一个是排除的数组,第二个是编辑过的新数组。 需要注意的是,此方法会改变原数组。
HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScript 和 CSS 一起,HTML 构成前端开发的三剑客。
slice() 方法将数组部分的副本返回到新的数组对象中。这个对象是从 start 到 end 选择的。需要注意的是,此方法不会修改原始数组。此外,如果向其中一个数组添加新元素,则另一个数组不会受到影响。
当视频游戏遇到Web 2.0时会发生什么? 当虚拟世界相遇地球的地理空间地图?当模拟变成现实,生活和商业变成虚拟?当你使用虚拟地球在物理地球上导航时,你的化身就变成了你的在线代理?这一切发生的就是元宇宙。
前面在《Ember.js 项目开发之 Ember Data》介绍了Ember Data 和 《Ember Data 之模型定义》,本文将继续介绍记录操作。
文件下载,过去一般由后端程序在服务器端生成文件,然后前端通过打开链接的方式从服务器端下载数据,而需要下载的文件在服务器上会有一个临时文件或者永久存在的文件。随着浏览器的发展和高级浏览器的普及,文件下载可以通过接口获取相应的文件流,然后在前端生成相应的下载文件和链接地址,这种方式一般在服务器端没有临时文件或者永久文件,而是将文件数据流存储在数据库中。
二维数组在 JavaScript 开发中是比较常见的数据结构,在本文将介绍如何使用 JavaScript 创建二维数组并对其进行操作,在JavaScript中常见的数组操作方法大概 10 个左右,可以参阅《JavaScript 数组操作必须熟练运用的10个方法》。
前端开发中,特别有接触过树形结构组件的项目中,这些组件很多都需要对JSON对象进行扁平化,而获取属性数据又需要对数据进行反操作。本文以代码的形式来展示如何使用 JavaScript 扁平化/非扁平化嵌套的 JSON 对象。
作为WEB的核心语言之一,如果没有 JavaScript,互联网将完全不同。JavaScript 是一种用于前端和后端 Web 开发的高级编程语言。可以使用 JavaScript 来创建动态 Web 内容和应用程序。
WEB 项目的开发,不可避免的要设计存储,这里所说的主要是浏览器存储。之前在文章《WEB 本地存储:localStorage、Web SQL Database、IndexedDB》介绍过浏览器存储。本文之所有再谈浏览器存储,是希望从更加细致的角度出发,并分享存储相关的方法集合。
数据不变性在编程语言中一直非常重要,在 JavaScript 中也是如此。在这里,有两种 JavaScript 方法可以部分保证不变性:Object.freeze 和 Object.seal。本文来总结一下这两个方法都可以用来做什么?都有什么区别?存在什么不足之处?