html

html 不常用标签介绍

文本元素如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 元素来添加 Word Break Opportunity（单词换行时机）。英文单词过长时使用会根据浏览器的宽度适当的裁切换行。 如果想学习 AJAX，那么您必须熟悉 XMLHttpRequest 对象。添加下划线，起到强调作用元素实际作用就是删除线；从语义上来看，表示不准确的删除元素实际作用就
业界 2016年07月14日

前端开发之单一职责原则

单一职责原则（SRP：Single responsibility principle）又称单一功能原则，面向对象五个基本原则（SOLID）之一。它规定一个类应该只有一个发生变化的原因。在前端开发的过程中，一个需求总会有多种解决方法，如果多人开发，其实我觉得单一职责挺适合前端的，前阵子看了下实习生的代码，就想举这个例子来说说。需求描述：两个input框作为查询条件，一个按照名
业界 2016年07月05日

css使文字显示两行后显示省略号

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎... 直接上代码： .article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all; }狠狠的点击，查看
业界 2016年07月14日

设计模式---状态模式在web前端中的应用

在vue.js之类的mvvm的框架大行其道的当下，开发中最常见的场景就是通过改变数据来展示页面或模块的不同状态，当我们把mvvm玩的不亦乐乎的时候，有时也会停下了想想：在某些项目中不能用vuejs之类的框架时，我们怎么通过改变数据来修改页面或者模块的状态呢。嗯。说到状态，就想到了状态模式状态模式:在很多情况下，一个对象的行为取决于一个或多个动态变化的状态属性，这样的对象叫做
产品 2016年07月26日

浅谈DOMContentLoaded事件及其封装方法

我们在开发时，经常需要检测页面是否加载完毕，以确保脚本安全运行，下面我们就来浅谈一下检测页面是否加载完毕的那些事件们。1. onload 事件在页面的所有资源加载完成时，window对象上会触发一个onload事件。该事件通常被用以执行一些逻辑代码。比如，你需要通过JS去访问一个DOM。 console.log(document.getElementById('nam
业界 2016年07月05日

Tree v3.5 Demo 演示 OutLook 样式的左侧菜单

简介为了让朋友们更容易的学习 zTree，官网给出了大量的 Demo，不同的图标，不同的风格，好学易懂，这是官网链接：zTree v3.5 Demo 演示。由于工作需要，这里只是把组合功能中OutLook 样式的左侧菜单参考Demo源码实现了，分享给大家我的学习所得。Html和CSS下载zTree v3.5 Demo 演示的源码，将下图所示的文件整合出来，并创建一个outl
业界 2016年07月07日

深入解析 float

0.前言float属性在css2中是一个热门的属性，被广泛应用于布局之中，同时由于不当使用float带来的问题也非常多，本文结合自己对float的理解以及实际项目中碰到float的相关问题，做一个详细总结，欢迎一起探讨，但未经同意禁止转载。以下是文章的目录float的特性float与absolute的区别float与inline-block清除浮动的方法及优缺点1. flo
业界 2016年07月23日

bigSlide 插件应用

一、 插件官网bigSlide.js二、 基本代码侧边栏控制开关用一个 标签来控制侧边栏的开关。# menu 用来指向 id 为 menu 的侧边栏，menu-link 为这个 标签的类名。☰侧边栏代码实例侧边栏代码如下，由于需要实现的效果各不相同，所以各个 1. 标签中设置的 style 并不一样，这样的代码看起来很乱，其实还是应该写在css中，并根据效果进行分类。
业界 2016年07月04日

容易混淆的client-*,scroll-*,offset-*

容易混淆client-,scroll-,offset-*Truth comes from practice 上来不说话，先抛出几个问题：offsetWidth offsetHeight offsetLeft offsetTopclientWidth clientHeight clientLeft clientTopscrollWidth scrollHeight scrol
业界 2016年07月07日
加载更多