CSS 命名管理混乱？不妨试试 BEM；这些废弃的HTML标签不要用；MVC 在前端已死；Javascript 鼠标拖动面板的制作；2016 年 7 个顶级 JavaScript 框架；JS基金会成立——促进JavaScript生态发展
-
CSS 命名管理混乱？不妨试试 BEM – 我们知道，css 使用中一个比较令人烦恼的问题，就是 css 没有作用域可言，我们写了一个组件或者模块之后，往往希望它们可以四处复用，但是由于 css 没有作用域，我们给样式命名的时候都会非常小心，因为害怕命名重复导致组件的样式被覆盖。于是 全文
-
【这些废弃的HTML标签不要用】HTML 已经发展了多年，现在 W3C 已经发布了 HTML 5.1 的提案推荐标准，一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大 …
-
【MVC 在前端已死？ 】随着越来越多的前端开发开勇单项数据流架构，有些人就开始考虑传统的 MVC 是否还有未来？为了便于理解，我们首先分析一下前端架构的发展史。全文=>随着越来越多的前端开发开勇单项数据流架构,有些人就开始考虑传统的 MVC 是否还有未来?为了便于理解,我们首先分析一下前端架构的发展史。 在过去的 4 …
-
#前端开发那些事#【Javascript 鼠标拖动面板的制作】详见：Javascript鼠标拖动面板的制作【思路及注意点】 在这篇文章，我们将随作者来看看，如何利用 Javascript 实现鼠标拖动面板的效果。作者将分享其实现思路以及相关注意要点。[围观]【前端开发那些事】专辑，欢迎你来投稿。[来]先来看看效果：拖动面板演示效果 HTML结构很简单，一个大的div包含三个小的div 如图： 然后开始思考如何来写鼠标拖动实现的代码。 点击到标题才能拖动. 标题被点击后，触发点击事件，同时给点击事件绑定鼠标移动事件。 当鼠标移动时，将面板也按照鼠标的位置进行移动。 鼠标松开后，清空鼠标移动事件。 这是大方向的思路，然后我们细化一下。 标题被点击，首先要获取到class=”text”的第一个元素，设置onclick事件。 绑定的鼠标移动事件中，首先得到鼠标的位置，然后得到面板的位置，需要进行一点运算看看让面板怎样移动，这个后面会详解。 对于最后清空鼠标移动事件：标题鼠标松开时触发onm…
-
2016 年 7 个顶级 JavaScript 框架 当涉及到Web开发时，JavaScript框架往往是一些开发人员和企业最受欢迎的平台。可能，你有机会尝试过一两个顶级的JavaScript框架，但你仍然有点不确定哪个才是最佳的最值得掌握的，或者哪个值得你建议你的开发人员选择用于下一个web开发项目。 JavaScript正在以惊人的速度前进，并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点，知道和了解更多的顶级JavaScript框架在现在看来是必要的。在ValueCod..
-
【JS基金会成立——促进JavaScript生态发展】Linux 基金会宣布成立了JS 基金会，该基金会是一个包容性项目，用于促进指导 JavaScript 生态中各种核心开源项目的发展，其主要 …
-
超酷的网站纯色背景，用 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 详戳→ 全文
-
【探索发现：CSS实现中文两端对齐】 今天在搜索“CSS实现中文两端对齐”的解决方法时，偶然发现了这个hack，我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 。
-
【TypeScript 2.0与AngularJS 2.0的最新动态】Lightbot微软终于发布了 TypeScript 2.0 的第一个 RC 版本。TypeScript 是一个简化版的 JavaScript 语言，被大量用于各种 Web 项 …
-
【Github Atom 1.11.2发布】Github Atom 1.11.2 发布了，Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面，并有很多 …
-
《详解JavaScript函数模式》 JavaScript设计模式的作用是提高代码的重用性，可读性，使代码更容易的维护和扩展在javascript中，函数是一类对象，这表示他可以作为参数传递给其他函数；此外，函数还可以提供作用域。详解JavaScript函数模式（来自： Segmentfault@trigkit4）
-
#前端技术#【深入浅出 JavaScript 之原型链和继承】详见： Javascript 语言的继承机制，全靠一种很奇特的原型链（prototype chain）模式，来实现继承。在本文中，作者将 JavaScript 原型链和继承的学习笔记整理了一下，方便大家学习，同时自己也加深印象。[围观]作者：牧云云源自：http://www.cnblogs.com/MuYunyun/” Javascript语言的继承机制，它没有”子类”和”父类”的概念，也没有”类”（class）和”实例”（instance）的区分，全靠一种很奇特的”原型链”（prototype chain）模式，来实现继承。 这部分知识也是JavaScript里的核心重点之一，同时也是一个难点。我把学习笔记整理了一下，方便大家学习，同时自己也加深印象。这部分代码的细节很多，需要反复推敲。那我们就开始吧。 小试身手 原型链例子(要点写在注释里，可以把代码复制到浏览器里测试，下同) 刚才我们访问x,y和z，分别通过原型链…
-
【直接拿来用！最火的前端开源项目】对于开发者而言，了解当下比较流行的开源项目很是必要。利用这些项目，有时能够让你达到事半功倍的效果。为此，本文整理GitHub上最火的前端开源项目列表。（来自： CSDN）
-
【浏览器 HTTP 协议缓存机制详解 】全文=>2、浏览器缓存机制详解 浏览器缓存控制机制有两种:HTML Meta标签 vs. HTTP头信息 2.1 HTML Meta标签控制缓存 浏览器缓存机制,其实主要就是HTTP协议定义的缓存…
-
ECMAScript 2017，新特性抢先看 （by QAQMiao – 众成翻译）：ECMAScript 2016已经完成标准化。这篇博客将探寻哪些特性会被包含进ES2017。我将进行持续更新。最后更新于 2016-10-03.已提案的 ECMAScript 特性回顾每个 E……
-
上期周刊，我们提到接下来的几期都将以 React 为主题，层层引入，通过一个月的时间，完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程。故这一期我们将进阶 React 之旅，文章传送门:上期周刊时，我们提到接下来的几期都将以 React 为主题，层层引入，通过一个月的时间，完成对 React 的学习、升级、打怪直到自己成为 boss 的所有过程。 这一期，结束了入门（ Vol.8 – React，“5 分钟快速入门”）…
-
[譯] 使用 CSS 来制定 SVG “use” 元素中内容的样式 – 作者 Sara Soueidan 是以為前端自由職業者. 該文主要講述了如何通過 CSS 去書寫 SVG 中 use 標籤的內容.原创by Sara Soueidan/分享by aleen42 详戳→
-
【如何使用Jest测试React组件】Jest是一个由Facebook维护的测试框架，在这篇文章中我们将学习一下如何使用Jest来测试我们的ReactJS组件。在学习它提供的使测试R …
-
An Interview With Giovanny Beltran, js13kgames Winner An Interview With Giovanny Beltran, js13kgames Winner分类 技术大类 [381044] web安全 [32150] 开发(php) [21714] 开发(python) [15115] 前端(js…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
