摘要：
一、传统的图片异常处理 <img> 如果因为网络或者跨域限制等原因无法正常加载，在默认情况下会显示浏览器默认的“裂开”的图片效果，如果设置了 alt 属性值，则 alt 属性对应的内容也会一并显示。例如： <img src="//www.zhangxinxu.com/zxx.ico" alt="鑫空 阅读全文
摘要：
在web网站开发中，有时候我们给html元素设置的margin-top或margin-bottom属性，但是无效，并没有取到任何作用,这是什么原因呢?常出现两种情况: 一、兄弟元素之间margin-top失效 先看下面代码： <div> <div class="box1"> float: left 阅读全文
摘要：
SQL 注入 在众多安全性漏洞中，SQL 注入绝对是最严重但也是最好处理的一种安全漏洞。在数据库执行查询句时，如果将恶意用户给出的参数直接拼接在查询句上，就有可能发生。 举个例子，假设原本某网站登录验证的查询句长这样： strSQL = "SELECT * FROM users WHERE (nam 阅读全文
摘要：
典型的布局示例 如上图所示的布局，方格中间有一定的间隙，间隙是固定的。应该如何布局会更加完美呢，比如要保证在布局完成的情况下，可以快速的添加一个元素依然保持这样的布局。以及当出现第二行的时候，这样的布局依然能够不受影响。又不用修改太多的内容。 设置宽为100%和块元素的默认宽度 现在在这里说一个问题 阅读全文
摘要：
这个功能还比较常见，用来获取文本的长宽（避免了计算不准的问题），主要用于实现 textarea 自动变长。 可以看到在我们使用 textarea 的时候，有时候需要感知内容的高度，然后动态撑开。（elementUI 的 textarea 就提供了 autosize 的功能。） 那我们也想实现这样的功 阅读全文
摘要：
我们将使用CSS3动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是CSS过渡，为弹出框提供了更加流畅的运动，而不是僵化的机械运动。 这是我们最后的效果： 让我们开始吧！ html部分 这是我们链 阅读全文
摘要：
今天介绍一个通过svg来实现移动端1px效果的小技巧 svg的描边方式 通常我们在使用一些设计软件时，描边会有三种选择，分别是内描边、居中描边和外描边，比如 photoshop 那么，svg 中的描边是哪种方式呢？ 答案是居中描边，并且无法更改，如下 <svg height="100px" view 阅读全文
摘要：
轮播图是前端最基本、最常见的功能，不论web端还是移动端，大平台还是小网站，大多在首页都会放一个轮播图效果。本教程讲解怎么实现一个简单的轮播图效果。学习本教程之前，读者需要具备html和css技能，同时需要有简单的JavaScript基础。 本实例效果如下图所示： 根据实例效果，需要的元素有图片、中 阅读全文