background-clip 和 background-origin

下面都是我自己的理解, 如果有不对的地方, 还请大家帮忙指出.下面是在 chrome 浏览器上测试的background-clip 和 background-origin先说说background-imagebackground-image 默认的起始位置是 padding 外边缘的左上角. 如下图所示:但是注意: 默认的结束位置却是 border 外边缘的右下角, 如下图

业界 2016年07月27日

form表单那点事儿(下) 进阶篇

上一篇主要温习了一下form表单的属性和表单元素，这一片主要讲解用JavaScript如何操作form。表单操作取值用JavaScript操作表单，免不了会有取值赋值操作，比如有以下表单： 13333333331 13333333332 13333333333预览 提交 用JavaScript获取表单的属性值，或者表单字段的值，可以直接通过 elem.name 的

业界 2016年06月26日

谈谈关于CSS中transform属性之scale

谈谈关于scale属性scale是什么？根据W3C定义 ,scale主要是进行缩放和转化:scale能做什么？1.1px细线CSS代码.wrap{ position: relative;}.UI_scale1{ position: relative; width: 200px; height: 50px; border-bottom:1

业界 2016年07月27日

网络协议分析(最全)

网络协议分析1.基于Fiddler的HTTP/HTTPS协议分析关于Fiddler：     Fiddler是一款由C# 开发的免费http调试代理软件，有.net 2和.net 4两种版本。Fiddler能够记录所有的电脑和互联网之间的http通讯，Fiddler 可以也可以检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据。优点：>a.Firebu

业界 2016年07月03日

讨论：A标签要不要避免使用 javascript:void(0)

甲是我的同事，乙是我。某天讨论了要不要避免 a 标签加 javascript: void(0)，最后还是决定加！甲：在某些IE里是bug。使用 更好，这样页面还不会跳转到最顶端乙：使用 有个问题，点击后 windows.location 变了。这个被记录到浏览器的 history 了，这样不利于浏览器后退前进操作。还有 在 IE 下可能会在点击后出现虚线外框，这个样式

业界 2016年07月06日

[开源] 分享自己用的 GitHub 分组管理工具.

CODELF 的 GitHub Star 管理工具, 简洁快速，从开发者角度考虑，用完就走，不给开发者更多的管理负担。 https://github.com/unbug/codelf我们平时搜索发现 GitHub 上的不错的 Repo 就点 Star 的方式收藏了起来，想哪天会用到，但真的要用时也想不起来叫什么了，而且越收藏就越多，找出来也很费劲的，网友呼吁 GitHub

业界 2016年05月10日

一个纯CSS3实现的酷炫翻书效果

项目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性，perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素

业界 2016年07月25日

如何打造一个令人愉悦的前端开发环境（二）

前情提要上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。主菜--没有开胃汤其实Webpack的入门指导文章非常多，配置方式也各有各样，这里我推荐题叶大神的入门级指南--Webpack 入门指迷，

业界 2016年08月08日

《JavaScript高级程序设计》笔记系列3-- 数据类型

数据类型ECMAScript 中有 5 种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和 String。还有 1 种复杂数据类型——Object，Object 本质上是由一组无序的名值对组成的。typeof操作符typeof 检测给定变量的数据类型var message = "some string";alert(typeo

业界 2016年08月08日

写了一个web os脚手架

预览地址在这里：http://thx.github.io/magix-os/ 项目地址在这里：https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等 插件目录plubins主要是各种插件的实现 接口目录services是接口请求的实现 皮肤目录themes是修改整个风格的 面向用

业界 2016年08月05日