随笔分类 - 前端知识

摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/build-an-html-css-js-playground-64c62133746d 目前市面上已经有很多类似的平台和方案了,类似像jsfiddle、 阅读全文
posted @ 2019-10-21 11:01 葡萄城技术团队 阅读 (360) | 评论 (1) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/pure-html-widgets-for-your-web-application-c9015563af7a 在我们以往看到的页面效果中,很多效果是需要 阅读全文
posted @ 2019-09-20 16:01 葡萄城技术团队 阅读 (1260) | 评论 (4) 编辑
摘要:本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么? 带着这些问题和 阅读全文
posted @ 2019-08-29 16:37 葡萄城技术团队 阅读 (823) | 评论 (2) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:http://nqdeng.github.io/7-days-nodejs Node.js 是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。Node.js 阅读全文
posted @ 2019-08-09 08:45 葡萄城技术团队 阅读 (345) | 评论 (1) 编辑
摘要:本文介绍TypeScript中泛型的概念,以简单直白的方式,向那些不了解此概念,但渴望在工作中使用它的开发者,提供入门指导。 阅读全文
posted @ 2019-07-11 14:59 葡萄城技术团队 阅读 (1212) | 评论 (0) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://tutorialzine.com/2017/08/12-terminal-commands-every-web-developer-should-know 在开发者的弹药箱里,命令行是 阅读全文
posted @ 2019-06-04 10:19 葡萄城技术团队 阅读 (1476) | 评论 (0) 编辑
摘要:尽管 Web开发的典型应用场景除了将服务器用作平台、浏览器用作客户端之外,几乎很少活跃于其他业务领域,但不可否认JavaScript 语言和框架的使用已经成为了主流。Angular、React 和 Vue,作为 JavaScript 的三大框架已逐步发展成熟,三者的差异性也越发明显,假设JavaScript还会继续流行十年左右,未来十年,你将会作何选择? 阅读全文
posted @ 2019-04-18 16:54 葡萄城技术团队 阅读 (7367) | 评论 (15) 编辑
摘要:Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同,Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生,而是设计为:包含了一个完整的工作流,用于从项目创建开始,持续地维护并更新你的应用程序。 阅读全文
posted @ 2019-04-15 09:12 葡萄城技术团队 阅读 (1259) | 评论 (4) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://wanago.io/2018/07/23/webpack-4-course-part-three-working-with-plugins/ 大家好!今天我们介绍插件这个概念。插件与l 阅读全文
posted @ 2019-01-11 15:19 葡萄城技术团队 阅读 (406) | 评论 (0) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文转载自 https://neoteric.eu/blog/when-async-is-not-enough-introduction-to-multithreading-in-the-browser/ 先 阅读全文
posted @ 2018-12-21 13:46 葡萄城技术团队 阅读 (849) | 评论 (0) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://www.grapecity.com.cn/blogs/wijmo-depth-overview-progressive-web-applications 如果您是Web开发人员,您可能 阅读全文
posted @ 2018-09-28 10:04 葡萄城技术团队 阅读 (691) | 评论 (0) 编辑
摘要:在本文中,我们将会通过一些示例来为大家介绍如何在Javascript中灵活使用var、let和const这些关键字来定义变量,以及这些关键字它们之间有什么异同。 阅读全文
posted @ 2018-09-19 10:52 葡萄城技术团队 阅读 (2069) | 评论 (9) 编辑
摘要:今天继续我们的Webpack 4入门教程。在介绍了Webpack的基本概念之后,是时候更深入一点了。这次我们会涉及Webpack中非常强大的一个东西:loader。首先,我们会学习如何使用那些可用的loader。它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧! 阅读全文
posted @ 2018-09-12 09:31 葡萄城技术团队 阅读 (797) | 评论 (0) 编辑
摘要:今天我们会开始一个 Webpack 4的入门教程。我们会以Webpack的基本概念开始,随着教程逐渐深入。这一次,我们将学习用ES6 modules进行模块化的基础知识。Webpack 4提供了默认配置,我们会逐步学习。让我们开始吧! 阅读全文
posted @ 2018-09-04 14:40 葡萄城技术团队 阅读 (1851) | 评论 (1) 编辑
摘要:本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 在上篇中,我们介绍了什么是Flexbox布局,以及如何使用Flexbox布局。还没有看过的小伙伴欢迎回到文章列表点击查看之前的文章了解。 那么,当我们有了基本的布局概念 阅读全文
posted @ 2018-08-08 11:22 葡萄城技术团队 阅读 (1094) | 评论 (2) 编辑
摘要:在上篇中,笔者分享了部分安装并调试React Native应用过程里的一点经验,如果还没有看过的同学请点击《React Native基础&入门教程:调试React Native应用的一小步》。 在本篇里,让我们一起来了解一下,什么是Flexbox布局,以及如何使用。 一、长度的单位 在开始任何布局之 阅读全文
posted @ 2018-07-02 14:23 葡萄城技术团队 阅读 (1383) | 评论 (4) 编辑
摘要:React Native 为传统前端开发者打开了一扇新的大门。其中,使用浏览器的调试工具去Debug移动端的代码,无疑是最吸引开发人员的特性之一。希望本文能够帮助新手开发者走出一小步,更快的迈过这道门槛。 阅读全文
posted @ 2018-06-04 13:48 葡萄城技术团队 阅读 (3827) | 评论 (5) 编辑
摘要:上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是如何开始工作的。 第一步:使用HTTPS 渐进式Web应用程序需要使用HTTPS连接。虽然使用HTTPS会让您服务器的开销变多,但使用HTTPS可以让 阅读全文
posted @ 2018-05-23 17:17 葡萄城技术团队 阅读 (1557) | 评论 (3) 编辑
摘要:最近关于渐进式Web应用有好多讨论,有一些人还在质疑渐进式Web应用是否就是移动端未来。 但在这篇文章中我并不会将渐进式APP和原生的APP进行比较,但有一点是可以肯定的,这两种APP的目标都是使用户体验变得更好。 移动端Web应用有很多优秀的概念让人应接不暇,但好在编写一个渐进式Web应用不是一个 阅读全文
posted @ 2018-05-18 09:06 葡萄城技术团队 阅读 (1738) | 评论 (3) 编辑
摘要:对于开发人员来说,终端是最重要的工具之一。掌握终端,能够有效的提升开发人员的工作流程。本文列举了一系列Linux命令,旨在帮助大家充分利用终端这个工具 阅读全文
posted @ 2017-10-17 10:12 葡萄城技术团队 阅读 (3210) | 评论 (8) 编辑
摘要:在现代网页设计时代,使用Flexbox和CSS Grid来对齐元素,变得相对容易起来。 阅读全文
posted @ 2017-09-20 12:03 葡萄城技术团队 阅读 (1835) | 评论 (3) 编辑
摘要:本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。 阅读全文
posted @ 2017-08-15 10:39 葡萄城技术团队 阅读 (6011) | 评论 (5) 编辑
摘要:本文将会比较五个最佳的前端流行框架。每个框架都有自己的优点和缺点,以及具体的应用领域,你可以根据自己的具体项目需求进行选择。此外,许多选项都是模块化的,允许你仅使用所需的组件,甚至可以混合使用来自不同框架的组件。 阅读全文
posted @ 2017-06-26 11:48 葡萄城技术团队 阅读 (9539) | 评论 (11) 编辑
摘要:本文将会讨论目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异。也许本文无法告诉你哪个是最好的,但是最适合自己项目的,就是最好的。 阅读全文
posted @ 2017-06-19 12:00 葡萄城技术团队 阅读 (10622) | 评论 (24) 编辑
摘要:5月30日12点,Node.js 8正式发布了,这个版本具有一系列新功能和性能改进,并且这些功能和改进将获得长期支持(LTS)。 阅读全文
posted @ 2017-06-02 10:46 葡萄城技术团队 阅读 (2208) | 评论 (3) 编辑
摘要:虽然jQuery UI能起到很好的作用,但是还有其它的一些框架,拥有很好的高品质控件。在这篇文章中,将会分析其中的几个框架并做比较。 阅读全文
posted @ 2017-05-26 10:49 葡萄城技术团队 阅读 (18551) | 评论 (23) 编辑
摘要:The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学习,因此本文搜集了全球Web开发人员最值得浏览的十二个网站,帮开发人员节省时间,快速找到有价值的学习资源。 阅读全文
posted @ 2015-10-13 09:23 葡萄城技术团队 阅读 (6922) | 评论 (15) 编辑
摘要: 高质量的Web 模板,成熟的Design Pattern,人工智能的引用,移动技术的冲击是否标志着Web Design 结束的时代已经到来? 阅读全文
posted @ 2015-07-09 13:55 葡萄城技术团队 阅读 (4601) | 评论 (6) 编辑
摘要: 几个月之前我接到一个新的开发任务,要在一个旧的Web页面上面增添一些新的功能。在开发的过程中发现旧的代码中有很多常见的不合适的写法,结合这些问题,如何写出更好的,更规范的,更可维护的代码,就是这篇文章要阐述的内容。 阅读全文
posted @ 2014-09-02 10:18 葡萄城技术团队 阅读 (2808) | 评论 (18) 编辑
摘要: 上周Wijmo 2014 V2版本刚刚发布(下载地址),  有网友下载后发现仅仅使用了40个Widgets的一小部分,还需要加载全部的jquery.wijmo-pro.all.3.20142.45.min.js包? 即对仅使用部分的Widget,有无办法优化而提高网络 阅读全文
posted @ 2014-08-13 14:40 葡萄城技术团队 阅读 (3164) | 评论 (1) 编辑
摘要: 今天 ,Web 组件已经从本质上改变了HTML。初次接触时,它看起来像一个全新的技术。Web组件最初的目的是使开发人员拥有扩展浏览器标签的能力,可以自由的进行定制组件。面对新的技术,你可能会觉得无从下手。那这篇文章将为你揭开Web组件神秘的面纱。如果你已经熟知HTML标签和DOM编程,已经拥有了大量可用的Web组件,那么你已经是Web组件专家了。 阅读全文
posted @ 2014-01-08 11:35 葡萄城技术团队 阅读 (19292) | 评论 (11) 编辑
摘要:Web前端代码中,HTML是根本,CSS和JavaScript也是围绕着既有的HTML结构来构建,所以良好的HTML代码结构,除了提高了HTML代码的可读性,可维护性和执行性能之外,也可以让相对应的CSS和JavaScript代码更好的构建。距前面两篇探讨JavaScript(前端代码标准最佳实践:JavaScript篇)和CSS(前端代码标准最佳实践:CSS篇)之后,我们今天来探讨Web前端HTML的一些最佳实践。 阅读全文
posted @ 2012-08-28 12:07 葡萄城技术团队 阅读 (10074) | 评论 (28) 编辑
摘要:上一篇《前端代码标准最佳实践:javascript》发表后,大家讨论还是很热烈,从侧面体现了前端工程师对写标准的前端代码的重视程度很高。这些最佳标准实践并不是那个权威组织发布的,而是由大量的前端工程师们在实践过程中的经验总结,目的在于提高代码的可读性,可维护性和性能。那么接着上一篇,我们再来谈谈CS 阅读全文
posted @ 2012-08-08 09:50 葡萄城技术团队 阅读 (6728) | 评论 (8) 编辑
摘要:前言 最近一直重构项目的前端代码,也参考了各种前端代码的最佳实践,目的是让前端的HTML,CSS,JavaScript代码更符合标准,有更好的性能,更好的可维护性,尝到了重构后的甜头,也萌生了写这个系列博客的念头。前端代码有其固有的灵活性,这就导致了目前前端代码非常混乱的局面,本系列文章希望能起到抛 阅读全文
posted @ 2012-07-05 13:55 葡萄城技术团队 阅读 (9220) | 评论 (29) 编辑
摘要:想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来活力 hover效果能给网页增加一些动态... 阅读全文
posted @ 2011-05-10 14:36 葡萄城技术团队 阅读 (13950) | 评论 (39) 编辑
摘要:HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverlight等插件,也简化了原来需要大量JS... 阅读全文
posted @ 2010-09-10 10:03 葡萄城技术团队 阅读 (842) | 评论 (3) 编辑
摘要:Cookie 它是标准的客户端浏览器状态保存方式,可能在浏览器诞生不久就有Cookie了,为什么需要Cookie 这个东东?由于HTTP协议没有状态,所以需要一个标志/存储来记录客户浏览器当前的状态,... 阅读全文
posted @ 2010-08-05 14:59 葡萄城技术团队 阅读 (6189) | 评论 (7) 编辑