随笔分类 - 前端知识

摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/what-is-deno-and-will-it-replace-nodejs-a13aa1734a74 Deno是什么? Deno v1.0.0已于5 阅读全文
posted @ 2020-05-22 08:57 葡萄城技术团队 阅读(973) 评论(3) 推荐(8) 编辑
摘要:本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 一名开发者或设计师通常可以在一秒内指出优秀的设计,但对于糟糕的设计只需最多半秒就能指出。所以,糟糕的设计往往总是能受到更多人的关注。网上就有那么一批网友致力于收集这些设计,下面 阅读全文
posted @ 2020-05-13 08:58 葡萄城技术团队 阅读(951) 评论(2) 推荐(12) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/vuejs-3-0-0-beta-features-im-excited-about-c70b82fac163 路漫漫其修远兮,吾将上下而求索。——献给 阅读全文
posted @ 2020-04-28 09:00 葡萄城技术团队 阅读(4169) 评论(46) 推荐(17) 编辑
摘要:由于CSS的出现,现在的网站风格已经与它们很早之前的样子有了很大的不同。CSS的出现为原本平平无奇的网页注入了活力。这也是网站的用户体验得到进一步进化的原因。这可能就是当今几乎所有的网站或多或少都在使用CSS的原因之一。在本文,我们将会介绍一些CSS框架,想信它能为你的前端开发提供一些帮助。 阅读全文
posted @ 2020-04-16 09:05 葡萄城技术团队 阅读(735) 评论(2) 推荐(11) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://dzone.com/articles/cross-platform-mobile-development-2020-trends-and 多年来,跨平台移动开发已经获得了最流行软件开 阅读全文
posted @ 2020-04-02 08:27 葡萄城技术团队 阅读(5914) 评论(16) 推荐(16) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/4-reasons-to-use-sass-in-your-frontend-project-bce88631c602 SASS是一种预处理器及样式表语 阅读全文
posted @ 2020-03-27 08:27 葡萄城技术团队 阅读(483) 评论(3) 推荐(8) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/10-top-chrome-extensions-for-front-end-developers-db23a01dce1e 1. CSSViewer 阅读全文
posted @ 2020-02-26 09:12 葡萄城技术团队 阅读(1213) 评论(0) 推荐(14) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/8-tips-for-an-awesome-signup-form-30300816282c 大多数人并不喜欢填表,我想这应该是不争的事实,但为什么呢? 阅读全文
posted @ 2020-01-08 09:15 葡萄城技术团队 阅读(1201) 评论(3) 推荐(11) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/do-your-buttons-lead-or-mislead-your-users-d5d83531238b 按钮是UI/UX最关键的组件之一,在不同 阅读全文
posted @ 2019-12-27 08:48 葡萄城技术团队 阅读(2000) 评论(17) 推荐(19) 编辑
摘要:本文由葡萄城技术团队翻译并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 JavaScript每天都在出现大量的框架和工具,而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现,开发者在尝试时总 阅读全文
posted @ 2019-12-20 09:34 葡萄城技术团队 阅读(1676) 评论(1) 推荐(11) 编辑
摘要:本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 Excel是我们办公中常用的工具 ,它几乎能为我们处理大部分数据,友好的交互界面、丰富的公式函数和易于上手的图表为我们在数据统计方面提供了不小的帮助,但经过一段时期运行,就会出 阅读全文
posted @ 2019-12-11 14:42 葡萄城技术团队 阅读(1819) 评论(0) 推荐(12) 编辑
摘要:本文由葡萄城技术团队于博客园翻译并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 如果我们自己编写从URL中分析和提取元素的代码,那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一,无休止的重复造轮子必然是令人难以容忍的,所以大多数浏 阅读全文
posted @ 2019-12-05 10:52 葡萄城技术团队 阅读(1214) 评论(6) 推荐(14) 编辑
摘要:本文由葡萄城技术团队于博客园翻译并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展,大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈 阅读全文
posted @ 2019-11-15 15:52 葡萄城技术团队 阅读(1348) 评论(0) 推荐(9) 编辑
摘要:本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 前端技术的发展日新月异,过一段时间就会出现新的框架、工具、插件,伴随着十几年的发展,前端领域已经告别了野蛮生长的时期,越发表现出成熟和现代化,引领了整个技术行业的潮流, 阅读全文
posted @ 2019-11-01 15:39 葡萄城技术团队 阅读(1655) 评论(5) 推荐(15) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/build-an-html-css-js-playground-64c62133746d 目前市面上已经有很多类似的平台和方案了,类似像jsfiddle、 阅读全文
posted @ 2019-10-21 11:01 葡萄城技术团队 阅读(1541) 评论(1) 推荐(9) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/pure-html-widgets-for-your-web-application-c9015563af7a 在我们以往看到的页面效果中,很多效果是需要 阅读全文
posted @ 2019-09-20 16:01 葡萄城技术团队 阅读(2372) 评论(4) 推荐(17) 编辑
摘要:本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么? 带着这些问题和 阅读全文
posted @ 2019-08-29 16:37 葡萄城技术团队 阅读(4189) 评论(3) 推荐(10) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:http://nqdeng.github.io/7-days-nodejs Node.js 是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境。Node.js 阅读全文
posted @ 2019-08-09 08:45 葡萄城技术团队 阅读(501) 评论(1) 推荐(2) 编辑
摘要:本文介绍TypeScript中泛型的概念,以简单直白的方式,向那些不了解此概念,但渴望在工作中使用它的开发者,提供入门指导。 阅读全文
posted @ 2019-07-11 14:59 葡萄城技术团队 阅读(5252) 评论(0) 推荐(7) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://tutorialzine.com/2017/08/12-terminal-commands-every-web-developer-should-know 在开发者的弹药箱里,命令行是 阅读全文
posted @ 2019-06-04 10:19 葡萄城技术团队 阅读(1578) 评论(0) 推荐(12) 编辑
摘要:尽管 Web开发的典型应用场景除了将服务器用作平台、浏览器用作客户端之外,几乎很少活跃于其他业务领域,但不可否认JavaScript 语言和框架的使用已经成为了主流。Angular、React 和 Vue,作为 JavaScript 的三大框架已逐步发展成熟,三者的差异性也越发明显,假设JavaScript还会继续流行十年左右,未来十年,你将会作何选择? 阅读全文
posted @ 2019-04-18 16:54 葡萄城技术团队 阅读(13253) 评论(16) 推荐(16) 编辑
摘要:Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同,Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生,而是设计为:包含了一个完整的工作流,用于从项目创建开始,持续地维护并更新你的应用程序。 阅读全文
posted @ 2019-04-15 09:12 葡萄城技术团队 阅读(1641) 评论(4) 推荐(6) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://wanago.io/2018/07/23/webpack-4-course-part-three-working-with-plugins/ 大家好!今天我们介绍插件这个概念。插件与l 阅读全文
posted @ 2019-01-11 15:19 葡萄城技术团队 阅读(518) 评论(0) 推荐(3) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文转载自 https://neoteric.eu/blog/when-async-is-not-enough-introduction-to-multithreading-in-the-browser/ 先 阅读全文
posted @ 2018-12-21 13:46 葡萄城技术团队 阅读(960) 评论(0) 推荐(4) 编辑
摘要:转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://www.grapecity.com.cn/blogs/wijmo-depth-overview-progressive-web-applications 如果您是Web开发人员,您可能 阅读全文
posted @ 2018-09-28 10:04 葡萄城技术团队 阅读(911) 评论(1) 推荐(0) 编辑
摘要:在本文中,我们将会通过一些示例来为大家介绍如何在Javascript中灵活使用var、let和const这些关键字来定义变量,以及这些关键字它们之间有什么异同。 阅读全文
posted @ 2018-09-19 10:52 葡萄城技术团队 阅读(2386) 评论(9) 推荐(11) 编辑
摘要:今天继续我们的Webpack 4入门教程。在介绍了Webpack的基本概念之后,是时候更深入一点了。这次我们会涉及Webpack中非常强大的一个东西:loader。首先,我们会学习如何使用那些可用的loader。它将包括如何处理css、scss、图片以及对老版本的JavaScript语言的转换。让我们开始吧! 阅读全文
posted @ 2018-09-12 09:31 葡萄城技术团队 阅读(1110) 评论(0) 推荐(7) 编辑
摘要:今天我们会开始一个 Webpack 4的入门教程。我们会以Webpack的基本概念开始,随着教程逐渐深入。这一次,我们将学习用ES6 modules进行模块化的基础知识。Webpack 4提供了默认配置,我们会逐步学习。让我们开始吧! 阅读全文
posted @ 2018-09-04 14:40 葡萄城技术团队 阅读(2597) 评论(1) 推荐(5) 编辑
摘要:本文由葡萄城技术团队于博客园原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 在上篇中,我们介绍了什么是Flexbox布局,以及如何使用Flexbox布局。还没有看过的小伙伴欢迎回到文章列表点击查看之前的文章了解。 那么,当我们有了基本的布局概念 阅读全文
posted @ 2018-08-08 11:22 葡萄城技术团队 阅读(1389) 评论(2) 推荐(2) 编辑
摘要:在上篇中,笔者分享了部分安装并调试React Native应用过程里的一点经验,如果还没有看过的同学请点击《React Native基础&入门教程:调试React Native应用的一小步》。 在本篇里,让我们一起来了解一下,什么是Flexbox布局,以及如何使用。 一、长度的单位 在开始任何布局之 阅读全文
posted @ 2018-07-02 14:23 葡萄城技术团队 阅读(1823) 评论(4) 推荐(13) 编辑
摘要:React Native 为传统前端开发者打开了一扇新的大门。其中,使用浏览器的调试工具去Debug移动端的代码,无疑是最吸引开发人员的特性之一。希望本文能够帮助新手开发者走出一小步,更快的迈过这道门槛。 阅读全文
posted @ 2018-06-04 13:48 葡萄城技术团队 阅读(6115) 评论(5) 推荐(21) 编辑
摘要:上篇文章我们对渐进式Web应用(PWA)做了一些基本的介绍。 渐进式Web应用(PWA)入门教程(上) 在这一节中,我们将介绍PWA的原理是什么,它是如何开始工作的。 第一步:使用HTTPS 渐进式Web应用程序需要使用HTTPS连接。虽然使用HTTPS会让您服务器的开销变多,但使用HTTPS可以让 阅读全文
posted @ 2018-05-23 17:17 葡萄城技术团队 阅读(1746) 评论(3) 推荐(5) 编辑
摘要:最近关于渐进式Web应用有好多讨论,有一些人还在质疑渐进式Web应用是否就是移动端未来。 但在这篇文章中我并不会将渐进式APP和原生的APP进行比较,但有一点是可以肯定的,这两种APP的目标都是使用户体验变得更好。 移动端Web应用有很多优秀的概念让人应接不暇,但好在编写一个渐进式Web应用不是一个 阅读全文
posted @ 2018-05-18 09:06 葡萄城技术团队 阅读(1911) 评论(3) 推荐(5) 编辑
摘要:对于开发人员来说,终端是最重要的工具之一。掌握终端,能够有效的提升开发人员的工作流程。本文列举了一系列Linux命令,旨在帮助大家充分利用终端这个工具 阅读全文
posted @ 2017-10-17 10:12 葡萄城技术团队 阅读(3389) 评论(8) 推荐(14) 编辑
摘要:在现代网页设计时代,使用Flexbox和CSS Grid来对齐元素,变得相对容易起来。 阅读全文
posted @ 2017-09-20 12:03 葡萄城技术团队 阅读(2078) 评论(3) 推荐(10) 编辑
摘要:本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。 阅读全文
posted @ 2017-08-15 10:39 葡萄城技术团队 阅读(6140) 评论(5) 推荐(19) 编辑
摘要:本文将会比较五个最佳的前端流行框架。每个框架都有自己的优点和缺点,以及具体的应用领域,你可以根据自己的具体项目需求进行选择。此外,许多选项都是模块化的,允许你仅使用所需的组件,甚至可以混合使用来自不同框架的组件。 阅读全文
posted @ 2017-06-26 11:48 葡萄城技术团队 阅读(10580) 评论(11) 推荐(15) 编辑
摘要:本文将会讨论目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异。也许本文无法告诉你哪个是最好的,但是最适合自己项目的,就是最好的。 阅读全文
posted @ 2017-06-19 12:00 葡萄城技术团队 阅读(11005) 评论(24) 推荐(46) 编辑
摘要:5月30日12点,Node.js 8正式发布了,这个版本具有一系列新功能和性能改进,并且这些功能和改进将获得长期支持(LTS)。 阅读全文
posted @ 2017-06-02 10:46 葡萄城技术团队 阅读(2334) 评论(3) 推荐(9) 编辑
摘要:虽然jQuery UI能起到很好的作用,但是还有其它的一些框架,拥有很好的高品质控件。在这篇文章中,将会分析其中的几个框架并做比较。 阅读全文
posted @ 2017-05-26 10:49 葡萄城技术团队 阅读(19616) 评论(23) 推荐(25) 编辑
摘要:The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学习,因此本文搜集了全球Web开发人员最值得浏览的十二个网站,帮开发人员节省时间,快速找到有价值的学习资源。 阅读全文
posted @ 2015-10-13 09:23 葡萄城技术团队 阅读(7099) 评论(15) 推荐(14) 编辑
摘要: 高质量的Web 模板,成熟的Design Pattern,人工智能的引用,移动技术的冲击是否标志着Web Design 结束的时代已经到来? 阅读全文
posted @ 2015-07-09 13:55 葡萄城技术团队 阅读(4761) 评论(6) 推荐(1) 编辑
摘要: 几个月之前我接到一个新的开发任务,要在一个旧的Web页面上面增添一些新的功能。在开发的过程中发现旧的代码中有很多常见的不合适的写法,结合这些问题,如何写出更好的,更规范的,更可维护的代码,就是这篇文章要阐述的内容。 阅读全文
posted @ 2014-09-02 10:18 葡萄城技术团队 阅读(2925) 评论(18) 推荐(21) 编辑
摘要: 上周Wijmo 2014 V2版本刚刚发布(下载地址),  有网友下载后发现仅仅使用了40个Widgets的一小部分,还需要加载全部的jquery.wijmo-pro.all.3.20142.45.min.js包? 即对仅使用部分的Widget,有无办法优化而提高网络 阅读全文
posted @ 2014-08-13 14:40 葡萄城技术团队 阅读(3245) 评论(1) 推荐(5) 编辑
摘要: 今天 ,Web 组件已经从本质上改变了HTML。初次接触时,它看起来像一个全新的技术。Web组件最初的目的是使开发人员拥有扩展浏览器标签的能力,可以自由的进行定制组件。面对新的技术,你可能会觉得无从下手。那这篇文章将为你揭开Web组件神秘的面纱。如果你已经熟知HTML标签和DOM编程,已经拥有了大量可用的Web组件,那么你已经是Web组件专家了。 阅读全文
posted @ 2014-01-08 11:35 葡萄城技术团队 阅读(19477) 评论(11) 推荐(5) 编辑
摘要:Web前端代码中,HTML是根本,CSS和JavaScript也是围绕着既有的HTML结构来构建,所以良好的HTML代码结构,除了提高了HTML代码的可读性,可维护性和执行性能之外,也可以让相对应的CSS和JavaScript代码更好的构建。距前面两篇探讨JavaScript(前端代码标准最佳实践:JavaScript篇)和CSS(前端代码标准最佳实践:CSS篇)之后,我们今天来探讨Web前端HTML的一些最佳实践。 阅读全文
posted @ 2012-08-28 12:07 葡萄城技术团队 阅读(10306) 评论(28) 推荐(33) 编辑
摘要:上一篇《前端代码标准最佳实践:javascript》发表后,大家讨论还是很热烈,从侧面体现了前端工程师对写标准的前端代码的重视程度很高。这些最佳标准实践并不是那个权威组织发布的,而是由大量的前端工程师们在实践过程中的经验总结,目的在于提高代码的可读性,可维护性和性能。那么接着上一篇,我们再来谈谈CS 阅读全文
posted @ 2012-08-08 09:50 葡萄城技术团队 阅读(6820) 评论(8) 推荐(12) 编辑
摘要:前言 最近一直重构项目的前端代码,也参考了各种前端代码的最佳实践,目的是让前端的HTML,CSS,JavaScript代码更符合标准,有更好的性能,更好的可维护性,尝到了重构后的甜头,也萌生了写这个系列博客的念头。前端代码有其固有的灵活性,这就导致了目前前端代码非常混乱的局面,本系列文章希望能起到抛 阅读全文
posted @ 2012-07-05 13:55 葡萄城技术团队 阅读(9481) 评论(29) 推荐(21) 编辑
摘要:想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来活力 hover效果能给网页增加一些动态... 阅读全文
posted @ 2011-05-10 14:36 葡萄城技术团队 阅读(14419) 评论(39) 推荐(34) 编辑
摘要:HTML5作为下一代的web开发标准,其特性已经慢慢地出现在主流的浏览器中,这种新的HTML将会让浏览器不必再依赖Flash、QuickTime、Silverlight等插件,也简化了原来需要大量JS... 阅读全文
posted @ 2010-09-10 10:03 葡萄城技术团队 阅读(854) 评论(3) 推荐(1) 编辑
摘要:Cookie 它是标准的客户端浏览器状态保存方式,可能在浏览器诞生不久就有Cookie了,为什么需要Cookie 这个东东?由于HTTP协议没有状态,所以需要一个标志/存储来记录客户浏览器当前的状态,... 阅读全文
posted @ 2010-08-05 14:59 葡萄城技术团队 阅读(6253) 评论(7) 推荐(3) 编辑