摘要：
Material Design Lite简介 本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。 一、设计语言 github项目地址：https://github.com/google/material-design-lite随堂练习代码地址：https://git 阅读全文
摘要：
使用footer元素创建脚注 顾名思义，footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部，但并非总是如此。footer元素旨在包含作者、网站所有者、版权数据、网站规章制度等信息。如果它位于article或section中，则包含文章发布的日期、标记、分类和其他元数据 阅读全文
摘要：
使用mark元素高亮文本 利用mark元素，文档作者可以高亮显示文档中的某些文本以达到醒目的效果。 如果用户在站点进行搜索，搜索页面中的关键字可以高亮显示。这时，就可以很好的利用到mark元素。不选用strong或者em元素的原因是，我们并非想要强调这些关键字，而仅仅是为用户提供高亮效果。示例如下： 阅读全文
摘要：
一、gulp简介 1.gulp是什么？ gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务 阅读全文
摘要：
区别： 注：行内元素会在一条直线上，是在同一行的。 //我是行内元素SPAN标签//我是行内元素strong标签// 注：块级元素各占一行。是垂直方向的！ 我是块级元素div标签我是块级元素P标签 如果你要将行内元素变成块级元素，那么就只需要在该标签上加上样式 display:block 块级元素可 阅读全文
摘要：
前言 在项目登录界面中有账户和密码的输入框，在Chrome中显示是正常的（本人使用的是Chrome浏览器，平时不用IE）。等部署到客户的服务器上，访问时发现一个问题，在IE浏览器中文本框与密码框的宽度不一样。 问题 IE浏览器在没有设置 input 的宽度时，type="text" 和 type=" 阅读全文
摘要：
作者：肖光宇 野狗科技联合创始人，先后在猫扑、百度、搜狗任职，爱折腾的前端工程师。野狗官博：https://blog.wilddog.com/ 野狗官网：https://www.wilddog.com/公众订阅号：wilddogbaas Web安全是一个如何强调都不为过的事情，我们发现国内的众多网站 阅读全文
摘要：
原文 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代码段》入门实例书的导览！熊孩子们，赶紧学习去吧！ 阅读全文