08 2015 档案

初识WEB移动端开发
摘要：一、设置meta标签见文知意允许全屏模式浏览状态条样式忽略数字识别为电话号码安卓自动禁用，IOS不会自动识别邮件地址二、使用百分比布局，使用rem单位和mediaQueryhtml { font-size: 62.5%; /* 10÷16=62.5% */}@media only screen... 阅读全文
posted @ 2015-08-19 16:09 kiscall 阅读(206) 评论(0) 推荐(0) 编辑
JavaScript 实现跨域的常用方法
摘要：新手在练习Ajax的时候经常会出现“莫名其妙”的bug，代码都对，但是测试的时候控制台报错，原因可能就是测试文件路径有问题，导致了Ajax的跨域问题。跨域问题在开发过程中并不是很常见，但是还是有的，总结下常见的跨域访问的方法：一、利用JSONPPS: 参数名可以不叫callback，但是一般都叫... 阅读全文
posted @ 2015-08-19 11:48 kiscall 阅读(308) 评论(0) 推荐(1) 编辑
Username.github.io
摘要：可以挂靠在博客园或者新浪微博下开个博客，还可以获得自己的域名，但是模板固定，也不能自己写，还不便于控制，而且有的后边还有后缀，强迫症表示用着实在是不爽。所以盯上了github.io的功能，这个玩意使用起来非常的简单：只要新建仓库的时候把仓库的名字写成username.github.io就行了(一... 阅读全文
posted @ 2015-08-19 00:13 kiscall 阅读(891) 评论(0) 推荐(1) 编辑
JS Loading 进度条实现思路
摘要：有时候访问网站，在加载的过程中经常会出现显示加载进度的进度条，或者类似的一个旋转的菊花图。如果留心的话不难发现，那些进度条出现的加载进度数字几乎每次都是那几个数字，30% -> 50% -> 80%，这样。这样会极大提高用户的体验，既能告知用户加载进度，让等待过程不再那么无聊，又能防止用户以为网... 阅读全文
posted @ 2015-08-19 00:02 kiscall 阅读(16966) 评论(0) 推荐(0) 编辑
Sublime Text 常用插件
摘要：前提：要先安装package control。如何安装插件：Ctrl + Shift + P, 输入Package Control：Install package，稍等片刻出现选择框，输入自己要安装的插件（自动搜索），回车，稍等，重启，Enjoy it！如何查看插件：Preference -> pa... 阅读全文
posted @ 2015-08-17 20:51 kiscall 阅读(561) 评论(0) 推荐(0) 编辑
Sublime Text3 安装和简单实用
摘要：在前端开发的过程中，编辑器是必须要用的，前辈们留给我们很多优秀的编辑器。notepad++、editPlus、Emacs不太适合前端开发，vim学习成本太高，brackets我并不觉得好用，还有微软最近出的Visual Studio Code。就前端范围来讲webstrom绝对是个利器，但毕竟软... 阅读全文
posted @ 2015-08-17 16:59 kiscall 阅读(263) 评论(0) 推荐(0) 编辑
重绘(repaints) 重排(reflows)
摘要：两个名词的非官方正式解释：重绘是一个元素外观的改变所触发的浏览器行为，例如改变vidibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，并不一定伴随重排。重排是更明显的一种改变，可以理解为渲染树需要重新计。重排发生条件：添加或删除... 阅读全文
posted @ 2015-08-13 19:42 kiscall 阅读(451) 评论(0) 推荐(0) 编辑
前端性能优化
摘要：先让我们看看一张网页是怎么来的，也就是从用户输入完一个网址点下“ENTER”键到整个页面加载出来中间发生了什么。首先我们了解下HTTP过程：一、寻找IP（每一步都是在上一步没找到的情况下进行的）本地阶段：1、浏览器搜索自身缓存；2、搜索操作系统自身的DNS缓存；3、地区本地HOST文件；4、浏览... 阅读全文
posted @ 2015-08-13 19:29 kiscall 阅读(156) 评论(0) 推荐(0) 编辑
常见垂直居中方式
摘要：小伙伴们经常用margin：0 auto进行水平居中，但是margin： auto；却不能垂直水平居中，下面我们来看看大家是怎么玩的：PS：实例中多写了一些代码，容易观察。一、容器内居中：下面的代码一试就懂； flexbox Content 二、视图内居中，一般用作提示框，... 阅读全文
posted @ 2015-08-11 15:52 kiscall 阅读(356) 评论(0) 推荐(0) 编辑
Flexbox参数详解
摘要：flexbox经过了坎坷的发展道路终于有了初步的使用雏形，通过flexbox可以控制未知容器元素的对齐方式，排列方向，排列顺序，甚至是未知大小的容器。Flex容器的主要特点是能够修改其子元素（Flex item）的宽度或高度，使其在不同的屏幕尺寸中填补可用的空间。两张图看一下flexbox的一些... 阅读全文
posted @ 2015-08-11 11:14 kiscall 阅读(609) 评论(0) 推荐(0) 编辑
CSS Lint
摘要：才疏学浅，刚听到CSS Lint这么个玩意，Lint翻译成汉语是“线头”之意，CSS Lint的大概意思是编写CSS过程中留下的线头和不好的地方。我们注意这些地方才能把衣服(CSS)做的更好！可以通过在线网站或者安装csslint来检测自己的文件，CSS Lint主要说的是一下几个方面：不要使用... 阅读全文
posted @ 2015-08-10 16:54 kiscall 阅读(448) 评论(0) 推荐(0) 编辑
javascript中的defer属性和async属性
摘要：在html中，script标签有6个属性，其中defer和async属性比较难理解，废话少说一张图说明一切：我们引入js代码的时候这样写：defer和async的比较相同点： 加载文件时不阻塞页面渲染；对于inline的script无效；使用这两个属性的脚本中不能调用document.write方法... 阅读全文
posted @ 2015-08-07 21:17 kiscall 阅读(514) 评论(0) 推荐(0) 编辑
简介BFC
摘要：一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类... 阅读全文
posted @ 2015-08-07 19:20 kiscall 阅读(287) 评论(0) 推荐(0) 编辑
GIT 牛刀小试 (第二发)
摘要：一、分支创建分支：$ git branch branch-name切换到某个分支：$ git checkout branch-name 这两条命令可以简写成：$ git checkout -b branch-name合并分支：$ git merge branch-name (合并到哪个分支就切... 阅读全文
posted @ 2015-08-04 11:16 kiscall 阅读(192) 评论(0) 推荐(0) 编辑
GIT 牛刀小试 (第一发)
摘要：Git是一款非常优秀的版本控制系统，适用范围也越来越广泛，之前学习的时候看过廖雪峰的教程。今天又看了下git pro，这个也不错http://git-scm.com/book/zh/v2，这里简单总结下git的使用方法， git将文件分为工作区文件，暂存区文件和版本库文件 工作区：我们平时操作的文件 阅读全文
posted @ 2015-08-03 14:37 kiscall 阅读(168) 评论(0) 推荐(0) 编辑
如何让浏览器支持HTML5标签
摘要：在前端领域html5技术越来越流行了，可是还有一些浏览器不支持html5结构标签，这就让开发者非常蛋疼了。不过这也是没有办法的是，毕竟那些浏览器出生的时候要么还没有html5这回事、要么就是爹妈不愿意教他们怎么玩。今天就总结一下如何让浏览器支持html5结构标签（主要是前辈们的方法）借来一用：一... 阅读全文
posted @ 2015-08-02 19:08 kiscall 阅读(910) 评论(0) 推荐(0) 编辑