【Web前端】 - 随笔分类 - Frank.Fan

从快的线上callback hell代码说起

摘要：概述就像谈到闭包必须要说js变量作用域一样，谈到 promise 之前肯定要先说谈异步编程。一直以来， javascript 处理异步方式都是使用 callback 方式，对与写 javascript 的人来时候 callback 深入人心。比如只有前端经验没有后端经验的同学看到 java 代... 阅读全文

posted @ 2015-10-23 23:30 Frank.Fan 阅读(732) 评论(1) 推荐(0) 编辑

手机H5 web调试利器——WEINRE (WEb INspector REmote)

摘要：## 手机H5 web调试利器——WEINRE (WEb INspector REmote)调试移动端页面，优先选择使用chrome浏览器调试，如果是`hybrid`形式的页面，可以使用chrome提供的`chrome://inspect/#devices` 安卓真机调试，不过这个要求比较高：首先，... 阅读全文

posted @ 2015-08-28 20:59 Frank.Fan 阅读(4468) 评论(0) 推荐(0) 编辑

用Photoshop处理图片使背景透明

摘要：##用Photoshop处理图片使背景透明1. 打开一张图片![](http://images2015.cnblogs.com/blog/282019/201508/282019-20150828112315234-1744095346.jpg)2. 双击背景或者右键`背景图层`，新建一个图层，![... 阅读全文

posted @ 2015-08-28 11:30 Frank.Fan 阅读(7649) 评论(0) 推荐(0) 编辑

Mac OS X 安装ruby环境

摘要：1.查看版本```shell$ ruby -vruby 2.0.0p481 (2014-05-08 revision 45883) [universal.x86_64-darwin14]```2.查看源```shell$ gem source -l*** CURRENT SOURCES ***htt... 阅读全文

posted @ 2015-06-09 21:01 Frank.Fan 阅读(396) 评论(0) 推荐(0) 编辑

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

摘要：# 移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题开发H5 webapp时经常需要使用本地存储，如localStorage和sessionStorage存储一些数据，相比最多能存4k的cookie相比，用起来很好用。但是localStorage... 阅读全文

posted @ 2015-06-09 20:59 Frank.Fan 阅读(24879) 评论(4) 推荐(1) 编辑

windows下使用体验更好的控制台——ConsoleZ

摘要：转做前端开发以来，每天使用最频繁的工具就是控制台了，`git`提交代码要用，`npm`安装node包也要用，`grunt` task 也要用，可是系统自带的`cmd`太难用了，那么问题就来了：> "windows下Terminal哪家强？"推荐一款代替 `cmd.exe` 和 `Git Bash` ... 阅读全文

posted @ 2014-10-19 23:43 Frank.Fan 阅读(15311) 评论(0) 推荐(1) 编辑

前端模块管理器简介

摘要：# npm### 介绍npm(Node Packaged Modules)是Node.js的模块依赖管理工具。安装node.js后会自动安装上npm工具。npm命令运行时会读取和解释当前目录下的 `package.json` 文件，这个文件可以定义name、description、version、d... 阅读全文

posted @ 2014-10-13 23:49 Frank.Fan 阅读(465) 评论(0) 推荐(1) 编辑

Sublime Text 使用方法

摘要：1. 官网下载安装http://www.sublimetext.com/2.安装 Package Control1)ctrl+~ : 呼出控制台2)在控制台输入一下代码：import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.Prox 阅读全文

posted @ 2013-08-31 17:11 Frank.Fan 阅读(8472) 评论(0) 推荐(0) 编辑

自定义html代码运行框

摘要：自定义html代码运行框设置Html运行框，需要准备材料如下： 1.textarea<textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode('theCode');">这里放入运行的Html代码。</textarea><br /><input onclick="runCode('theCode')" v 阅读全文

posted @ 2013-06-07 22:58 Frank.Fan 阅读(1264) 评论(0) 推荐(0) 编辑

使用markdown格式记录笔记

摘要：使用markdown格式记录笔记1介绍要是不玩github就不知道markdown。md格式是一种类似于html的语义化标签，但是要比html简单（个人理解）。最简单的使用方法是在github任意页面上按键盘M键，就会加载出Markdown Cheat Sheet，如下图。md格式是很多牛人推荐使用的一种格式，如阿里前端大神射雕，MacTalk by 池建强等。2.编辑器MarkdownPad下载地址：http://markdownpad.com/3.如何使用阅读全文

posted @ 2013-05-31 15:18 Frank.Fan 阅读(1271) 评论(0) 推荐(0) 编辑

js回调函数

摘要：回调一词经常见，到底是什么意思呢？A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.还是... 阅读全文

posted @ 2013-03-31 23:34 Frank.Fan 阅读(840) 评论(0) 推荐(2) 编辑

chrome developer tools小技巧

摘要：chrome developer tools小技巧最喜欢用的浏览器是chrome浏览器，没有之一。不仅仅因为简洁、轻巧、速度快，更是因为其内置的强大的F12 developer tools开发者工具。技巧1:Elements面板1）这个是最基本的，如果想查看页面的元素，直接点击鼠标右键，inspect elements（审查元素），chrome就会自动呼出developer tools面板中的第一个标签Elements，同时会定位到所选择的DOM元素节点（如图1），这样我们就可以点击右键编辑DOM节点的内容。2）除了Elements面板左侧匹配的DOM节点，右侧的Style面板也很有用，其中e 阅读全文

posted @ 2013-03-10 13:14 Frank.Fan 阅读(6605) 评论(0) 推荐(0) 编辑

Javascript基础知识

摘要：一、变量类型1. 特点：没有数据类型。C#、Java是强类型化的语言，需要编译，而Javascript是弱类型语言，不需要编译。声明Javascript变量使用关键字var，”基本类型”有number、string、boolean和函数，他们是Javascript中所有对象的基石。2. Null类型... 阅读全文

posted @ 2012-10-30 23:59 Frank.Fan 阅读(427) 评论(0) 推荐(0) 编辑

两边固定中间子适应的流式布局

摘要：两边固定中间自适应的布局Html：<div id="main"> <div id="left"> </div> <div id="right"> </div> <div id="mid"> </div></div> CSS：<style type="text/css"> body { margin: 0px; } #main { background-color: #006699; hei 阅读全文

posted @ 2012-08-18 09:25 Frank.Fan 阅读(344) 评论(0) 推荐(0) 编辑

使用XMLHttpRequest实现AJAX

摘要：一、介绍本文介绍利用原生态Javascript打造Ajax的全过程。达到的效果是：点击页面上的按钮，通过传统的Javascript的Ajax方式从服务端取回一个"Hello Ajax!"的字符串显示在页面上。如图所示：二、前端准备 1.页面上的HTML元素 <input type="button" value="Ajax提交" onclick="Ajax();" /> <... 阅读全文

posted @ 2012-08-11 18:59 Frank.Fan 阅读(403) 评论(0) 推荐(0) 编辑

利用CSS使footer固定在页面底部

摘要：1.HTML基本结构 <!DOCTYPEhtml> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <title>layout</title> </head> <body> <divclass="header"> <h1>head of your website.</h1... 阅读全文

posted @ 2012-04-25 16:22 Frank.Fan 阅读(7604) 评论(0) 推荐(0) 编辑

【总结——HTTP协议】

摘要：一、HTTP协议简介什么是HTTP？全称是HyperText Transfer Protocal，即：超文本传输协议，从1990年开始就在WWW上广泛应用，是现今在WWW上应用最多的协议，目前版本是1.1。 Http是应用层协议，当你上网浏览网页的时候，浏览器和Web服务器之间就会通过HTTP在Internet上进行数据的发送和接收。 Http是一个基于请求/响应模式的、无状态的协议。即我们通常所说的Request/Response。二、HTTP URLHTTP URL格式如下： http://host[“:”port][abs_path]其中HTTP表示要通过HTTP协议来定位网络资源。阅读全文

posted @ 2012-02-19 22:53 Frank.Fan 阅读(1845) 评论(1) 推荐(5) 编辑

【Json扫盲篇】

摘要：Json扫盲篇什么是 Json？Json是数据交换的一种格式，与XML类似，但也有不同。由于Json的轻便性，跨平台性和易于阅读，项目中经常用到。所以说：Json是一种轻量级的数据交换格式。Json格式1、一般键值对Json最简单的表现形式就键值对(key/value pairs)，比如：{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }2、Json数组Json数组可以用来表示一个键key对应多阅读全文

posted @ 2011-10-28 18:54 Frank.Fan 阅读(3403) 评论(2) 推荐(4) 编辑

【总结——关于CSS样式表的基础知识】

摘要：写在前面：大三了，人老了，呆在学校的时间也不长了，暑假要开始走进社会的大熔炉磨练自己了。曾经的读书方式是把知识点记录在纸上，看着用过的本子一天天的厚起来心里就会有一种莫名的兴奋，可现在马上就要离开学校了，又不能带很多东西，古人有云“出门千里不带书”，所以我就把平时积累的一些东西再次整理一下，做一个总结，一来加深印象，二来与人分享，何乐而不为！各位大虾如果感觉这些知识太基础，so easy，还望海涵，口下留情！一、使用CSS样式控制页面的表现行内样式<p style=”color:red; font-size:14px;”>内嵌式<head><title>页面阅读全文

posted @ 2011-06-25 22:48 Frank.Fan 阅读(2511) 评论(13) 推荐(9) 编辑

随笔分类 - 【Web前端】

搜索

常用链接

最新随笔

积分与排名

随笔分类 (223)

随笔档案 (224)

【Sina微博】

阅读排行榜

评论排行榜

最新评论