- 博客(5256)
- 收藏
- 关注
翻译 jquery.入口函数_5个jQuery.each()函数示例
jquery.入口函数 这是jQuery.each()函数的广泛概述,此函数是jQuery最重要和最常用的函数之一。 在本文中,我们将找出原因,并看看如何使用它。 什么是jQuery.each() jQuery的each()函数用于遍历目标jQuery对象的每个元素,该对象包含一个或多个DOM元素,并公开所有jQuery函数。 这对于多元素DOM操作以及遍历任意数组和对象属性非常有用。 ...
2020-02-03 00:00:00 1060
翻译 express路由子路由器_使用Express在Node中构建您的第一个路由器
express路由子路由器 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 如果最近几年您使用Node进行过任何Web开发,那么您可能已经使用过Express。 即使您没有直接使用它,许多意在使Web开发变得更加简单的框架仍然基于Express。 Express的主要功能之一就是能够创建路线。 URL的无限组合可以在同一台Express服务器上...
2019-01-20 00:00:00 1584
翻译 gulp4.0.2_如何迁移到Gulp.js 4.0
gulp4.0.2 尽管有来自webpack和Parcel的竞争, 但是 Gulp.js仍然是最受欢迎JavaScript任务执行者之一。 Gulp.js使用代码进行配置,这使其成为通用的通用选项。 与通常的转堆,捆绑和实时重装一样,Gulp.js可以分析数据库,渲染静态站点,推送Git提交并使用单个命令发布Slack消息。 了解如何迁移到Gulp.js 4.0。 有关Gulp的介绍,请查看以...
2019-01-17 00:00:00 1063
翻译 angular 模块构建_使用Express,Angular和GraphQL构建一个简单的Web应用程序
angular 模块构建 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 在过去的10年左右的时间里,用于Web服务的REST API的概念已成为大多数Web开发人员的头等大事。 最近出现了一个新概念GraphQL。 GraphQL是一种由Facebook发明并于2015年向公众发布的查询语言。在过去三年中,它引起了极大的轰动。 有人将其视为创建W...
2019-01-15 00:00:00 744
翻译 angular 模块构建_使用Angular 7中的所有新功能和值得关注的功能构建应用程序
angular 模块构建 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 Angular 7在本季度初发布,我介绍了它的一些功能。 如果您从Angular 2开始就一直关注Angular,那么您知道升级有时会很痛苦。 没有Angular 3,但是升级到Angular 4并不是很糟糕,除了Angular的测试基础架构发生了许多变化。 Angular ...
2019-01-10 00:00:00 269
翻译 javascript框架库_2019年使用的最佳JavaScript框架,库和工具
javascript框架库 似乎有比开发人员更多JavaScript框架,库和工具。 在2018年底, 在GitHub上的快速搜索显示230万个JavaScript项目。 npm已成为全球最大的模块系统 , 在npmjs.com上有700,000个可用软件包,每月都有数十亿的下载量。 2018.12.06:文章已更新以反映JavaScript生态系统的当前状态。 今年的更新由Sencha赞助。...
2018-12-06 00:00:00 487
翻译 如何使用TypeScript通过Express构建节点API
本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 自1995年以来,无论是否喜欢,JavaScript一直在帮助开发人员为Internet提供支持。那时,JavaScript的使用已从小型用户体验增强功能发展为使用服务器上的Node.js和客户端上的许多框架之一的复杂的全栈应用程序。例如Angular,React或Vue。 如今, 大规模构建J...
2018-12-06 00:00:00 629
翻译 jwt如何验证验证码_如何使用节点创建和验证JWT
jwt如何验证验证码 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 多年来,互联网上的身份验证已经发展了很多。 有很多方法可以做到这一点,但是在90年代行之有效的方法今天还不能完全解决。 在本教程中,我将简要介绍一些较旧的,更简单的身份验证形式,然后向您展示一种更现代,更安全的方法。 在本文结束时,您将能够在Node中自己创建和验证JWT。 我还...
2018-12-04 00:00:00 1297
翻译 node angular_使用Angular和Node构建基本的CRUD应用
node angular 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 近年来,单页应用程序(SPA)变得越来越流行。 SPA是仅由一个页面组成的网站。 该单独页面充当JavaScript应用程序的容器。 JavaScript负责获取内容并将其呈现在容器中。 内容通常是从Web服务获得的,而RESTful API已成为许多情况下的首选。 组成SP...
2018-11-29 00:00:00 529
翻译 jQuery setTimeout()函数示例
setTimeout是原生的JavaScript函数(尽管它可以与图书馆等作为jQuery的,正如我们将在后面看到),它调用一个函数或指定的延迟(以毫秒为单位)后执行代码段。 如果,例如,你想显示弹出一个访问者在浏览网页以一定的时间后,这可能是有用的,或者您从一个元素去除悬浮效果(以防用户意外之前要在短暂的延迟打探出)。 基本的setTimeout例 为了证明这个概念,下面的演示显示一个弹出...
2018-11-26 00:00:00 4381
翻译 vue 构建单页应用_使用Go和Vue构建单页应用
vue 构建单页应用 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 单页面应用程序(SPA)通过提供丰富的UI交互,快速的反馈以及无需下载和安装传统应用程序的麻烦,改善了用户体验。 浏览器现在是操作系统,网站是应用程序。 尽管SPA并非总能解决问题,但对于依赖快速用户交互的应用程序,它们变得越来越普遍。 对于最终用户而言,精心设计的SPA就像...
2018-10-26 00:00:00 1116
翻译 express react_使用Express,React和GraphQL构建一个简单的Web应用程序
express react 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 GraphQL和React在最近几年都变得非常流行,可以肯定地说它们像鳄梨和烤面包一样融合在一起。 GraphQL服务器可以用Node编写,并允许您使用JavaScript类和函数轻松创建灵活的API。 当前端开发人员查询服务器时,仅处理要求提供的信息。 这意味着您可以通过...
2018-10-19 00:00:00 236
翻译 oauth2.0 node_使用OAuth 2.0客户端凭据保护Node API
oauth2.0 node 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 保护服务器到服务器的API服务可能很棘手。 OAuth 2.0是将用户身份验证转移到另一个服务的绝佳方法,但是如果没有用户要身份验证怎么办? 在本文中,我将向您展示如何在用户上下文之外(也称为客户端凭据流)使用OAuth 2.0。 您可以使用第三方服务来管理您的授权,而...
2018-10-11 00:00:00 314
翻译 oauth2.0 node_使用Node和OAuth 2.0构建简单的REST API
oauth2.0 node 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 JavaScript在网络上无处不在–几乎每个网页都至少包含一些JavaScript,即使没有,JavaScript也可能具有某种扩展名,无论如何都将JavaScript代码注入到页面中。 在2018年很难避免。 JavaScript也可以在浏览器的上下文之外使用,从托...
2018-09-27 00:00:00 337
翻译 如何使用Sencha Grid构建React 16 Web应用程序
这篇文章最初发表在煎茶 。 感谢您支持谁使SitePoint可能的合作伙伴。 反应16的反应,建立在反应的新的核心架构,代号为“光纤”的顶部的第一个版本。 反应16从地面向上设计为支持异步呈现,允许不阻塞的主要执行线程处理大型组件树。 它支持一些关键功能,如使用错误的边界捕获异常,从渲染,对MIT许可减少文件大小和支持返回多个组件。 如果你正在开发与之反应16获得数据驱动的Web应用程序,可...
2018-09-21 00:00:00 265
翻译 sencha cmd构建_如何使用Sencha Grid构建React 16 Web应用程序
sencha cmd构建 本文最初发表在Sencha上 。 感谢您支持使SitePoint成为可能的合作伙伴。 React 16是在React的新核心架构(代号为“ Fiber”)之上构建的第一个React版本。 React 16是从头开始设计的,以支持异步渲染,该异步渲染允许处理大型组件树而不会阻塞主执行线程。 它支持许多关键功能,例如使用错误边界捕获异常,从渲染返回多个组件,减小的文件大小...
2018-09-21 00:00:00 244
翻译 使用您的Web开发技能,用Electron构建桌面应用程序
这篇文章最初发表在了1563开发者博客 。 感谢您支持谁使SitePoint可能的合作伙伴。 电子是构建跨平台的桌面应用程序与Web技术如JavaScript,HTML和CSS的框架。 它是为GitHub上的Atom编辑器创建和自取得广泛采用。 电子强国的几个应用程序,我用每天的基础上:松弛,Kitematic和Visual Studio代码仅举几例。 电子2.0发布于五月初2018年,与对...
2018-09-20 00:00:00 342
翻译 electron 桌面程序_使用您的Web开发技能,用Electron构建桌面应用程序
electron 桌面程序 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 Electron是一个框架,用于使用JavaScript,HTML和CSS等Web技术构建跨平台的桌面应用程序。 它是为GitHub的Atom编辑器创建的,此后得到了广泛的采用。 电子为我每天使用的多个应用程序提供动力:Slack,Kitematic和Visual Stud...
2018-09-20 00:00:00 306
翻译 vue.js部署_如何将安全Vue.js应用程序部署到AWS
vue.js部署 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 编写Vue应用程序直观,直接,快捷。 Vue具有较低的进入门槛,基于组件的方法以及诸如热重载和Webpack之类的内置功能,因此您可以专注于开发应用程序,而不必担心开发环境和构建过程。 但是,当您准备将应用程序部署到生产环境中时会发生什么? 选择可能是无止境的,有时甚至是直觉的。 ...
2018-09-13 00:00:00 1168
翻译 react 验证身份证_使用React,GraphQL和用户身份验证构建运行状况跟踪应用
react 验证身份证 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 我想您会喜欢我要告诉您的故事。 我将向您展示如何使用Vesper框架,TypeORM和MySQL构建GraphQL API。 这些是Node框架,我将使用TypeScript作为语言。 对于客户端,我将使用React,reactstrap和Apollo Client与API进行...
2018-08-24 00:00:00 472
翻译 排队论游乐场的游乐项目_最佳代码游乐场中的7个
排队论游乐场的游乐项目 这些年来,出现了各种各样的前端代码游乐场。 大多数提供了一种快速而肮脏的方式来尝试客户端代码并与他人共享。 在本文中,我们快速浏览了其中的七个。 这些在线游乐场的典型功能包括: 颜色编码HTML,CSS和JavaScript编辑器 预览窗口-无需更新即可即时更新 HTML预处理器,例如HAML LESS,SASS和Stylus CSS预处理 包含流...
2018-08-14 00:00:00 311
翻译 .matchmedia_如何在JavaScript和matchMedia中使用媒体查询
.matchmedia 2011年的文章已于2018年更新。 自从CSS取代表格以来, 自适应设计是最令人兴奋的Web布局概念之一。 基础技术使用媒体查询来确定查看设备的类型,宽度,高度,方向,分辨率,长宽比和颜色深度,以服务于不同的样式表。 如果您认为自适应设计仅用于CSS布局,那么您将很高兴听到媒体查询也可以在JavaScript中使用,正如本文将介绍的那样。 CSS中的媒体查询 ...
2018-07-31 00:00:00 221
翻译 node和react的关系_使用Node和React构建一个基本的CRUD应用
node和react的关系 本文最初发布在Okta开发人员博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 今天有很多 JavaScript框架。 好像我每个月左右都会听到一个新的通知。 它们都有自己的优势,通常可以解决现有框架中的某些问题。 到目前为止,我最喜欢使用的是React。 最好的事情之一是React生态系统中有多少开源组件和库,因此您有很多选择。 如果您犹豫不决,这可...
2018-07-26 00:00:00 1340
翻译 使用OAuth 2.0构建React Native应用并进行身份验证
这篇文章最初发表在了1563开发者博客 。 感谢您支持谁使SitePoint可能的合作伙伴。 随着1563和ID连接(OIDC),您可以轻松地验证集成到一个阵营原生应用和从来没有给自己重新建立它。 OIDC允许您直接对认证1563 API ,以及如何做到这一点的文章正好显示了,在一个阵营机应用程序。 今天您将看到如何将用户登录到你的阵营通过AppAuth未图书馆使用OIDC重定向机应用程序。 ...
2018-07-19 00:00:00 850
翻译 如何使用Okta和模板将Auth添加到您的PWA中
这篇文章最初发表在了1563开发者博客 。 感谢您支持谁使SitePoint可能的合作伙伴。 渐进式Web应用程序 (个PWA)是Web开发块上最新的技术,他们已经只是时间来解决日益严重的问题来了。 许多公司都在努力保持隔离的开发团队在其组织起来到年月日时新功能的发布。 有些公司甚至试图决定,如果它是值得的成本同时开发一个Web应用程序和移动应用程序。 毫无疑问,这是一个头痛的大多数公司都希望...
2018-07-10 00:00:00 491
翻译 auth0 和okta_如何使用Okta和模板将Auth添加到您的PWA中
auth0 和okta 本文最初发布在Okta开发者博客上 。 感谢您支持使SitePoint成为可能的合作伙伴。 渐进式Web应用程序 (PWA)是Web开发平台上的最新技术,它们及时出现是为了解决一个日益严重的问题。 当发布新功能时,许多公司都在努力使组织中孤立的开发团队保持最新。 一些公司甚至试图确定开发Web应用程序和移动应用程序的成本是否值得。 毫不奇怪,这是大多数公司希望避免的头痛...
2018-07-10 00:00:00 721
翻译 mongodb 自定义id_使用MongoDB,Azure和无服务器功能构建自定义仪表板
mongodb 自定义id 本文最初在Ahmad Awais上发表。 感谢您支持使SitePoint成为可能的合作伙伴。 TL; DR :我正在为企业客户端构建一个自定义WordPress仪表盘,该仪表盘由Node.js之上的React.js提供支持,并使用MongoDB Atlas作为数据库。 该仪表板使用了多个Microsoft Azure服务,例如认知服务,Azure应用程序服务,尤...
2018-07-06 00:00:00 619
翻译 使用JavaScript,WebRTC和Okta构建视频聊天服务
这篇文章最初发表在了1563开发者博客 。 感谢您支持谁使SitePoint可能的合作伙伴。 就在最近的七次短期年前,在网络上构建视频应用是一个巨大的痛苦。 记住使用Flash和专有的编解码器( 这通常需要许可 )的日子吗? 呸。 在过去的几年中,视频聊天技术,大大改善和Flash不再需要。 如今,视频聊天景观简单得多感谢的WebRTC :由谷歌,Mozilla的,Opera和其他人建立和维...
2018-06-28 00:00:00 329
翻译 如何使用WRLD使用实时数据创建购物中心地图
本文是与WRLD合作创建的。 感谢您支持使SitePoint成为可能的合作伙伴。 作为Web开发人员,有时您会发现自己处于实施地图的位置。 您的首选是使用Google地图,对吗? 看起来还好 但是,可能需要您借助标记在地图上叠加其他信息。 您可以使用此方法,也可以找到更好的解决方案,使您可以在室内3D地图中创建标记! 多么酷啊? 使用室内标记,您可以为用户提供独特的体验,使他们能够访问...
2018-06-19 00:00:00 385
翻译 7个无垃圾JavaScript动画的性能提示
网页动画的角色已经从单纯的装饰绒毛发展到服务的具体目的在用户体验方面-比如交互提供视觉反馈为用户提供您的应用程序,引导用户的注意力,以满足您的应用程序的目标,提供视觉线索帮助用户让你的应用程序的界面感,等等。 为了确保网络动画达到这样重要的任务,是很重要的运动发生在正确的时间在流体和平滑的方式,让用户感知为帮助他们,而不是在他们的任何行动的方式获得想追求你的应用程序。 考虑不周的动画的一个可...
2018-06-15 00:00:00 140
翻译 javascript动画_7个无垃圾JavaScript动画的性能提示
javascript动画 网络动画的作用已从单纯的装饰性蓬松发展为在用户体验中达到特定目的的服务 -例如在用户与您的应用互动时提供视觉反馈,引导用户的注意力实现您的应用目标,提供有助于用户的视觉提示了解您应用的界面,依此类推。 为确保网络动画能够完成如此关键的任务,重要的是在正确的时间以流畅流畅的方式进行运动,以使用户将其视为对他们的帮助,而不是妨碍他们采取任何行动。尝试在您的应用上追求。 ...
2018-06-15 00:00:00 107
翻译 ES2018的新增功能
在这篇文章中,我将介绍JavaScript代码通过ES2018(ES9)引入的新功能,但它们是什么以及如何使用它们的例子。 的JavaScript(ECMAScript的)是跨平台的许多供应商实现一个不断发展的标准。 ES6(ECMAScript的2015年),是一个大的释放历时六年完成。 一个新的年度发行过程已经制定,以简化程序,增加新的功能更快。 ES9(ES2018)是在写作的时候最...
2018-06-14 00:00:00 189
翻译 MongoDB 3.6中的JSON模式验证和富有表现力的查询语法
这篇文章最初发表在MongoDB中 。 感谢您支持谁使SitePoint可能的合作伙伴。 一个MongoDB的主要优势一直是开发商授权:由依靠灵活的模式架构,MongoDB的使得它更容易和更快的应用程序通过发展阶段摆脱验证的概念到生产并逐一更新周期为需求的发展。 然而,随着应用的成熟和规模,他们往往以到达频繁的架构更改不再关键或在一个更可控的方式必须推出一个稳定的阶段,以防止插入到数据库中的...
2018-06-14 00:00:00 1053
翻译 mongodb3.6.4_MongoDB 3.6中的JSON模式验证和表达查询语法
mongodb3.6.4 本文最初在MongoDB上发布。 感谢您支持使SitePoint成为可能的合作伙伴。 MongoDB的主要优势之一一直是增强开发人员的能力:依靠灵活的架构架构,MongoDB使应用程序可以更轻松,更快速地从概念验证到生产的整个开发阶段,并根据需求的发展在更新周期中进行迭代。 但是,随着应用程序的成熟和扩展,它们趋于达到一个稳定的阶段,在此阶段,频繁的模式更改不再是...
2018-06-14 00:00:00 595
翻译 javascript可视化_使用现代JavaScript和D3进行交互式数据可视化
javascript可视化 在本文中,我想带您看一下我最近构建的一个示例项目-使用D3库的完全原始的可视化类型,它展示了如何将这些组件加在一起以使D3成为一个很好的学习库。 D3代表数据驱动文档。 这是一个JavaScript库,可用于制作各种出色的数据可视化效果和图表。 如果您曾经看过《纽约时报》上任何精彩的互动故事 ,那么您将已经看到了D3的实际应用。 你也可以看到,已建成与D3大项目...
2018-06-12 00:00:00 564
翻译 添加parcel 到cdh_使用Parcel捆绑Hyperapp应用并部署到GitHub Pages
添加parcel 到cdh 在上一篇文章中,我们遇到了Hyperapp,这是一个微型库,可用于以类似于React或Vue的方式构建动态的单页Web应用程序。 在这篇文章中,我们将把事情提高一个档次。 我们将在本地创建该应用程序(之前我们在CodePen上进行过开发),了解如何使用Parcel (类似于webpack或Rollup的模块捆绑器)捆绑该应用程序,并使用GitHub Pages将其部...
2018-06-11 00:00:00 149
翻译 引入基于承诺的流行HTTP客户端Axios
爱可信是一种流行的,基于承诺的HTTP客户端,体育一个易于使用的API,并可以在浏览器和Node.js的都可以使用 HTTP请求来获取或保存数据是最常见的任务的客户端JavaScript的应用程序将需要做一个。 第三方库 - 尤其是jQuery的 - 长期以来一直与更详细的浏览器的API进行交互的流行方式,而抽象掉任何跨浏览器的差异。 随着人们从jQuery的有利于提高本地的DOM API,...
2018-06-08 00:00:00 143
翻译 hyperapp 共享_使用Hyperapp(1KB JS微框架)构建待办事项列表
hyperapp 共享 在本教程中,我们将使用Hyperapp构建待办事项列表应用程序。 如果您想学习函数式编程原理,但又不想陷入细节,请继续阅读。 Hyperapp现在很热门。 它最近在GitHub上超过了11,000个星,并在2017年JavaScript Rising Stars的``前端框架''部分中排名第五。 当它达到1.0版时,它最近也出现在SitePoint上 。 Hyper...
2018-06-08 00:00:00 313
翻译 axios接收客户端数据_引入基于承诺的流行HTTP客户端Axios
axios接收客户端数据 Axios是一个流行的,基于承诺的HTTP客户端,具有易于使用的API,并且可以在浏览器和Node.js中使用。 发出HTTP请求以获取或保存数据是客户端JavaScript应用程序需要执行的最常见任务之一。 第三方库(尤其是jQuery)一直是与更详细的浏览器API进行交互并抽象出跨浏览器差异的一种流行方法。 随着人们不再使用jQuery来支持改进的本机DOM ...
2018-06-08 00:00:00 187
翻译 在没有框架的情况下构建JavaScript单页应用
前端框架是巨大的。 他们抽象的远得多的建设单页应用(SPA)和帮助你组织你的代码在一个易于理解的方式为你的项目的发展的复杂性。 然而,有一个反面:这些框架配备了一个程度的开销,可以介绍自己的复杂性。 这就是为什么,在本教程中,我们要学习如何从头开始建立一个SPA,无需使用客户端的JavaScript框架。 这将帮助你评价一下这些框架实际上是你在做什么点是有意义的使用的一个。 它也会给你,使一...
2018-06-07 00:00:00 751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人