摘要:
原文 The Definitive Guide to Using Negative Margins 自从1998年CSS2作为推荐以来,表格的使用渐渐退去,成为历史。正因为此,从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念,负边距作为最少讨论到的定位方式要记上一功。这就 阅读全文
摘要:
《单页面web应用 JavaScript从前端到后端》这本书是一本教读者怎样将js模块化,也就是前端同学们常说的模块化思想,变量避免全局污染以及将功能分块管理。 那么应该怎么开始呢? 确定要做页面的聊天滑块 进行页面结构的简单设计,确定将聊天滑块放在被关注率和点击率最高的右下角 确定滑块需要实现的功 阅读全文
摘要:
作者:Jogis原文链接:https://github.com/yesvods/Blog/issues/3转载请注明原文链接以及作者信息 前一篇文章介绍了webpack以及安装方法,这次将会介绍webpack在单页面应用程序(Single Page Application)与多页面站点不同场合的用法 阅读全文
摘要:
Lesson-4 这个版本我们要增加一个用的非常多的方法! 那就是each! 我们知道each不仅能遍历数组,还能遍历对象. 首先我们需要一个对数组进行验证的方法 function isArray(obj) { return Array.isArray(obj); } 接着就是我们的重头戏 Kodo 阅读全文
摘要:
判断元素是否有滚动条 因为出现滚动条便意味着元素空间将大于其内容显示区域,根据这个现象便可以得到判断是否出现滚动条的规则。 判断竖向滚动条 el.scrollHeight > el.clientHeight 这条规则使用了获取元素不同高度的两个属性: scrollHeight指的是元素的内容高度,即 阅读全文
摘要:
Lesson-8 事件机制 在讲事件机制之前呢,我们有一个很重要的东西要先讲,那就是如何实现事件委托(代理). 只有必须先明白了如何实现一个事件委托,我们才能更好的去实现on和off.在我看来,on和off里最难实现的就是他的事件委托. function delegate(agent,type,se 阅读全文
摘要:
又快又好!巧用ChartJS打造你的实用折线图 最终效果 本示例利用官方示例改造而成,生成带图示的折线图,标出各折线的名称,可以筛选想要显示的折线。 要实现最终效果,我们要分三步走: 生成折线图; 生成自定义提示; 生成图示(折线显示控制板) 生成折线图 首先,我们要设置折线图的位置。 <div s 阅读全文
摘要:
会了HTML和HTML5语法,你就真的会了HTML吗,来看这张图!是这本《超实用的HTML代码段》入门实例书的导览!熊孩子们,赶紧学习去吧! 阅读全文