新技术 | IT-北北报

国外前端高质量技术文章网站汇总

2019/10 20 19:10

以下是整理的的一些经典的国外技术网站,能收获很多前沿的技术信息,可以经常浏览一下。

(有些网站可能需要科学上网才能访问)

1.https://speckyboy.com/

 

2.http://www.echojs.com

一个专注前端高质量技术文章汇总的网站

 

3.https://news.ycombinator.com/

传说中的Hacker News,来这里,总会有收获。

 

4.https://frontendfront.com/

看域名就知道是干什么的了,想看前端最前沿的文章来这准没错

 

5.https://tutsplus.com/

用英文说就是:far beyond my description

 

6.http://www.lesslinks.com/

官网首页文字介绍:World’s best curated list of quality resources for designers, learners and techies

 

7.https://uptodate.frontendrescue.org/

每天有数以百计的博客和文章,但你没有办法阅读所有的文章。我们认为你应该有一种方法来保持阅读最新的文章,所以我们创造了这个食谱。

 

8.http://stackoverflow.com/

问答类网站

 

9.https://www.quora.com/

问答类网站

 

10.http://www.codewars.com/

是时候展现真正的code了

 

11.https://www.html5rocks.com/en/ (英文)    https://www.html5rocks.com/zh/  (中文)

 

12.http://www.javascriptkit.com/

 

13.https://css-tricks.com/

 

14.http://tympanus.net/codrops/

 

15.http://red-team-design.com/

 

16.http://tutorialzine.com/

 

17.http://csswizardry.com/

 

18.https://www.smashingmagazine.com/

 

19.https://www.script-tutorials.com/

 

20.https://scotch.io/

 

21.https://wefunction.com/

 

22.http://webdesignerwall.com/

 

23.http://blog.teamtreehouse.com/

 

24.http://html5bookmarks.com/

 

25.https://dzone.com/

 

26.http://www.cssauthor.com/

 

27.https://www.sitepoint.com/

 

28.http://callmenick.com/

 

29.http://sixrevisions.com/

 

30.http://www.css-jquery-design.com/

 

31.http://www.developerdrive.com/

 

 

原文 https://www.cnblogs.com/handoing/p/6082759.html

ReactEasyUI开源组件库上线啦

2017/01 23 16:01

ReactEasyUI是刚刚出品的一套React的开源组件库,希望能给大家提供一些帮助。

接下来我们将在2017年持续维护这个组件库,争取把它做成一个精品组件库,各位大神也可以给我们留言发表意见,也许下一个版本就会有你想要的组件。

闲言碎语不要讲,github和npm的地址与安装方法如下:

github(API地址):https://reacteasyui.github.io

npm安装方法:npm install reacteasyui –save-dev

接下来强力推荐一下我们的ReactEasyUI

 

基础组件部分

640.webp

freecheckbox.webp

textwithcount.webp

switchbtn.webp

 

日期组件部分

datechooser1.webp

datechooser3.webp

datechooser5.webp

calender.webp

AppCalender

用于移动端的日历组件

appcalender.webp

 

部分进度条相关组件

piechart.webp

Progressbar.webp

ProgressChart.webp

部分图表组件

pieandline.webp

pie.webp

line.webp

multiple.webp

欢迎关注公众号,我们会不定期分享前沿技术、学习资料,在前端的道路上一起成长

qcode.webp

Emmet语法

2014/11 05 12:11

看到Emmet的语法,我不得不说我惊呆了,发明这个的人真是碉堡了。

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。

让我们迫不及待的来学习如何使用Emmet语法来生成HTML和CSS代码吧!!!

安装Emmet插件

Emmet只是文本编辑器一个插件,要想让他发挥应用的功能,就得将其安装到你喜欢的文本编辑器中。到目前为止,很多流行的文本编辑器都支持Emmet插件,也就是说很多流行的文本编辑器都可以安装这款插件。

点击下面的链接,按照说明文档可以给对应的文本编辑器安装Emmet插件:

它是如何工作的?

在Web前端开发中,我们不得不面对一个残酷的现实。在写HTML代码时需要一定的时间,因为我们要花大把的时间写HTML标签,属性,引号等;同样在编写CSS时,我们要写很多的属性、属性值,大括号和分号等。当然,大多数的文本编辑器都或多或少带有代码自动提示功能,在开发之时,帮了很大的忙,但仍然需要人工输入很多代码。而Emmet插件,集成了很多缩写,大家在开发时只需要输入简单的缩写,按tab键或ctrl+E键就能扩展出所需的代码片段。

(更多…)



无觅相关文章插件,快速提升流量