HTML5/CSS3
文章平均质量分 90
葡萄城技术团队
这个作者很懒,什么都没留下…
展开
-
面向前端开发人员的VSCode自动化插件
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文参考:https://blog.bitsrc.io/vscode-automations-for-frontend-developers-6c66a6f36bc6编程是复杂的。在保证高生产力和代码质量的同时,有许多最优的方案需要记住,有许多准则需要遵循,还有许多"已知问题"需要避免。现代开发过程如果没有自动化完成的工作,还是比较困难的。在本文中,我就将为大家介绍一些可以为前端开发人员提高开...原创 2021-04-02 13:37:01 · 278 阅读 · 1 评论 -
排名靠前的几个JS框架发展趋势和前景
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/top-5-javascript-frameworks-past-present-and-future-8b6fda39de02随着信息技术领域的发展,企业对于JavaScript的需求变得十分广泛,为了让前端编码更快更高效,一系列前端JavaScript框架就此诞生。前端框架的设计初衷是为脚本编程语言提供出色的支持,让代码重复可用。简而言之,..原创 2020-11-02 10:35:06 · 385 阅读 · 0 评论 -
纯干货分享: 如何在 React 框架中使用SpreadJS
作者:葡萄城控件SpreadJS最好的功能之一就是能够在不同的框架中使用它。本文将演示如何在简单的Web页面中使用Babel JavaScript编译器将SpreadJS与React快速结合。第1步:设置HTML5页面首先,我们需要在页面中添加对React的引用: <!DOCTYPE html> <html> <head> ...原创 2018-05-28 17:48:33 · 1957 阅读 · 0 评论 -
HTML5 & CSS3初学者指南(2) – 样式化第一个网页
本文为HTML5&CSS3初学者指南系列的第二篇文章,介绍CSS3的基本知识。原创 2016-12-27 13:59:59 · 962 阅读 · 0 评论 -
HTML5 & CSS3初学者指南(3) – HTML5新特性
本文为HTML5&CSS3初学者指南系列的第三篇文章,介绍HTML5的一些新特性。原创 2017-01-18 11:54:41 · 722 阅读 · 0 评论 -
HTML5 & CSS3 初学者指南(4) – Canvas使用
本文为HTML5&CSS3初学者指南系列的最后一篇文章,介绍HTML5的Canvas知识。原创 2017-02-07 10:26:23 · 911 阅读 · 0 评论 -
HTML5 & CSS3初学者指南(1) – 编写第一行代码
本文为HTML5&CSS3初学者指南系列的第一篇文章,介绍HTML5和CSS3的基本知识。原创 2016-12-20 12:17:03 · 1509 阅读 · 1 评论 -
三天学会HTML5 ——多媒体元素的使用
目录1. HTML5 Media-Video2. HTML5 Media-Audio3. 拖拽操作4. 获取位置信息5. 使用Google 地图获取位置信息 多媒体是互联网中的最重要的一部分,无论访问的是哪种类型的网页,视频或音频触手可及,在之前实现这些功能对开发人员来说可能非常痛苦,必须依赖Object 标签,调用第三方软件来加载,如Flash等,如果有些设备不支持Flash,我们对此就束手原创 2016-02-24 09:06:37 · 3028 阅读 · 2 评论 -
三天学会HTML5——SVG和Canvas的使用
在第一天学习了HTML5的一些非常重要的基本知识,今天将进行更深层学习首先来回顾第一天学习的内容,第一天学习了新标签,新控件,验证功能,应用缓存等内容。第2天将学习如何使用Canvas 和使用SVG 实现功能 Lab1—— 使用CanvasCanvas 是指定了长度和宽度的矩形画布,我们将使用新的HTML5 JavaScript,可使用HTML5 JS API 来画出各种图形。初始化1. 创建HT原创 2016-02-04 09:27:57 · 6667 阅读 · 0 评论 -
用WijmoJS玩转您的Web应用 —— Angular6
为什么选择WijmoJS?作为一款纯前端控件集,WijmoJS秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持AngularJS外,现已全面应用于React、Vuejs、TypeScript 、Ionic等主流框架中。凭借先进的触控设计和全面的AngularJS支持,WijmoJS的FlexGrid和图表控件更专注于...原创 2018-06-12 17:12:20 · 1664 阅读 · 0 评论 -
SpreadJS 在线Excel使用进阶指南 - 利用 NPM 管理你的项目
前言SpreadJS作为一款性能出众的纯前端电子表格控件,自2015年发布以来,已经被广泛应用于各领域“在线Excel”数据管理项目中。NPM,作为管理Node.js库最有力的手段,解决了很多NodeJS代码部署的问题。如今,为让您更方便的使用产品和更好地管理项目中的SpreadJS代码,我们已将SpreadJS应用打包发布到了NPM服务器。如您需要,请点击查看(需要FQ)NPM简介也许您刚刚接触...原创 2018-06-26 12:30:04 · 1511 阅读 · 0 评论 -
用WijmoJS玩转您的Web应用 —— React
前文回顾在《用 WijmoJS 玩转您的Web应用》系列文章中,我们已经介绍了Angular和Vue框架下 WijmoJS 的玩法。而今天,我们将展示如何使用 WijmoJS 来搭建一款具备独特创新性、出色性能和简单代码逻辑的 React 应用。同样是前端框架,为何你如此优秀?由于React设计思想极其独特,属于革命性创新,即只利用简单的代码逻辑,实现出众的性能。自13年开源以来,被越来越多的人关...原创 2018-06-26 13:23:06 · 382 阅读 · 0 评论 -
用WijmoJS玩转您的Web应用——Vue
概述在本文中,我们将展示如何将WijmoJS与NPM和Webpack一起使用来创建最流行的基于JavaScript应用程序框架的Web应用。 本文主要关注Vue.js,它是一个可以在一个库和一个全功能框架之间自由扩展的生态系统,Vue.js是目前主流前端框架中最小且最不固定的一个。它允许您编写结合HTML,JS和CSS的传统HTML文件以及纯JavaScript或“vue”文件,以创建封装的可重用...原创 2018-06-26 13:26:56 · 2012 阅读 · 0 评论 -
用WijmoJS玩转您的Web应用 —— Ionic
前言:在本文中,我们将着重介绍如何将WijmoJS与Ionic一起使用,来创建一款移动端支持优先、快捷高效的应用程序。在之前的文章中,我们已经介绍了使用WijmoJS与Angular、React、Vue三大框架结合搭建您的Web应用程序。这篇将是本系列的最后一篇文章。什么是Ionic?Ionic是一个专注于用Web开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架,它绑定了Angul...原创 2018-06-26 13:31:45 · 872 阅读 · 0 评论 -
React Native基础&入门教程:初步使用Flexbox布局
在上篇中,笔者分享了部分安装并调试React Native应用过程里的一点经验,如果还没有看过的同学请点击《React Native基础&入门教程:调试React Native应用的一小步》。在本篇里,让我们一起来了解一下,什么是Flexbox布局,以及如何使用。 一、长度的单位在开始任何布局之前,让我们来首先需要知道,在写React Native组件样式时,长度的不带单位的,它表示“与设...原创 2018-07-03 18:06:16 · 543 阅读 · 0 评论 -
【前端开发工具】WijmoJS 2018 v3 正式发布,全面支持Angular7
WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次更新除了全面支持Angular7之外,还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题示例以及OLAP功能增强。本次主要更新特性有:WijmoJS 全面支持Angular7 更高效的纯前端 PDF 导出功能 智能的分组表头属性 轻松创建 Ribbon ...原创 2018-11-26 15:04:31 · 630 阅读 · 0 评论 -
【使用指南】WijmoJS 前端开发工具包
为方便广大前端开发人员更好的使用 WijmoJS 前端开发工具包,葡萄城专门推出了 WijmoJS 使用指南,该指南详细地介绍了如何把 WijmoJS 各种强大的功能应用到您自己的 Web 项目中,助您轻松掌握产品使用技巧,快速完成产品选型。本指南由四个部分组成:下载安装 产品评估 前端开发指南 WijmoJS 求助中心下载安装 产品下载地址 安装包下载 N...原创 2018-12-12 09:44:25 · 533 阅读 · 0 评论 -
在 Angular 8 中,我们可以期待些什么
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。本文由葡萄城翻译并发布---Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同,Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生,而是设计为:包含了一个完整的工作流,用于从项目创建开始,...原创 2019-04-15 10:12:22 · 975 阅读 · 1 评论 -
三天学会HTML5 之第一天
引言HTML5 一直是非常热门的话题,因此此系列文章主要从一些基本功能开始讲起,逐步深入了解HTML5的新概念。 首先了解一些基本的术语和概念。SGML, HTML,XML三者之间的区别Doc类型是什么HTML5 有什么新特点新优势。学习HTML5 在开始之前首先来区分SGMC,HTML,XML 三者的概念。SGML 即 Standard Globalized Markup Language 是用原创 2016-02-02 11:29:44 · 4586 阅读 · 5 评论 -
哪些JavaScript IDE最好用?
阅读本文之前,分享大家一张图片,看图会发现JavaScript开发需求最高,占比达到42.84%,因此掌握JavaScript语言好工作就不愁啦,工欲善其事必先利其器,那么选择IDE来开发是至关重要的,本文指出常用的几款JavaScript IDE,分析其优缺点,如有不完善的请大家补充原创 2015-12-09 14:06:27 · 3306 阅读 · 1 评论 -
带你走近AngularJS - 体验指令实例
之前我们已经介绍了所有的AngularJS 基础知识,下面让我们通过实例来加深记忆,体验自定义指令的乐趣。这里将展示三个实例:手风琴指令,Google Maps 指令和Wijmo Grid 指令。原创 2014-05-20 18:46:56 · 2615 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:运行时处理Wijmo GridView数据操作
C1GridView具有很多内置的功能,比如排序,过滤,分页以及分组。对于开发者来说,这些都是很有用的功能,因为它们可以节省大量通过代码实现这些能力的时间。 无论如何,开发人员不一定非要将其在设计时绑定到一个数据源。实际上,在大多数情况下,数据是动态绑定的。本文讨论了当C1GridView动态绑定数据时如何实现排序,过滤分页以及分组。绑定C1GridViewC1原创 2012-04-24 15:34:57 · 2859 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:导出Wijmo的GridView到Excel
Wijmo GridView 控件不提供导出Excel文件的方法。本篇博客介绍一种将Wijmo的GridView控件保存到Excel的简单方法。你可以使用同样的方法在C1 WebUI GridView上。 步骤1 : 将C1GridView绑定至数据源第一步是将C1GridView绑定到数据源。为了简单起见,我们将其绑定到C1Nwind.mdb的Customers表。 步骤原创 2012-04-25 14:25:25 · 3686 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:在对Wijmo GridView进行排序或者过滤时保留选择
许多客户面临这样的场景,他们希望在应用了排序或者过滤之后仍然将最终用户的行选状态保留。通常情况下,当我们在选择了任何行之后应用排序或者过滤会导致回传之后选择状态丢失。本篇博客将讨论我们如何做才能在排序和过滤之后仍然保持选择状态。 步骤1:将GridView绑定到一张数据表首先,我们需要将gridview绑定到一个数据表,比如来自Northwind数据库的Categories表。由于原创 2012-04-26 11:00:07 · 2723 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:在安全站点使用Wijmo控件
通常我们总会遇到这样的问题,在安全站点(HTTPS)中使用C1Wijmo控件时,用户可能会收到脚本错误。发生这种状况的是由于我们的CDN链接不是https链接。 解决HTTPS 的错误为了解决上述脚本问题,你需要使用本地的脚本文件,而不是使用网上CDN的链接。你可以使用以下解决方案之一:解决方案1. 在设计视图下,取消选中C1Wijmo控件的SmartTag上的 “UseCDN原创 2012-04-27 15:24:17 · 4268 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:自定义 C1WijMenu
C1Wijmo 全部的控件是完全可定制的,并且可以根据你自己的需求定制他们的界面外观。我准备使用C1Menu演示这一点。让我们从向控件应用自定义主题开始。 改变主题1) 创建一个网站,然后拖放一个C1Menu到web页面上。2) 单击智能标记,并打开任务菜单。3) 在主题属性中输入CDN的URL以指定主题。例如,在我们的这个例子中,我们应用ui-darkness 主原创 2012-05-02 18:09:16 · 3947 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:爱上 ThemeRoller
Wijmo最方便使用的特点之一就是兼容ThemeRoller。ThemeRoller 是一个创建独特的jQuery UI web 部件主题皮肤的web应用程序。凭借其简单的界面和所见即所得的预览功能,你可以用比使用图形编辑器更短的时间为你的Wijmo部件以及其他兼容ThemeRoller的部件创建皮肤。 拉开帷幕:ThemeRoller 基础我们可以在这里找到ThemeRoller W原创 2012-04-18 12:13:16 · 2436 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:发现 Wijmo
内容 1 什么是Wijmo? 2 jQuery 语法 3 jQuery 选择器 3.1 jQuery 元素选择器 3.2 jQuery 属性选择器 3.3 jQuery CSS 选择器 4 文件准备功能 5 jQuery 选项 6 如何引用Wijmo 7 创建你的第一个jQuery 工程 什么是 Wijmo?Wijmo原创 2012-04-17 17:32:19 · 2724 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:从wijwizard和wijpager开始
本文演示了如何使用Wijmo的其中两个部件,wijwizard 以及 wijpager。如果你期望看到Wijmo的其他文章,请参阅Wijmo 更优美的jQuery UI部件集:发现 Wijmo。在这个快速入门,你将学习如何向一个HTML工程添加众多Wijmo部件中的两个,wijwizard 以及 wijpager。你将从添加并且自定义一个wijwizard部件入手,可以了解到一些独特的功能,然原创 2012-04-19 15:46:28 · 3205 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:C1 Wijmo Grids 更多惊喜
本文中,我将给大家介绍一系列非常棒的 Wijmo Grids功能。我们先以一个新的Wijmo Grids 来开始我们这次的 Wijmo Grids 之旅吧。 BR>table id="tableDepartmentInformation">BR> thead>BR> tr>BR> th>First NameBR>原创 2012-05-04 11:20:09 · 2503 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges
Wijmo 的巨大优势之一就是,它们是非常流行的jQuery UI部件。这将意味着它们的基础类库具有很多支持者。具有众多的支持者同时也意味着更多好用的工具。这些好用的工具之一就是很酷的jsFiddle,这是一个实时的HTML/CSS/JavaScript snippet编辑器。用它来以一种迅速的无开销的方式测试一些小东西是相当棒的。事实上,我们可以用它来实时的测试一些wijmo部件,这里我们会看到原创 2012-04-20 12:12:37 · 4979 阅读 · 1 评论 -
Wijmo 更优美的jQuery UI部件集:服务器端Grid魔法
在之前的一篇文章中,我们讨论了如何添加一大堆的超赞的功能到一个标准的HTML表,并把它转换成一个“grid”表格。今天我想要做的事情是向你展示如何将这些功能转到服务器。通过使用服务器做大量的“苦力活儿”,我们可以向我们的最终用户提供更加平顺的用户体验。什么苦力活要交给服务器呢?假设你有一百万行的数据集,这些数据要是发送到客户端,然后再进行排序/分页/过滤,那会是相当可观的一堆流量。但是如果原创 2012-05-07 15:44:55 · 2699 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:复合图表(CompositeChart)
Wijmo的CompositeChart控件允许您使用一个Chart来分析和展现复杂的数据。相同的数据可以使用不同的可视化效果,不同的图表类型展现在一个图表内,使得用户可以从不同的角度,了解分析这组数据所表达的内容 。本文将介绍如何使用Wijmo的CompositeChart控件,制作一个复合图表。CompositeChart 的API:http://wijmo.com/wiki/inde原创 2012-05-08 15:34:41 · 4209 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:活动日历控件(Event Calendar)
Wijmo Event Calendar活动日历控件,是一个功能齐全的活动日历控件,允许用户添加,编辑和管理他们的日程。默认情况下,控件将使用Html5的Local Storage特性,进行离线数据存储,用户可以在不连接网路的情况下,使用网页来管理自己的日程,无需额外的配置。 Wijmo Event Calendar支持用户自定义数据存储方式。Wijmo Event Calendar 控件在原创 2012-05-10 16:15:05 · 5195 阅读 · 0 评论 -
Wijmo 更优美的jQuery UI部件集:客户端更改C1GridView数据源
很多时候,我们在使用 GridView 展示数据时,希望最终用户可以编辑数据并且同步到数据源中。这是一项繁琐的工作。我们需要自定义模板列,并且在后台手动获取更新值,最后使用 SQL 语句同步到数据库中。 但是,现在我们有了 C1 Wijmo GridView ,这些繁琐的工作都成为历史。C1GridView 仅仅通过一个属性-AllowClientEditing 便允用户在客户端编辑单元格内容原创 2012-05-11 11:36:36 · 4860 阅读 · 0 评论 -
响应式设计(Response Web Design)实践
前一篇响应式设计(Response Web Design)浅谈提到了响应式设计的由来和应用场景。本文聊一聊如何实现。 如何让自己的网站也响应式Web设计,可以响应设备的分辨率呢? 根据Ethan Marcotte的文章,和相关的实践,已经总结出了一些实践方法。(本文最后列出了所引用的文章和工具)响应式Web设计是想把固定的(Fixed)设定(位置定位,长宽大小)变为相对的(Relative原创 2012-06-07 18:15:31 · 2374 阅读 · 0 评论 -
前端代码标准最佳实践:CSS
上一篇《前端代码标准最佳实践:javascript》发表后,大家讨论还是很热烈,从侧面体现了前端工程师对写标准的前端代码的重视程度很高。这些最佳标准实践并不是那个权威组织发布的,而是由大量的前端工程师们在实践过程中的经验总结,目的在于提高代码的可读性,可维护性和性能。那么接着上一篇,我们再来谈谈CSS代码的一些标准实践。1,命名和其他语言规范一样,css的命名也讲究命名要有意义,命名要原创 2012-08-08 09:54:57 · 4805 阅读 · 3 评论 -
使用CSS 3创建不规则图形
前言CSS 创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。现在,我们已经可以使用CSS 3 常见不规则复杂图形了(点击链接查看),如下图所示:使用CSS创建的图形,无法内置文字或实现文字环绕效果。因此,如何实现不规则图形和文字复杂布局也成为了一个热议话题。今天我们就来介绍一下如原创 2013-11-14 11:04:40 · 2800 阅读 · 0 评论 -
用css3制作旋转加载动画的几种方法
以WebKit为核心的浏览器,例如Safari和Chrome,对html5有着很好的支持,在移动平台中这两个浏览器对应的就是IOS和Android。最近在开发一个移动平台的web app,那么就有机会利用css3去实现一些很酷的效果,这些效果原来更多的是利用图片来实现。最近的一个改进就是利用css3制作旋转加载动画。以下将分别介绍几种实现的方案。方案1,图片辅助传统做法是直接用动态的GIF原创 2012-04-11 10:05:29 · 2361 阅读 · 0 评论