摘要：
一、Material Design规范中占位符交互效果 Material Design风格占位符交互效果官方示意见此demo页面。现在这种设计在移动端很常见，相信不少人设计项目中有实现过这种交互，而且，大部分是利用js实现的。（ps:weex 不支持这个样式） 实际上，我们可以借助css :plac 阅读全文
摘要：
bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系： `__：双下划线用来连接块和块的子元素 ` ：仅作为连字符使用 阅读全文
摘要：
在诸多的企业尤其是创业型公司中，HR 在招聘时往往希望可以招到一名技术全能型人才，而这种人才又被称之为 全栈开发者，那么对于全栈开发者而言，都需要具备哪些技能？ 以下为译文： 最近，在我参加的一个Web技术会议上，一位开发同事问了我这个问题。这位开发同事遇到的很多新人都自称是全栈开发人员，有点像Bo 阅读全文
摘要：
最近工作中重构了抽奖转盘，给大家提供一个开发转盘抽奖的思路 需求 1、转盘根据奖品数量不同而有变化 2、canvas 目录结构 由于业务需要所以开发了两个版本抽奖，dom和canvas，不过editor.js部分只能替换图片，没有功能逻辑。 需要注意的是此目录隐藏了一个动态数据类(dataStore 阅读全文
摘要：
1.Arachni Arachni是一款基于Ruby框架构建的高性能安全扫描程序，适用于现代Web应用程序。它可用于Mac，Windows和Linux的便携式二进制文件 Arachnin能适用于下面的平台和语言 Windows, Solaris, Linux, BSD, Unix Nginx, Ap 阅读全文
摘要：
随着技术的发展，移动设备越来越流行，并且不同设备间屏幕尺寸和屏幕像素的差异，移动端开发面临着多分辨率适配的问题。 基本概念 响应式开发本质时针对多种屏幕做适配，在实际开发中，通常情况下时针对主流的设备进行适配。在开发前，必须掌握几个基本概念： 物理像素：即屏幕的实际像素点。像素是屏幕设备的最小显示单 阅读全文
摘要：
一、图标的本质 font-awesome图标是字体，专业术语叫 Icon Font，本质上是使用 PUA （ Private Unicode Area ）码位 Unicode 编码的字符，所以font-awesome图标、Bootstrap 的图标和 Wingdings 字体都是一样的，不一样的无非 阅读全文
摘要：
在这篇文章中，我希望能带领大家了解一下 CSS animation property ，以及详细地解释我的个人网站 中的一个效果：让文字在移动的物体后出现。如果你想要看最后的成果，这里有一个 例子 。 我们将从下面这里开始： 这里请查看 Jesper Ekstrom 的 Revealing Text 阅读全文
摘要：
一、变形 transform：可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。 示例： transform: rotate(90deg) scale(1.5,0.8) translate(100px,50px) skew(45deg,4 阅读全文
摘要：
一.某个用户向你反映说你开发的网站访问速度很慢，但是该用户访问其他问题很正常，分析下原因、有哪些工具分析原因、怎么解决问题？ （1）可能的原因一：服务器出口带宽不够用。这是一个很常见的瓶颈。一方面，可能是本身购买的服务器出口带宽就很小（企业购买带宽相当昂贵），一旦用户访问量上来了，并发量大了，自然均 阅读全文