在 v5 中,官方改造了所有的 Token,使其基于 Seed + Algorithm 可以派生出所有的 Design Token。全新的 Design Token 模型支持多算法 Pipeline,从而大大降低开发者拓展成本。
<iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ZLAir724UGA/my.html" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>
我在前文中曾经介绍过鸿蒙的 Javascript 框架,这几天终于把 JS 仓库编译通过了,期间踩了不少坑,也给鸿蒙贡献了几个 PR。今天我们就来逐行分析鸿蒙系统中的 JS 框架。
<iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ZLBC26AA/" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码。
Vue 被一个健康的插件和包的生态系统所加强,使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架,所以有一个不断增长的插件和包库,你可以在项目中使用。
点击阅读原文,了解更多关于《IMWeb Conf 2018 可视化与动画分会场》的信息 背景 数据可视化,数据是本质。其产生与兴起,一方面是由于人们有着对数据的各种对比、趋势、关联等等的诉求;另外一方面,人是视觉动物,对于大量的原始数据不敏感,需要有工具将数据图形化,直观地呈现出来。前端,最贴近用户的程序员,自然而然地肩负着此使命,我们都渴望着准确高效友好地把数据可视化地呈现给用户。 可视化也是一名艺术家,与前端偶遇于web动画中。我们动画常见的是基于CSS和JS的,但我们不应该只局限于此,我们需要对动画了
Vue 被一个健康的插件和包的生态系统所加强,使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架,所以有一个不断增长的插件和包库,你可以在项目中使用。本文列举了用于Vue 2和Vue 3的 15个 流行的 Vue 插件。
vue 最核心的卖点是数据驱动和组件。浏览器原生提供的交互是通过dom api来修改dom元素,由于浏览器兼容性问题后面的框架如jquery对原生的api进行了一层的封装以屏蔽浏览器的差异性,但并未作出实质的改变。想想这个过程,通常是数据发生变化,js根据变化的情况进行判断而后操作dom。dom变动的本质实际根本上实际是由数据驱动,我在第一家公司数字政通(egova)首次接触了的此类框架knockout。
陈志兴,Google I/O 2017大会的小时光茶社特派员 ,腾讯SNG增值产品部内容中心Android组leader,主要负责手Q个性化业务、手Q WebView等项目。喜欢阅读优秀的开源项目,听听音乐,偶尔也会打打竞技类游戏。 开场 今天,一年一度的Google I/O开发者大会在山景城海岸线圆形剧场举行。为了抢到有限的停车位,我们和小伙伴们一大早就驾车来到会场。会场上Google为来自全球各地的开发者准备了丰富的早餐,我们吃完早餐后很快就排队入场了。 会议10点才正式开始,开始之前,Google
Prism是一款非常好用的前端代码高亮插件,很多开发者搭建的文章、博客分享网站中都使用到了prism.js来做代码高亮,但是在官网的下载网站选完了主题和插件后却犯了难:如果选择语言包,如果全选那么体积将近600kb如果选少了害怕以后不够用,还要来补。其次,基本上只有语言包支持Node.js环境,插件基本都是基于DOM实现没有对Node.js环境进行兼容。于是有了一个想法:通过API接口将语言包动态返回,根据前端传来的参数,主题+语言包+插件拼接后返回给前端的script和link标签。
Noam Rosenthal 对各个框架的共性技术特性进行了深入的探讨,并说明了各种框架是怎样实现这些特性的,并说明了其成本。
当我们在修改主题样式后,经常要做的一个重复动作就是按F5刷新网页,今天介绍一款神奇的小工具,可以检测CSS和JavaScript文件的变化,并自动刷新网页的JS脚本Live.js。
Unite Gallery是一个基于jquery库的多用途jаvascript库。它采用模块化技术构建,注重易用性和定制性。自定义图库,使用CSS更改其皮肤,甚至编写自己的主题都非常容易。但是,这个画廊非常强大,快速,并具有大多数现代功能,例如响应能力,触摸控制甚至缩放功能,这是一种独特的效果。
最近在业务中开发了一套定制化的 C 端组件库,在这个过程中遇到了一些组件库技术选型和设计的问题,在参考公司内外的多个组件库后确定了最终的方案。本文希望通过向读者介绍技术选型的过程中的方案比较和组件库设计中的考量,让读者在组件库的技术选型和设计上有所启发。
我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。
最近做了一个需求,后台管理系统添加一个可以动态修改ant-design主题色。查询了大多数的文章,发现基本都是抄来抄去,而且文章记录的也一点也不详细。刚刚把这个功能做完了,顺便记录一下如何去修改主题色。主要使用到的包是antd-theme-generator。使用起来非常方便,而且在热更新时,不会出现 js 内存爆栈现象。
MQTT.subscribeTopicMultiple("1111", 0, this.SubscribeTopicSuccess, this.SubscribeTopicFailure);
作者语 Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包,拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。 项目简介 演示地址:www.insdep.com/example/ 下载地址:www.insdep.com 问答地址:bbs.insdep.com QQ交流群:184075694 (第一时间发布体验包) 关于
在上一篇作为面试官,为什么我推荐微前端作为前端面试的亮点?反馈效果不错,我接着出第二篇组件库专题,主要是我选择的方向,前端同学都可以很轻易尝试,这样项目上就增加很多亮点了
在 GMTC 全球大前端大会上,淘宝前端技术专家陈仲寅在“Node实战”主题专场中发表了《TypeScript多场景开发和实践》的演讲,演讲内容整理如下。更多相关内容请查看文末链接。
<iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/ESA2GJK1DH1K_A/" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe>
接着上面一篇《从Nuxt文档里发现色彩的配搭诀窍》的内容,本文是我继续对 Nuxt/Content 的探索。当我研究它的色彩系统的时候,我还发现它还提供了暗黑模式,这也算是色彩系统的一种吧,毕竟也是和色彩搭配有关。经过一番学习折腾之后发现它的暗黑模式实现非常简单,甚至不需要你对这个模式有多么深刻的理解,只需要设置几个选项就能完成,并且搭配了 tailwindcss 的 color 系统灵活性也非常的好。
整理|燕珊,核子可乐 或许是因为受到来自近日大火的「Bun」的压力,Deno 官方在 8 月 15 日发布了一篇名为《Deno 即将发生重大变化》的博文。 Deno 的焦虑 2018 年,Node.js 的创始人 Ryan Dahl 在 JSConf EU 上做了主题为 “10 Things I Regret About Node.js” 的分享,Ryan 回顾了在他看来当初开发 Node.js 时留下的十大遗憾。由于 Node.js 现在已经广泛应用于各个领域,为了保证兼容性,对 Node.js 底
数据可视化,数据是本质。 其产生与兴起,一方面是由于人们有着对数据的各种对比、趋势、关联等等的诉求;另外一方面,人是视觉动物,对于大量的原始数据不敏感,需要有工具将数据图形化,直观地呈现出来。前端,最贴近用户的程序员,自然而然地肩负着此使命,我们都渴望着准确高效友好地把数据可视化地呈现给用户。 可视化也是一名艺术家,与前端偶遇于web动画中。我们动画常见的是基于CSS和JS的,但我们不应该只局限于此,我们需要对动画了解更多。 即将于10月14日在深圳举办的 IMWeb Conf 2018 中, 《可
在我重新开始写前端代码的时候,我突然发现现在自己Sublime Text3中的代码字体和颜色看起来怎么这么刺眼,给人一种再看几眼眼睛快要瞎了的感觉,因此我就在Github上找了几款比较好看的主题,在这里推荐给大家!
译者:@Angelo Zuo 原文:https://risingstars.js.org/2020/zh
深色模式(Dark Mode)在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前,深色模式更常见于程序IDE开发界面和视频网站界面。前者通过降低屏幕亮度,使得使用人员长时间盯着屏幕眼睛没有那么疲惫;后者通过深色模式来降噪,从而突出主体内容部分。快速开发一个深色模式难吗?在支持css自定义属性(又称css变量,css variables)的现代浏览器里,可以说是相当的容易。甚至可以在运行时实时新增主题,摆脱传统css主题文件加载模式下的主题需要预编译内置不能随时修改的弊端。下面我们来看一下如何使用css自定义属性来完成深色模式和主题化的开发。
这次的文章主题是「webpack」,将叙述我在腾讯的QAPM项目中进行前端工程化的实践,前方高能预警⚠️
许多项目不是从定义的结构开始, 而是随着时间的流逝而变化。例如, 一个基本博客可能从一开始就使用HTML格式将其内容存储在数据库中, 但是由于其简单性, 总有一天某人可能希望开始使用Markdown而不是HTML, 在这种情况下, 你需要从一种格式转换为另一种格式。如果你将服务器端逻辑与JavaScript(Node.js)一起使用, 甚至直接在浏览器中将HTML转换为编辑器中的Markdown, 则可以使用Turndown库轻松地完成此类任务, HTML到用JavaScript编写的Markdown转换器。
一、是什么(以下简称SC) smartClient 是一个基于web技术的开发框架,主要包括: 一个无需安装的 Ajax/HTML5 客户端引擎 UI组件和服务(采用富客户端RIA)--- 提供大量强大而美观的 UI 控件 客户端/服务器数据绑定系统 二、有什么用 快速构建 大型企业应用开发(无需过多关注UI),适合基于云技术的应用,主要关注业务的发展和营销,加快开发进程 三、缺点 1、不适合传统企业网站、内容网站(从SEO角度看,该框架适合web应用,而非web网站) 2、
快速构建 大型企业应用开发(无需过多关注UI),适合基于云技术的应用,主要关注业务的发展和营销,加快开发进程
在InfoQ上,我们定期更新我们的主题图,以显示我们认为不同的主题在技术采用曲线中的位置。当我们这样做的时候,我们会考虑实践的状态,新兴的想法和我们在网络中听到的事情,以及在聚会、会议、分析师活动等等。我们还考虑了网站的流量模式和出席QCon和其他行业会议的人数。
不平凡的 2020 年体现在了方方面面,就连 JavaScript 的年度“新秀”也出现了 5 年来首次的变化,这次都有哪些项目上榜呢?
整体说明 这节演示一下使用APP配网绑定ESP8266然后和ESP8266实现MQTT远程温湿度采集和远程控制继电器 绑定方式:APUConfig APUConfig是我自己取的名字,这种方式一开始是为了微信小程序配网绑定ESP8266而做 为了和微信小程序绑定方式做到统一,故我也用APP做了一款 测试功能 1.请按照第一节硬件介绍,下载单片机程序
整体说明 这节演示一下使用APP扫码绑定GPRS,然后通过MQTT服务器实现远程温湿度采集和远程控制继电器 程序兼容SIM800 测试功能 1.请按照第一节硬件介绍,下载单片机程序
整体说明 这节演示一下使用微信小程序扫码绑定GPRS,然后通过MQTT服务器实现远程温湿度采集和远程控制继电器 程序兼容SIM800 测试功能 1.请按照第一节硬件介绍,下载单片机程序 注:这节的单片机程序和上一节一样 注:这节的单片机程序和上一节一样 注:这节的单片机程序和上一节一样 <ignore_js_op>
互联网时代,众多应用都是由前端及 Web 实现。Kotlin 是个目标面向多平台的语言,这其中当然包括以 JavaScript 为核心的前端和服务器端的后端应用。在观影指南系列的最后一篇,就来和各位同学关注一下 Kotlin 如何转换成前端 JS 及在服务器端应用的发展现况。
修改 CRA 项目的配置使用 create-react-app 创建的项目默认是无法修改其内部的 webpack 配置的,不像 vue-cli 那样可以通过一个配置文件修改。 虽然有一个 eject 命令可以是将配置完全暴露出来,但这是一个不可逆的操作,同时也会失去 CRA 带来的便利和后续升级。
整体说明 这节演示一下使用微信小程序配网绑定ESP8266然后和ESP8266实现远程温湿度采集和远程控制继电器 绑定方式:APUConfig APUConfig是我自己取的名字,这种方式一开始就是为了微信小程序配网绑定ESP8266而做解决大家苦恼的微信小程序如何配网绑定ESP8266问题 测试功能 1.请按照第一节硬件介绍,下载单片机程序 注:这节的单片机程序和上一节一样 注:这节的单片机程序和上一节一样 注:这节的单片机程序和上一节一样 <ignore_js_op>
在上一篇的文章中,我们详细介绍了 在线IDE的优劣势, 市面上的在线IDE种类,IDE的大致的实现方式,以及简单的实现原理
Monaco Editor 是运行在浏览器环境中、为VS Code提供支持的代码编辑器。功能强大而且开源。
NgxEchartsService 是全局 echarts 对象的包装器。您可以直接获取本机echarts对象或使用包装器方法。例如:
在我们介绍完Atom最基础的部分之后,我们要了解如何真正尽可能使用它了。在这一章中我们会介绍如何为了添加新功能而寻找并安全新的包,如何寻找并安装新的主题,如何以一种更高级的方法处理文本,如何以任何你想要的方式自定义编辑器,如何使用git做版本控制,以及其它。
出来两个包啦。 + 这个时候重新启动你的 Ghost。 如果你是 forever 那么敲这个
近年来,前端领域迅猛发展,而在技术的不断发展下,开发者们会根据项目的需求和工具更新的功能来判断自己需要使用的工具,也就导致了很多工具和项目虽然发布时间较晚,却拥有极高人气。本文将为大家整理 2020 年前端领域那些备受瞩目的项目,看看你使用的框架排在第几位吧。
笔者开源了一个小项目code-run,类似codepen的一个工具,其中代码编辑器使用的是微软的Monaco Editor,这个库是直接从VSCode的源码中生成的,只不过是做了一点修改让它支持在浏览器中运行,但是功能基本是和VSCode一样强大的,所以在笔者看来Monaco Editor等于VSCode的编辑器核心。
领取专属 10元无门槛券
手把手带您无忧上云