葡萄城技术团队博客

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。响应式系统（Reactivity systems）是现代前端框架的关键部分之一。应用系统的的高度交互性、动态性和响应能力全靠它支持。每个Web开发人员而言都应该了解这一系统的功能和实践操作。原理响应系统是一种使自动使数据源（模型）与数据表示（视图）层自动保持同步的机制。每次模型更改时，都会重新渲染视图。以一个简单的Markdown编辑器为例。通常编辑器有两个窗格：一个窗格用于编写Markdown代码（用于修.

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。在文章的开始我们需要了解什么是缓存？缓存是预先根据数据列表准备一些重要数据。没有缓存的话，系统的吞吐量就取决于存储速度最慢的数据，因此保持应用程序高性能的一个重要优化就是缓存。web应用程序中有两项很重要的工作，分别是文件和视频Blob的缓存和快速访问页面模板。而在NodeJS中，非异步功能操作的延迟会决定系统什么时候为其他客户端提供服务，尽管操作系统有自己的文件缓存机制，但是同一个服务器中有多个web应用程.

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。今天，我们给大家带来的是一个基于vue3的开源项目：电动车电池范围计算器。这是一个workshop，通过完成该项目，我们可以直观的感受到vue3的强大，了解一些项目最佳实践。项目的背景是当前备受关注的电动车。经历了近6年的发展，电动车在市场上得到大规模普及，从“大玩具”变为未来交通的基石。项目以电动车行业最受关注的续航能力为例，使用vue3技术构建一个电池范围计算器，来展示用Vue.js制作仪表盘的开发方式和体.

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://www.codeproject.com/Articles/5278387/Understanding-Maps-in-JavaScript一直以来，JavaScript使用数组和对象来定义和存放结构化数据， 在这篇文章中，我们将一起深挖另一种对象Map的一切，我们将会去了解它是什么、如何遍历、都包括什么属性和方法以及优缺点是什么。介绍JavaScript的Map对象数据..

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://dzone.com/articles/how-to-speed-up-your-design-process-using-modern-c现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得...

最近关于渐进式Web应用有好多讨论，有一些人还在质疑渐进式Web应用是否就是移动端未来。 但在这篇文章中我并不会将渐进式APP和原生的APP进行比较，但有一点是可以肯定的，这两种APP的目标都是使用户体验变得更好。 移动端Web应用有很多优秀的概念让人应接不暇，但好在编写一个渐进式Web应用不是一个很困难的事情。在这篇文章里将向你介绍如何把一个普通的网站转换成渐进式Web应用。你可以按照这篇文章一...

对于 JavaScript 社区来说，npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架。npm 强大的搜索功能能够帮助找到一组相关的软件包，同时其内置的的文档和使用统计信息，可以帮助开发者决定使用哪一种软件包。

本文将会讨论客户端JavaScript中的错误处理。主要介绍JavaScript中的易犯错误、错误处理、异步代码编写等内容。

在现代网页设计时代，使用Flexbox和CSS Grid来对齐元素，变得相对容易起来。

活字格企业 Web 应用生成器凭借产品的独特优势，和近年来在企业Web应用方面的杰出贡献荣获2017年度优秀软件产品

本文将会比较五个最佳的前端流行框架。每个框架都有自己的优点和缺点，以及具体的应用领域，你可以根据自己的具体项目需求进行选择。此外，许多选项都是模块化的，允许你仅使用所需的组件，甚至可以混合使用来自不同框架的组件。

本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。

如今，Angular和React这两个JavaScript框架可谓红的发紫，同时针对这两个框架的选择变成了当下最容易被问及或者被架构设计者考虑的问题，本文或许无法告诉你哪个框架更优秀，但尽量从更多的角度去比较两者，尽可能的为你在选择时提供更多的参考意见。

本文为HTML5&CSS3初学者指南系列的第三篇文章，介绍HTML5的一些新特性。

本文分享一些前端开发的最著名和最有影响力的框架和库。

前文回顾在《用 WijmoJS 玩转您的Web应用》系列文章中，我们已经介绍了Angular和Vue框架下 WijmoJS 的玩法。而今天，我们将展示如何使用 WijmoJS 来搭建一款具备独特创新性、出色性能和简单代码逻辑的 React 应用。同样是前端框架，为何你如此优秀？由于React设计思想极其独特，属于革命性创新，即只利用简单的代码逻辑，实现出众的性能。自13年开源以来，被越来越多的人关...

在上篇中，笔者分享了部分安装并调试React Native应用过程里的一点经验，如果还没有看过的同学请点击《React Native基础&入门教程：调试React Native应用的一小步》。在本篇里，让我们一起来了解一下，什么是Flexbox布局，以及如何使用。 一、长度的单位在开始任何布局之前，让我们来首先需要知道，在写React Native组件样式时，长度的不带单位的，它表示“与设...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://blog.bitsrc.io/3-flavors-of-the-for-loop-in-javascript-and-when-to-use-them-f0fb5501bdf3在学习任何开发语言时候，for循环是必不可少的一种语法，可能所有开发人员都会使用它。它非常经...

用不到100行代码，在前端实现Excel的全部功能千万前端开发者翘首企盼，SpreadJS V12.2 终发布更新：六大功能特性，带来更多便利，用不到100行代码，在前端实现Excel的全部功能！SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，以“高速低耗、高度类似Excel、可无限扩展”为产品特色，提供移动跨平台和浏览器支持，同时满足 .NET、Java、Ap...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：http://nqdeng.github.io/7-days-nodejsNode.js 是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。Node.js采用Google开发的V8内核运行代码，使用事件驱动、非阻塞和异步输入输出模型等技术来提高性...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://dzone.com/articles/vue-development-in-2019-what-you-need-to-know如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。本文由葡萄城翻译并发布---Angular 作为一款优秀的前端框架，自诞生之日起，就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同，Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生，而是设计为：包含了一个完整的工作流，用于从项目创建开始，...

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。原文出处：https://wanago.io/2018/08/13/webpack-4-course-part-seven-decreasing-the-bundle-size-with-tree-shaking/在本次Webpack 4教程中，我们会更进一步讲述项目优化。我们会学习什么是tree ...

概述首先恭喜Angular团队发布Angular 7.0.0版本！对于大多数开发人员，只需要执行一个命令就可以更新到Angular 7：ng update \@angular/cli \@angular/core与此同时，WijmoJS 2018V3已经全面支持Angular 7，您可以使用最新版本的 WijmoJS 来构建Angular 7应用程序。除此之外，我们还在努力...

概述What is Electron?Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的框架。 您可以将Electron与纯JavaScript或您选择的JavaScript框架一起使用：React Angular Vue构建一个简单的Electron应用程序要创建基本的Electron应用程序，请按照下列步骤操作：git clon...

为方便广大前端开发人员更好的使用 WijmoJS 前端开发工具包，葡萄城专门推出了 WijmoJS 使用指南，该指南详细地介绍了如何把 WijmoJS 各种强大的功能应用到您自己的 Web 项目中，助您轻松掌握产品使用技巧，快速完成产品选型。本指南由四个部分组成：下载安装 产品评估 前端开发指南 WijmoJS 求助中心下载安装 产品下载地址 安装包下载 N...

本文由葡萄城技术团队于博客园原创并首发转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。在上篇中，我们介绍了什么是Flexbox布局，以及如何使用Flexbox布局。还没有看过的小伙伴欢迎回到文章列表点击查看之前的文章了解。那么，当我们有了基本的布局概念之后，就可以做一些有意思的尝试了。不过，它们会有一个美中不足：只是静静地呆在那里，不接受反...

系列文章UWP入门教程1——UWP的前世今生 如上文所说的，布局面板根据可用的屏幕空间，指定界面元素的大小和位置。例如StackPanel 会水平或垂直排列界面元素。Grid 布局与CSS 中的表格控件类似，可将各元素按单元排列。新提供的 RelativePanel 即相对布局，各个元素之间存在相对关系，可用来创建自适应界面。当用户设备发生变化时，用户界面也会重新排列重新组织，而有了Relativ

引言本文主要介绍了另一种即具有与ng-repeat 一样处理大量数据的绑定的功能，又具有超高的性能。对于处理小数量，ng-repeat是非常有用的，但是如果需要处理非常大的数量集，还是采用自定义的方法更好一些。也别是数据大多都是静态的或已预存储好的，这个时候应避免使用ng-repeat指令。 ng-repeat中的表达式和 $watchAngular中的表达式都会创建$watch 的Scope 函

本文对常用的数据结构详述：Array, ArrayList，List，IList，ICollection, Stack, Queue, HashTable, Dictionary, IQueryable, IEnumerable。 Collection（集合）Collection是数据记录集合，编写代码过程中，常常需要合适的容器保存临时数据，方便修改和查找，如何选取合适的数据容器，关键在于将执行的

Web开发人员，需要长时间使用浏览器，尽管Windows10 Edge浏览器启动非常快速，且支持110多种设备，Edge支持基于JS 扩展，但也删除了很多旧功能像Active-X等插件。多数情况下，插件不仅可以解决一些安全问题，而且能够有效的解决浏览器负载问题。会在Chrome中每新打开一个标签页，插件都会自行运行，生成新的插件实例。这就意味着如果你打开10个标签页，并且浏览器有10个插件，那么就

系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目  实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI实战使用Axure设计App,使用WebStorm开发

在本文中，将继续介绍在 WebStorm 中开发，去实现App的功能需求。 就像盖房子一样，第一步需要把整个工程的页面结构先勾勒出来，先让各个页面流转起来，然后再去细化每个页面。 所有工程代码放在了 https://github.com/zhangsichu/DeliveryApp 同时上篇文章中创建的初始化工程，也Tag了 TheInitialProject，您可以使用 Git checkout

系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目  实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI实战使用Axure设计App,使用WebStorm开发

系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目  实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 本文将采用一个小的App为实例，开始讲述如何使用，Axure做原型设计，使用 Ionic 在 WebStorm 里做开发。从而帮您了

系列文章实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目  实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构 实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI实战使用Axure设计App,使用WebStorm开发

从事前端开发到目前为止已经有4年多的时间了，从一个小菜鸟一路依靠自学，到目前总算一个老菜鸟了。当然了，从事前端的工作，是免不了要对产品以及用户体验有些许了解的。最近谈论起这方面的内容，就按照自己的想法，对UX相关的内容做个总结。大家可多多评论一起探讨。先说一下几个概念（职位）：PM：Product Manager 的简写，即产品经理，就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需

Visual Studio 2013 中的 LightSwitch 有新增功能，包括更好的团队开发支持以及在构建 HTML 客户端桌面和 Office 365 应用程序方面的改进。本文结合最新发布的Wijmo 5提供的AngularJs进行图解。

Wijmo 5是一组JavaScript控件，但是不要与Widgets混淆。在此前开发Wijmo的时候，我们能够用像jQuery UI和jQuery Mobile Widget 框架来构建它，同时也为我们构建Web框架--Wijmo节省了时间。

《近匠》第64期，Wijmo 5是由GrapeCity旗下ComponentOne公司开发的新一代HTML5/JavaScript控件库。本期近匠采访了Wijmo 5 CTO Bernardo Castilho先生，听他讲述从Web到移动的25年编程生涯，以及Wijmo 5的开发故事。