半指温柔乐

摘要： CSS实现兼容性的渐变背景(gradient)效果 一、有点俗态的开场白 在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。 本文实例效果都是同样的效果，就是垂直渐变，起始颜色红色，结束颜 阅读全文

摘要： 一、HTTP协议 超文本传输协议（HyperText Transfer Protocol），缩写HTTP。通过HTTP或者HTTPS协议请求的资源由统一资源标识符（Uniform Resource Identifiers，URI）来标识。由HTTP客户端发起一个请求，创建一个到服务器指定端口（默认是 阅读全文

摘要： 1.布局框架： Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tricks.c 阅读全文

摘要： 一、什么是对象 我们先来看对象是如何进行定义的 "无序属性的集合，其属性可以包括基本值、对象或者函数"，对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个名字，每个名字都映射到一个值。 简单来理解对象就是由属性和方法来组成的 二、面向对象的特点 封装 对于一些功能相同或者相似的代码，我们可以 阅读全文

摘要： 目录 一、canvas简介 1.1 什么是canvas？（了解） 1.2 canvas主要应用的领域（了解） 二、canvas绘图基础 2.0 sublime配置canvas插件（推荐） 2.1 Canvas标签 2.1.1 canvas标签语法和属性 （重点） 2.1.2 浏览器不兼容处理（重点） 阅读全文

摘要： 一、变形 1.1 translate translate(x, y) ​ 用来移动 canvas 的原点到指定的位置 ​ translate方法接受两个参数。x 是左右偏移量，y 是上下偏移量，如右图所示。 在做变形之前先保存状态是一个良好的习惯。大多数情况下，调用 restore 方法比手动恢复原 阅读全文

摘要： 一、添加样式和颜色 ​ 在前面的绘制矩形章节中，只用到了默认的线条和颜色。 ​ 如果想要给图形上色，有两个重要的属性可以做到。 fillStyle = color 设置图形的填充颜色 strokeStyle = color 设置图形轮廓的颜色 备注： 1、fillStyle 2、strokeStyl 阅读全文

摘要： 一、canvas简介 ​ <canvas> 是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 ​ 它最初由苹果内部使用自己MacOS X WebKit推出 阅读全文

摘要： HTML标签 1、块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul…… 特点：总是在新行上开始，高度、行高以及 阅读全文

摘要： 在做前端界面的时候，比如一些文字的列表或者一些表单的标题，经常是2个字，3个字，4个字的类型。 一般对齐就是在中间打空格或者用&nbsp;来空开，但是效果并不好，兼容性有问题，造成不美观。经过一番折腾， 找到了比较好的办法解决。利用letter-spacing来解决: letter-spacing  阅读全文

摘要： 今天分享一个在网页中插入百度地图的方法，不需要密钥哦，前两天，我试了好多次百度开发平台上使用百度地图的方法，都需要申请密钥，申请了，还是用不了，后来，终于发现了一个不需要密钥的方法，希望对需要的朋友有帮助！ 1、打开百度地图生成器链接：http://api.map.baidu.com/lbsapi/ 阅读全文

摘要： 在现在的很多页面中，都运用到了百度地图来定位，例如： 像这样的地图，我们可以通过手动来进行放大、缩小、移动等来查找具体的地址，特别方便，在页面上引用也显得页面很有特点，那么，应该怎么样来制作这种地图呢？ 一、获取源代码 网址：http://api.map.baidu.com/lbsapi/creat 阅读全文

摘要： js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看： 1、全局作用域或者普通函数中this指向全局对象window。 2、方法调用中谁调用this指向谁 3、在构造函数或者构造函数原型对象中this指向构 阅读全文

摘要： 需求： 在不同的移动终端设备中实现，UI设计稿的等比例适配。 方案： 布局排版都用rem做单位，然后不同宽度的屏，js动态计算根节点的font-size。 假设设计稿是宽750px来做的，书写css方便计算考虑，根节点的font-size假定为100px，得出设备宽为7.5rem。设计稿中标注的任何 阅读全文

摘要： 一、水平居中 方法① ：行内元素 （父元素）text-align，（子元素）inline-block 总结： 优点：兼容性好，支持低版本浏览器 缺点：需要同时在父元素和子元素上设置 优点：兼容性好，支持低版本浏览器 缺点：需要同时在父元素和子元素上设置 优点：兼容性好，支持低版本浏览器 缺点：需要同 阅读全文

摘要： 移动H5前端性能优化 一、概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile 阅读全文

摘要： 1、HTML 2、CSS 3、js插件下载引入： 阅读全文

摘要： 一、切图方法分类 PhotoShop从CS版本演变到现在的CC版本，切图功能发生了比较大的变化，我们可以把PhotoShop CS版本时的切图功能称为传统切图，而从PhotoShop CC版本开始PS提出了精准切图。所谓传统切图就是切图人员基本上都是自己分割图层切图，传统切图又分为全手工切图和参考线 阅读全文

摘要： 渐进增强和优雅降级之间的不同 1、渐进增强 2、优雅降级 第一个例子的写法叫做渐进增强（progressive enhancement），第二个例子的写法叫做优雅降级（graceful degradation）。（关于渐进增强，可以参考张鑫旭的文章： http://www.zhangxinxu.co 阅读全文

摘要： Size Marks下载安装使用方法 一、下载安装 1、下载Size marks：链接: https://pan.baidu.com/s/1breyMf1 密码: fjsn 2、 复制 Size Marks.jsx 到Photoshop的脚本文件夹。 OS X: /Applications/[Pho 阅读全文