2017年12月19日

SVG之旅:SVG简介

摘要: 图形系统 计算机中描述图形的信息主要有两大系统:栅格图形和矢量图形。 栅格图形 栅格图形(Raster Graphics)又常称为位图或点阵图,是使用像素阵列(Pixel-Array/Dot-Matrix点阵)来表示图像。其实栅格图形也是一种数据结构,代表了有限区域中的稠集(Dense Set),每 阅读全文

posted @ 2017-12-19 16:09 前端空城师-童欧巴 阅读(403) 评论(0) 推荐(0)

2017年12月5日

回炉重造之路--数组API

摘要: arr.push();在数组末尾添加元素 arr.pop();删除数组末尾的元素 上边有数组末尾添加元素,那开头也应该有一个方法可以添加元素arr.unshift(); 相对应开头也有一个删除元素的方法arr.shift(); 选取数组中的元素arr.slice(start,end);这里slice 阅读全文

posted @ 2017-12-05 23:48 前端空城师-童欧巴 阅读(147) 评论(0) 推荐(0)

2017年11月24日

分享几个前端干货-每次面试都逃不过的问题

摘要: 前言: 面试中总结的一些比较实用的问题,希望可以帮到大家。 一、怎么让Chrome支持小于12px 的文字? 这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrom 阅读全文

posted @ 2017-11-24 16:23 前端空城师-童欧巴 阅读(228) 评论(0) 推荐(0)

2017年11月20日

jQuery技巧

摘要: 1.禁用页面的右键菜单 2.新窗口打开页面 3.输入框文字获取和失去焦点 4.返回头部滑动动画 5.获取鼠标位置 6.判断元素是否存在 7.点击div也可以跳转 8.根据浏览器大小添加不同的样式 9.设置div在屏幕中央 10.创建自己的选择器 11.关闭所有动画效果 12.检测鼠标的右键和左键 1 阅读全文

posted @ 2017-11-20 14:06 前端空城师-童欧巴 阅读(148) 评论(0) 推荐(0)

2017年11月10日

jQuery性能优化

摘要: 1.使用最新版本的jQuery类库 jQuery每一个新的版本都会较上一版进行Bug修复和一些优化,同事也会包含一些创新,所以建议使用最新版本的jQuery来提高性能。不过你需要注意的是,在更换版本之后,不要忘记测试你的代码,毕竟有时候不是完全向后兼容的。 2.使用合适的选择器 jQuery提供给开 阅读全文

posted @ 2017-11-10 15:37 前端空城师-童欧巴 阅读(156) 评论(0) 推荐(0)

2017年5月12日

详解 Cookie 纪要

摘要: 背景 在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。 在JavaScript中可以通过 document.cookie 来读取或设置这些信息。由于 cookie 多用在 阅读全文

posted @ 2017-05-12 21:58 前端空城师-童欧巴 阅读(114) 评论(0) 推荐(0)

2017年5月9日

一劳永逸的搞定flex布局

摘要: 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存在 float: ce 阅读全文

posted @ 2017-05-09 15:49 前端空城师-童欧巴 阅读(1028) 评论(0) 推荐(0)

2017年3月7日

神奇且强大的canvas

摘要: 一、canvas简介 1.1什么是canvas? 是HTML5提供的一种新标签,ie9才开始支持的 <canvas></canvas> 英 ['kænvəs] 美 ['kænvəs] 帆布 画布 canvas是一个矩形区域的画布,可以用JS控制每一个像素在上面绘画。 canvas标签使用JavaSc 阅读全文

posted @ 2017-03-07 23:47 前端空城师-童欧巴 阅读(880) 评论(0) 推荐(0)

2017年3月1日

jQuery选择器

摘要: 基本选择器 1 $("#test")选取id为test的元素 2 $(".test")选取所有class为test的元素 3 $("p")选取所有的<p>元素 4 $("*")选取所有的元素 5 $("div,span,p.myClass")选取所有的<div>,<span>和拥有class为myC 阅读全文

posted @ 2017-03-01 00:41 前端空城师-童欧巴 阅读(126) 评论(0) 推荐(0)

导航