随笔分类 -  前端

摘要:1)有两种,IE 盒子模型、标准 W3C盒子模型; IE 的 content 部分包含了 border 和 padding;2)盒模型:内容(content)、填充(padding)、边界(margin)、边框(border)。 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(111) 评论(0) 推荐(0)
摘要:一、不起眼的字母’x’首先,我们这里的字母'x'就是26个英文字母a,b,c,...中的x.由于自身形态的一些特殊性,因此,这个小小的不起眼的字母担当大任,在CSS世界中扮演了一个重要的角色。有人可能的第一反应是:“我知道,可以模拟关闭按钮的那个叉叉效果!”这位同学思维很活跃,但是呢,本文所要介绍的... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(1144) 评论(0) 推荐(0)
摘要:最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀,一整才让我感到吃惊,太强大了。大家先来看个效果吧:我想光看上面的效果就能吸引你了,要是你自己动手的话,我想您更会感到神奇。细一看,这些效果就像是photoshop整出... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(211) 评论(0) 推荐(0)
摘要:首先,阅读 w3c 对两者的定义:CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区别说人话:伪类的效果可以通过添... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(186) 评论(0) 推荐(0)
摘要:一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(416) 评论(0) 推荐(1)
摘要:HTML 中的 和 元素,不知道你有没有注意过。一个作为 HTML 内容部分的父元素,一个作为整个网页的根元素,应用到它们上的样式表有什么区别,又究竟会影响到网页上的哪一部分呢?最近写新主页,遇到了一些麻烦,于是对该问题做了一些研究。 作为一个块元素 元素定义了 HTML 文档的内容。W3Sch... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(244) 评论(0) 推荐(0)
摘要:熟悉前端的人都会听过css的伪类与伪元素,然而大多数的人都会将这两者混淆。本文从解析伪类与伪元素的含义出发,区分这两者的区别,并且列出大部分伪类与伪元素的具体用法,即使你有用过伪类与伪元素,但里面总有一两个你没见过的吧。1.伪类与伪元素先说一说为什么css要引入伪元素和伪类,以下是css2.1 Se... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(152) 评论(0) 推荐(0)
摘要:1. 元素:HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。例如:WEB开发笔记ID为“web”的可以统称为一个大元素 a标签也可以称为一个小元素。2. 标签:标签就是、、等被尖括号“”包起来的对象,绝大部分的标签都是成对... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(1259) 评论(0) 推荐(0)
摘要:摘要:HTML5技术目前最大的困境莫过于各浏览器缺乏统一的扩展标准,在不同手机操作系统上性能表现不一致以及缺乏优质中文技术文档。在此次问卷调查中,开发者们纷纷表示,HTML5技术最大的问题在于:浏览器兼容性较差。最近,CSDN和HTML5中国产业联盟发起了一个问卷调查,参与调查的开发者们将遇到的问题... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(130) 评论(0) 推荐(0)
摘要:众所周知,npm(Node Package Manager)是Node.js时代不可或缺的最好的包管理器,现在已经随Node.js官方包同时会安装到你的设备上去。只要给项目书写好package.json放于项目根目录,在重新部署之时只需要执行npm install一行简单的命令,所有相关的依赖就能够... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(120) 评论(0) 推荐(0)
摘要:命令行参数当你为你的模块安装一个依赖模块时,正常情况下你得先安装他们,在模块根目录下npm install module-name,然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里(dependencies)。-save和save-dev可以省掉你手动修改package.... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(157) 评论(0) 推荐(0)
摘要:前言Pixi.js使用WebGL,是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速,但并不需要... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(1973) 评论(0) 推荐(0)
摘要:jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解:先举个例子,1. 2.jquery获取父节点 3.jquery获取父元素 4. 我们的目的是通过 id 为 item1 的便签a取到 class ... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(2430) 评论(0) 推荐(0)
摘要:jquery插件的开发包括两种:一种是类级别的插件开发,即给jquery添加新的全局函数,相当于给jquery类本身添加方法。jQuery的全局函数就是属于jquery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法。也可以理解为另外两种方式,一种是jQuery本身的扩展方法... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(106) 评论(0) 推荐(0)
摘要:339down votefavorite98Here's an contrived example of what's going on: http://jsfiddle.net/adamjford/YNGcm/20/HTML:Click me!JavaScript:function getSome... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(130) 评论(0) 推荐(0)
摘要:在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。我相信很多朋友像我一样,在百度、搜狗里面搜索很... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(280) 评论(0) 推荐(0)
摘要:FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(189) 评论(0) 推荐(0)
摘要:一、关于图片上传什么什么的在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。例如swfupload.js。可惜,使用复杂的点,比如flash文件需与页面同父文件夹,JavaScript文件大小也很可观。我之前曾翻译编辑过一篇“Ajax... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(136) 评论(0) 推荐(0)
摘要:什么是回源? 域名回源的含义是什么? 答:在搜索引擎中所谓的 域名回源就是搜索引擎的蜘蛛在爬行的过程中直接抓取源地址上的内容而不是存在各个节点(CDN)上的缓存内容。 CDN回源率计算方法如何计算回源比?回源比分为回源请求数比例及回源流量比例两种回源请求数比:统计数据来自所有边缘节点上的请求记录,其... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(1822) 评论(0) 推荐(0)
摘要:做移动web开发免不了用微信扫描页面来进行调试,android版微信浏览器一直都默认缓存html静态资源,每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新,很多时候要清理微信缓存才能看到效果,很是烦人。部分客户装了QQ浏览器,微信实际调用的是QQ浏览器,有时候甚至光清理微信缓存都... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(236) 评论(0) 推荐(0)