20161019 前端开发日报

本期热门文章:1) CSS 命名管理混乱?不妨试试 BEM 2) 这些废弃的html标签不要用 3) MVC 在前端已死 4) javascript 鼠标拖动面板的制作 5) 2016 年 7 个顶级 JavaScript 框架 6) JS基金会成立——促进JavaScript生态发展 7) 超酷的网站纯色背景,用 CSS 写的哦 8) CSS实现中文两端对齐

  1. 10月19日 08:01稀土掘金(25次阅读/5次分享/6次评论/8次点赞)

    CSS 命名管理混乱?不妨试试 BEM - 我们知道,css 使用中一个比较令人烦恼的问题,就是 css 没有作用域可言,我们写了一个组件或者模块之后,往往希望它们可以四处复用,但是由于 css 没有作用域,我们给样式命名的时候都会非常小心,因为害怕命名重复导致组件的样式被覆盖。于是 全文
  2. 10月19日 22:03LUPA开源社区(24次阅读/1次分享/1次评论/1次点赞)

    这些废弃的HTML标签不要用】HTML 已经发展了多年,现在 W3C 已经发布了 HTML 5.1 的提案推荐标准,一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大 ...
  3. 10月19日 21:32全栈开发者(22次阅读/21次分享/7次评论/17次点赞)

    MVC 在前端已死? 】随着越来越多的前端开发开勇单项数据流架构,有些人就开始考虑传统的 MVC 是否还有未来?为了便于理解,我们首先分析一下前端架构的发展史。全文=>随着越来越多的前端开发开勇单项数据流架构,有些人就开始考虑传统的 MVC 是否还有未来?为了便于理解,我们首先分析一下前端架构的发展史。 在过去的 4 ...
    MVC 在前端已死
  4. 10月19日 18:01IT程序狮(19次阅读/1次分享/1次评论/1次点赞)

    #前端开发那些事#【Javascript 鼠标拖动面板的制作】详见:Javascript鼠标拖动面板的制作【思路及注意点】 在这篇文章,我们将随作者来看看,如何利用 Javascript 实现鼠标拖动面板的效果。作者将分享其实现思路以及相关注意要点。[围观]【前端开发那些事】专辑,欢迎你来投稿。[来]先来看看效果:拖动面板演示效果 HTML结构很简单,一个大的div包含三个小的div 如图: 然后开始思考如何来写鼠标拖动实现的代码。 点击到标题才能拖动. 标题被点击后,触发点击事件,同时给点击事件绑定鼠标移动事件。 当鼠标移动时,将面板也按照鼠标的位置进行移动。 鼠标松开后,清空鼠标移动事件。 这是大方向的思路,然后我们细化一下。 标题被点击,首先要获取到class="text"的第一个元素,设置onclick事件。 绑定的鼠标移动事件中,首先得到鼠标的位置,然后得到面板的位置,需要进行一点运算看看让面板怎样移动,这个后面会详解。 对于最后清空鼠标移动事件:标题鼠标松开时触发onm...
    Javascript 鼠标拖动面板的制作

  5. 10月19日 09:29程序员俱乐部(19次阅读/18次分享/4次评论/14次点赞)

    2016 年 7 个顶级 JavaScript 框架 当涉及到web开发时,JavaScript框架往往是一些开发人员和企业最受欢迎的平台。可能,你有机会尝试过一两个顶级的JavaScript框架,但你仍然有点不确定哪个才是最佳的最值得掌握的,或者哪个值得你建议你的开发人员选择用于下一个web开发项目。 JavaScript正在以惊人的速度前进,并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点,知道和了解更多的顶级JavaScript框架在现在看来是必要的。在ValueCod..
    2016 年 7 个顶级 JavaScript 框架
  6. 10月19日 22:03LUPA开源社区(18次阅读/1次分享/1次评论/1次点赞)

    JS基金会成立——促进JavaScript生态发展Linux 基金会宣布成立了js 基金会,该基金会是一个包容性项目,用于促进指导 JavaScript 生态中各种核心开源项目的发展,其主要 ...
  7. 10月19日 20:46稀土掘金(15次阅读/4次分享/1次评论/6次点赞)

    超酷的网站纯色背景,用 CSS 写的哦 - HUE.css - A huge pack of 49 photorealistic css3 backdrops.A huge pack of 49 photorealistic gradients that you can use as content backdrops in any part of your website.原创by evankarageorgos /分享by@MrDream24 详戳→ 全文
  8. 10月19日 17:30HTML5中国(15次阅读/6次分享/1次评论/15次点赞)

    【探索发现:CSS实现中文两端对齐 今天在搜索“CSS实现中文两端对齐”的解决方法时,偶然发现了这个hack,我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 。
    CSS实现中文两端对齐
  9. 10月19日 22:20LUPA开源社区(14次阅读/1次分享/1次评论/1次点赞)

    TypeScript 2.0与AngularJS 2.0的最新动态】Lightbot微软终于发布了 TypeScript 2.0 的第一个 RC 版本。TypeScript 是一个简化版的 JavaScript 语言,被大量用于各种 Web 项 ...
    TypeScript 2.0与AngularJS 2.0的最新动态
  10. 10月19日 22:05LUPA开源社区(13次阅读/1次分享/1次评论/1次点赞)

    Github Atom 1.11.2发布github Atom 1.11.2 发布了,Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多 ...
    Github Atom 1.11.2发布
  11. 10月19日 12:00酷勤网-程序员的那点事(13次阅读/19次分享/4次评论/17次点赞)

    详解JavaScript函数模式》 JavaScript设计模式的作用是提高代码的重用性,可读性,使代码更容易的维护和扩展在javascript中,函数是一类对象,这表示他可以作为参数传递给其他函数;此外,函数还可以提供作用域。详解JavaScript函数模式(来自: Segmentfault@trigkit4)
  12. 10月19日 08:20IT程序狮(12次阅读/6次分享/3次评论/2次点赞)

    #前端技术#【深入浅出 JavaScript 之原型链和继承】详见: Javascript 语言的继承机制,全靠一种很奇特的原型链(prototype chain)模式,来实现继承。在本文中,作者将 JavaScript 原型链和继承的学习笔记整理了一下,方便大家学习,同时自己也加深印象。[围观]作者:牧云云源自:http://www.cnblogs.com/MuYunyun/" Javascript语言的继承机制,它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。 这部分知识也是JavaScript里的核心重点之一,同时也是一个难点。我把学习笔记整理了一下,方便大家学习,同时自己也加深印象。这部分代码的细节很多,需要反复推敲。那我们就开始吧。 小试身手 原型链例子(要点写在注释里,可以把代码复制到浏览器里测试,下同) 刚才我们访问x,y和z,分别通过原型链...
    深入浅出 JavaScript 之原型链和继承
  13. 10月19日 14:00IT程序猿(11次阅读/29次分享/5次评论/22次点赞)

    【直接拿来用!最火的前端开源项目】对于开发者而言,了解当下比较流行的开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。为此,本文整理GitHub上最火的前端开源项目列表。(来自: CSDN)
    最火的前端开源项目
  14. 10月19日 19:13全栈开发者(11次阅读/12次分享/2次评论/7次点赞)

    浏览器 HTTP 协议缓存机制详解 】全文=>2、浏览器缓存机制详解 浏览器缓存控制机制有两种:HTML Meta标签 vs. HTTP头信息 2.1 HTML Meta标签控制缓存 浏览器缓存机制,其实主要就是HTTP协议定义的缓存...
    浏览器 HTTP 协议缓存机制详解
  15. 10月19日 17:35李松峰(9次阅读/2次分享/1次评论/1次点赞)

    ECMAScript 2017,新特性抢先看 (by QAQMiao - 众成翻译):ECMAScript 2016已经完成标准化。这篇博客将探寻哪些特性会被包含进ES2017。我将进行持续更新。最后更新于 2016-10-03.已提案的 ECMAScript 特性回顾每个 E......
  16. 10月19日 15:30SegmentFault(8次阅读/13次分享/5次评论/9次点赞)

    上期周刊,我们提到接下来的几期都将以 React 为主题,层层引入,通过一个月的时间,完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程。故这一期我们将进阶 React 之旅,文章传送门:上期周刊时,我们提到接下来的几期都将以 React 为主题,层层引入,通过一个月的时间,完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程。 这一期,结束了入门( Vol.8 - React,“5 分钟快速入门”)...
    上期周刊,我们提到接下来的几期都将以 React 为主题,层层引入,通过一个月的时间,完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程
  17. 10月19日 15:25HTML5中国(8次阅读/13次分享/2次评论/12次点赞)

    谈谈JS中的函数劫持 说到劫持,第一反应可能是什么不好的东西。函数劫持并不邪恶,关键是看使用的人。
    谈谈JS中的函数劫持
  18. 10月19日 07:41稀土掘金(8次阅读/2次分享/2次评论/4次点赞)

    [譯] 使用 CSS 来制定 SVG “use” 元素中内容的样式 - 作者 Sara Soueidan 是以為前端自由職業者. 該文主要講述了如何通過 CSS 去書寫 SVG 中 use 標籤的內容.原创by Sara Soueidan/分享by aleen42 详戳→
  19. 10月19日 22:18LUPA开源社区(7次阅读/1次分享/1次评论/1次点赞)

    如何使用Jest测试React组件】Jest是一个由Facebook维护的测试框架,在这篇文章中我们将学习一下如何使用Jest来测试我们的ReactJS组件。在学习它提供的使测试R ...
  20. 10月19日 11:09前端外刊评论(7次阅读/1次分享/1次评论/1次点赞)

    An Interview With Giovanny Beltran, js13kgames Winner An Interview With Giovanny Beltran, js13kgames Winner分类 技术大类 [381044] web安全 [32150] 开发(PHP) [21714] 开发(python) [15115] 前端(js...
    An Interview With Giovanny Beltran,  js13kgames Winner

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文链接:20161019 前端开发日报 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/fe-daily-20161019.html)

发表评论

请登录后发表评论: