前端开发日报

2019-12-23 05:45栏目:威尼斯网站

图片 1

图片 2

在大型项目中组织CSS;程序员;在 Github 上部署自己的简历;jQuery宽屏时间轴焦点图插件;有趣的CSS像素艺术;HTML;HTML5 Canvas放射线动画;别工作太长时间,这对你和公司都有好处;代码;原生开发才是王道

HTML5 Canvas瀑布动画 超逼真;3 分钟掌握 CSS Flexbox;javascript高阶函数的应用;underscore 源码解读之 bind 方法的实现;优秀的移动端UI应当如何用微交互打磨细节;中英文简历撰写排版指南

9月06日 17:12HTML5中国(20次阅读/8次分享/2次评论/8次点赞)

9月07日 13:00程序员俱乐部(47次阅读/6次分享/1次评论/6次点赞)

编写CSS容易。 编写可维护的CSS难。这句话你之前可能听过100次了。 原因是CSS中的一切都默认为全局的。如果你是一个C程序员你就知道全局变量不好。如果你是任何一种程序员,你都知道隔离和可组合的模块是构建可维护 ...

在线演示:HTML5 Canvas瀑布动画DEMO演示 源码下载:这次我们来分享一款很酷的HTML5 Canvas瀑布动画,瀑布动画非常逼真。整个瀑布动画像是从石头缝里流出来的溪水,然后沿着悬崖飞落下来,效果非常不错。

9月06日 09:31SegmentFault(20次阅读/54次分享/12次评论/19次点赞)

9月07日 08:20IT程序狮(27次阅读/7次分享/1次评论/4次点赞)

文章传送门;项目简介:本课程将带领大家在 Github Pages 上部署自己的简历,教大家如何将简历保存为 pdf 格式且该简历文件可直接在 A4 纸上打印。另外本课程还提供了简单的在线可编辑的简历页面,同学可直接使用它来生成自己...

#前端技术#详见: 在这篇文章中,你将学到关于 CSS 中弹性布局最重要的概念。如果你发现你经常在 CSS 布局上纠结,这篇文章将帮你解脱出来。[给力]

9月06日 13:00程序员俱乐部(19次阅读/10次分享/1次评论/3次点赞)

9月07日 08:03前端大全(16次阅读/25次分享/6次评论/18次点赞)

在线演示: 源码下载:jQuery宽屏时间轴焦点图插件 | HTML5资源教程这是一款非常炫酷的jQuery焦点图插件,这款jQuery焦点图的特点是有一个时间轴,点击切换按钮时,时间轴会逐渐移动,时间轴上的图片也会逐渐切换。另外,在图片上方也可以放置自定义样式的文字。

《javascript高阶函数的应用》在实际开发中,无论是将函数当作参数传递,还是让函数的执行结果返回另外一个函数,这两种情形都有很多应用场景,以下就是一些高阶函数的应用。

9月06日 09:29程序员俱乐部(18次阅读/18次分享/3次评论/14次点赞)

9月07日 09:03前端大全(16次阅读/6次分享/3次评论/7次点赞)

有趣的CSS像素艺术 像素艺术作为一种遗失的艺术形式,与超清晰,高分辨率图片相比黯然失色。我在CodePen上浏览时偶然发现了一些像素艺术,它提醒我这种艺术是多么令人敬畏! 是不是很酷?像素化图形中有某种简单友好的东西,而这些东西是高清晰图形和插图中缺失的。 这也是教我们如何用HTML和CSS创建像素艺术的一个很好的案例。让我们分析下这个概念,并创建一个可以在其他情况下使用的模式。 创建网格 第一件事,我们需要一张绘制我们像素化作品的画布。我们有多种..

《underscore 源码解读之 bind 方法的实现》前文介绍了下 ES5 中的 bind 方法以及使用场景。毕竟 bind 是 ES5 的东西,低版本 IE 不支持。今天就根据 underscore 的实现,来聊一聊如何实现一个 bind 的 polyfill。

9月06日 14:00程序员俱乐部(16次阅读/4次分享/6次评论/3次点赞)

9月07日 08:45设计的那些事(14次阅读/3次分享/1次评论/2次点赞)

在线演示:HTML5 Canvas放射线动画DEMO演示 源码下载:HTML5 Canvas放射线动画 | HTML5资源教程这是一款基于HTML5 Canvas的放射线动画,实现这款动画的思路也比较简单,先是根据数学图形公式构造放射线绘制的路径,然后利用HTML5将射线绘制在Canvas上,并在射线上绘制随机的颜色,这样整个射线图形看上去色彩斑斓。

《优秀的移动端UI应当如何用微交互打磨细节?》著名魔术师 Dariel Fitzkee 曾经说过:“魔术是表演和细节的艺术。”设计师大多能够很好的控制设计的大方向,但是细节处理不当的话,会让优秀的设计方案功亏一篑,要不怎么说“细节当中藏有魔鬼”呢?

9月06日 20:00伯乐在线官方微博(16次阅读/9次分享/3次评论/7次点赞)

9月07日 09:00稀土掘金(9次阅读/6次分享/4次评论/4次点赞)

《别工作太长时间,这对你和公司都有好处》在软件公司,永远都有做不完的工作:太多新功能要实现,太多bug要修补。有时候你就是没法快速完成积压的工作,写不够代码量,花太多时间在一个看上去不可能修复的bug上。

中英文简历撰写排版指南 - 排版好看是很重要的加分项。分享by 彷梓 详戳→

9月06日 20:04开发者头条(15次阅读/1次分享/1次评论/5次点赞)

9月07日 08:19稀土掘金(8次阅读/14次分享/2次评论/5次点赞)

原生开发才是王道 分享自 @googdev 开通的独家号《AndroidDeveloper》 原生开发才是王道 stormzhang · 5 小时前 之前很多朋友问我这么一个问题,说刚做 Android 开发不久,但是市面上被 H5,React Native 等这些移动趋势冲击的不得...

使用 Webpack 命令行工具: Webpack-Dashboard - webpack-dashboard 是用于改善开发人员使用 webpack 时控制台用户体验的一款工具。原创by Wenjie 详戳→

9月06日 11:10实验楼官方微博(15次阅读/2次分享/1次评论/1次点赞)

9月07日 11:45开发者头条(8次阅读/2次分享/1次评论/1次点赞)

#编程技术分享#css学习资源整理,爱学习的前端er看完就转走了[嘻嘻] :1、、、、

腾讯 QMUI Web 框架更新至 1.2.2,带来基础组件全新默认样式 分享自 @Kayo 开通的独家号《Kayo的独家号》 腾讯QMUI web 框架更新至 1.2.2,带来基础组件全新默认样式 Kayo5994· 几秒前 · 3 次点击 QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的...

9月06日 19:59IT程序狮(13次阅读/5次分享/1次评论/1次点赞)

9月07日 16:10IT程序狮(8次阅读/1次分享/1次评论/1次点赞)

#前端技术#详见: 学习Canvas,当然少不了了解其 API.这篇文章里,作者整理了常用到的Canvas API,方便以后查阅。

#移动开发#详见: 本文记录了根据笔者日常开发总结而来的,你应该格外注意而又没有在文档中强调的细节要点。[围观]本文翻译自React Native: Things I wish I knew before starting out.,从属于笔者的ReactNative 入门与最佳实践系列文章。 React Native 是个非常优秀的项目,不过鉴于其仍处于不断地演进开发中,我们可能阅读到...

9月06日 17:13优秀网页设计(11次阅读/265次分享/39次评论/350次点赞)

9月07日 08:15设计的那些事(7次阅读/1次分享/1次评论/1次点赞)

秒拍视频

《Spotify官网的用户体验变迁》网页设计在过去10年间沧桑巨变。本文中,我们来研究这些年的Spotify官网,讨论其中的关键变化。

9月06日 14:18慕课网(9次阅读/20次分享/3次评论/22次点赞)

9月07日 08:00InfoQ(7次阅读/1次分享/1次评论/1次点赞)

地址: 本文介绍了Python对于正则表达式的支持,包括正则表达式基础以及Python正则表达式标准库的完整介绍及使用示例,希望对学Python的朋友们有所帮助。[给力]Python学习法宝,一招在手,全部都有:

CNUTCon2016后天就开始啦!50个可供参考的容器和微服务落地案例,都在这里了!更有Netflix、Mesosphere、Docker公司等大牛莅临现场,今天最后一天报名时间,再不报名就真来不及啦!

9月06日 22:04开发者头条(8次阅读/16次分享/2次评论/5次点赞)

9月07日 08:01稀土掘金(6次阅读/6次分享/2次评论/1次点赞)

[译] NGINX 高性能缓存实践 by 巫明瀚 分享自 @杰微刊 开通的独家号《杰微刊》 1天前 - 内容缓存的基本原则就是让上游服务器不用处理重复工作。当用户第一次请求网站上的一个内容的时候(上图中蓝色的线),TA的HTTP请求就会被发送到NGINX,并...

Glide 源码导读 - 了解一下 Glide 中的主要概念,跟一下图片加载流程,如果你需要阅读 Glide 源码的话,应该多少会有点帮助。原创by@angeldevil17 详戳→

9月06日 13:18慕课网(8次阅读/21次分享/35次评论/19次点赞)

9月07日 13:00程序员俱乐部(6次阅读/14次分享/2次评论/5次点赞)

在本文中,我们将从网页设计中页面排版布局的类型、布局的实现为大家引出响应式布局的三大要点。用响应式布局开发课程:全文:响应式布局的三大要点_慕课文章

使用 Python 创建你自己的 Shell 我很想知道一个 shell 内部是如何工作的。于是为了满足自己的好奇心,我使用 Python 实现了一个名为yosh 的 Shell。本文章所介绍的概念也可以应用于其他编程语言。 、构造类型、字符串类型的键以及其他一大堆问题……作者:Soroush Khanlou,原文链接,原文日期:2016-04-08译者:Lanford3_3;校对:pmst;定稿:CMB 使用 Swift 解析 JSON 是件很痛苦的事。你必须考虑多个方面:可选类性、类型转换、基本类型...

9月06日 08:25IT程序狮(8次阅读/5次分享/2次评论/5次点赞)

9月07日 17:30程序员俱乐部(3次阅读/30次分享/6次评论/25次点赞)

#前端技术#详见: 在本文中,作者分享了一些很有用的 CSS 窍门,提示,意见,方法,技巧以及编程解决方案,希望这70个专业 CSS 建议,可以提高你的CSS编程效率。[熊猫]

18 行 JS 代码编一个倒时器 有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件。虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系。 你的网站会表现得更好,因为你不需要加载外部脚本和样式表。 你将会有更高的可控性,因为你将按照想..

9月06日 01:11w3cplus(7次阅读/5次分享/1次评论/6次点赞)

9月07日 19:41HTML5中国(3次阅读/11次分享/1次评论/8次点赞)

『SVG元素上的transform_SVG, transform 教程_w3cplus』同HTML元素一样,我们可以通过transform函数操作SVG元素。然而transform在SVG元素和HTML元素上的工作方式会有一些差别。首先,IE不支持SVG元素的CSS transform属性,但是如果只是应用一些2D变换,为了适配IE,我们可以使用SVG的transform属性。SVG的transform属性中的所有函数的参数只能是纯数字,比如说,我们不能在translate函数中使用%单位,rotate,skew角度只能使用deg单位,我们能在CSS transform属性中可以使用的所有其它单位在这里都不能使用。

先有UI动画,然后才会有好的UI动画。好的动画会让人惊叹“哇哦!”——因为页面看上去很流畅、很漂亮,最重要的是,自然,一点都不会让人觉得不和谐或者僵硬死板。如果你经常逛Dribbble或者 UpLabs这类网站的话,你 ...

9月06日 18:00程序员俱乐部(5次阅读/19次分享/3次评论/9次点赞)

在线演示:HTML5 Canvas彩色像素进度条动画DEMO演示 源码下载:之前我们分享过很多不错的CSS3进度条,效果相当不错。今天我们来推荐一款基于HTML5 Canvas的彩色像素进度条动画,它有两个特点,其一是进度条颜色会随着进度的改变而改变,其二是进度条更新时,会产生像素掉落的动画特效,很有创意。

9月06日 20:54SegmentFault(5次阅读/2次分享/1次评论/7次点赞)

这一回作者不分享指南,和大家讲讲程序员的故事,文章传送门:刚过去不久的七月,火辣辣的热,在这份热辣中却也有一份略显冰凉的愁绪。一批刚毕业的学生刚告别了校园,进入了职场,一个新的江湖。这次来到我所在公司的同学,不说全部,至少百分之九十五都会成为一名新入行的...

9月06日 22:17实验楼官方微博(5次阅读/1次分享/1次评论/1次点赞)

#IT实战项目课程#新课首发该项目实现一个轻量级的网络嗅探器。通过原生套接字的方式,监听所有本地主机收发的数据链路层帧结构,然后解析数据包的类型,并记录到日志文件。[围观] 项目教程:

9月06日 09:45JAVA大本营(5次阅读/41次分享/15次评论/29次点赞)

Java核心技术点之集合框架 概述 Java集合框架由Java类库的一系列接口、抽象类以及具体实现类组成。我们这里所说的集合就是把一组对象组织到一起,然后再根据不同的需求操纵这些数据。集合类型就是容纳这些对象的一个容器。也就是说,最基本的集合特性就是把一组对象放一起集中管理。根据集合中是否允许有重复的对象、对象组织在一起是否按某种顺序等标准来划分的话,集合类型又可以细分为许多种不同的子类型。 Java集合框架为我们提供了一组基本机制以及这些机制的参考实现,其中基本..

9月06日 13:12HTML5中国(5次阅读/4次分享/1次评论/7次点赞)

在编写 HTML 模板时,有时候会利用空格来充当文字排版的手段,最为常见的情况是在一段文字之间插入空格,来分隔相对独立的词汇。但面对这种情况,一般是...

版权声明:本文由威尼斯网站发布于威尼斯网站,转载请注明出处:前端开发日报