- 博客(45)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 百度地图开发中遇到的问题
问题1：含有label的marker聚合时label消失问题问题描述：使用百度地图API实现marker聚合最简单的方式就是编写如下的代码：<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay.js"></script><script
2016-11-29 17:32:19
4881
原创 CSS溢出相关属性总结
实现溢出时产生省略号的效果text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）以及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下：overflow:hidden; white-space:nowrap; text-overflow:e
2016-11-11 11:05:32
680
原创 html5移动端知识点总结（一）
第1章 使用rem作为单位html{font-size:10px}1.1使用媒体查询，不同分辨率设置不同的html的font-size@(min-width:320px){ html{font-size:10px;}}@(min-width:360px){ html{font-size:11.25px;}}@(min-width:400px){ html{font-s
2016-09-14 17:34:58
2823
2
原创 html5移动端开发
第一章 APP分类native appweb apphybid app移动web（移动web站点，web触屏版）第二章 移动端web开发要面对的问题2.1兼容问题UC、Chrome、Safari、QQ浏览器、百度浏览器、360浏览器等手机上的浏览器几乎全部都是基于webkit内核2.2适配问题首先采用百分比自适应布局（即流式布局） 同时，需要对一定段的viewprot视口进行设置，就能达
2016-08-10 11:54:10
987
原创 CSS之overflow
第1章 基本属性1.1overflow的五种取值visible（默认）hiddenscrollautoinherit1.2overflow-x和overflow-y（IE8+）两种情况： 1.overflow-x和overflow-y值相同，则等同于overflow 2.overflow-x和overflow-y值不同，并且一个被赋予visible，另一个被赋予hidden、scro
2016-07-07 18:56:17
2070
原创 gulp教程之gulp中文API
src()gulp.src()方法输入一个glob(比如匹配一个或多个文件的字符串)或者glob数组，然后返回一个可以传递给插件的数据流。Gulp使用node-glob来从你指定的glob里面获取文件，这里列举下面的例子来阐述，方便大家理解：js/app.js 精确匹配文件js/*.js 仅匹配js目录下的所有后缀为.js的文件js/*/.js 匹配js目录及其子目录下所有后缀为.js的文件
2016-06-12 12:24:00
877
原创 前端单元测试工具
单元测试Unit Test 很早就知道单元测试这样一个概念，但直到几个月前，我真正开始接触和使用它。究竟什么是单元测试？我想也许很多使用了很久的人也不一定能描述的十分清楚，所以写了这篇文章来尝试描述它的特征和原则，以帮助更多人。一、什么是单元测试？先来看看单元测试的定义，在维基百科英文版中可以找到Kolawa Adam在 Automated Defect Prevention: Best Prac
2016-06-12 10:33:06
11646
原创 前端代码覆盖率工具istanbul
测试的时候，我们常常关心，是否所有代码都测试到了。这个指标就叫做“代码覆盖率”（code coverage）。它有四个测量维度:行覆盖率（line coverage）：是否每一行都执行了？函数覆盖率（function coverage）：是否每个函数都调用了？分支覆盖率（branch coverage）：是否每个if代码块都执行了？语句覆盖率（statement coverage）：是否每个
2016-06-12 10:00:12
3745
1
原创 hexo博客搭建并上传github
安装node.js 安装hexo npm install hexo -ghexo init blog hexo g hexo s注册github账号 创建仓库电脑生成ssh-keygithub上添加ssh-key修改_config.yml文件 deploy: type: git repo: [email protected]:codePan/blog.git branch:
2016-06-08 15:43:18
757
原创 gulp详细学习教程
对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。一、概述gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。使用她，我们不仅可以很愉快的编写代码，而且大大提高我
2016-06-08 14:09:15
618
原创 前端代码规范（静态检查）工具
CSSLint官网：http://csslint.netCSSLint是一个用来帮你找出CSS代码中问题的工具，它可做基本的语法检查以及使用一套预设的规则来检查代码中的问题，规则是可以扩展的。JSHint官网：http://jshint.comJSHint是一个JavaScript的代码质量检查工具，主要用来检查代码质量以及找出一些潜在的代码缺陷。使用方法：进入官网首页，粘贴你的代码，你的错误和不正
2016-06-07 18:57:20
12433
原创 后端代码规范工具
现在很多开源工具都可以对代码进行规范审核，比较流行的有以下几款，大致给个简单介绍。PMD：是一款采用BSD协议发布的Java程序代码检查工具，可以做到检查Java代码中是否含有未使用的变量、是否含有空的抓取块、是否含有不必要的对象等。FindBugs：是一个静态分析工具，它检查类或者 JAR 文件，将字节码与一组缺陷模式进行对比以发现可能的问题。Checkstyle：是一个静态分析工具，检查J
2016-06-07 18:47:08
1222
1
原创 HTML5
HTML5是什么HTML5 是继HTML4.01 和XHTML1.0 之后的超文本标记语言的最新版本。它是由一群 自由思想者组成的团队设计出来，并最终实现多媒体支持、交互性、更加智能的表单，以及 更好的语义化标记。 HTML5 并不仅仅是HTML 规范的最新版本，而是一系列用来制作现代富Web 内容的 相关技术的总称，其中最重要的三项技术分别为：HTML5 核心规范（标签元素）、CSS（层
2016-06-02 15:55:20
12386
原创 JavaScript模块化实现库教程
初识requireJS随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他
2016-06-02 11:34:27
760
原创 Node.js学习
Node.js简介Node.js是一个建立在chorme浏览器V8JavaScript引擎上的一个JavaScript运行时（运行环境）。Node.js使用一个事件驱动，非阻塞I/O模型使她高效和不同。Node.js包的生态系统，npm,是一个全球最大的开源库生态系统。Node.js发明者的设计初衷最初的目标是写一个事件驱动、非阻塞I/O的web服务器后来变成构建网络应用基础框架，在此基础可以构
2016-06-01 15:44:43
1550
原创 畅捷通前端面试题
一、请写出一下每行代码的输出结果(6分)!!(0 == false)!!(0 == undefined)undefined == nullisNaN(1312") == NaNtypeof 1 == true ? 1: 0typeof [] == "array"[] instanceof Array二、请正确的写出下面代码在现代浏览器控制台中输出的结果(5分) for(var i = 0
2016-05-17 14:35:36
2458
原创 JavaScript数组方法
var list = [0,1,2];使用pop()，push()，shift()，unshift()来操作栈和队列1.shift()方法 作用：删除 语法：arrayObject.shift() 方法描述：删除数组中的第一个元素 参数描述：无 是否影响原数组：是 返回值：被删除的值 举例: list.shift();//返回0，此时list = [1,2];2.unshift()方
2016-05-17 14:11:24
445
原创 JavaScript经典题目汇总
1.考察this指向和变量声明提升var a = 10;function test(){ a = 100; alert(a); alert(this.a); var a; alert(a);}test();正确答案是：100， 10， 100 2.考察变量声明提升var a = 100;function test(){ alert(a);
2016-05-17 12:23:32
800
原创 JavaScript变量提升和函数提升
变量提升变量提升只是提升变量的声明，并不会提升赋值1.alert(v);//Hello，这个毋庸置疑，傻子都能看出来2.var v = "Hello";(function(){ alert(v);//Hello,这个也是显而易见的})();3.var v = "Hello";(function(){ alert(v);//undefined,这下你有没有闷逼？？？？
2016-05-17 11:47:49
470
原创 JavaScript数据类型
数据类型5种简单数据类型（undefined、null、boolean、number、string）和1种复合数据类型Object5种简单数据类型undefined1.使用var声明变量，但未初始化时 var box; alert(box);//undefined2.未初始化的变量和不存在的变量是不一样的 var box; alert(box);//undefined alert(age)
2016-05-17 11:31:35
408
原创 Javascript图标库
ECharts 1ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移
2016-05-11 15:37:40
934
原创 offsetLeft和clientLeft的区别
offsetLeft从字面意思上理解，就是以父元素作为参照点，当前元素相对于父元素左边的偏移量 clientLeft的值就等于border-left的值
2016-04-27 16:06:31
9951
2
原创 clientWidth,scrollWidth,offsetWidth的区别
使用两个亲测的demo使用图解的方式来向大家阐述上述三者之间的区别说明：clientWidth：对象内容的可视区的宽度，不包滚动条等边线scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。该demo就在页面中放一个textarea元素，采用默认宽高显示。情况1
2016-04-27 14:31:44
645
原创 JavaScript 事件
第1章 事件入门JavaScript 事件是由访问 Web 页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。1.1事件介绍事件一般是用于浏览器和用户操作进行交互。最早是 IE 和 Netscape Navigator 中出现 ，作为分担服务器端运算负载的一种手段。 直到几乎所有的浏览器都支持事件处理。 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 D
2016-04-26 17:13:07
5510
原创 JavaScript DOM
DOM（Document Object Model）即文档对象模型，针对 HTML 和 XML 文档的 API（应用程序接口） 。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。DOM 脱胎于 Netscape 及微软公司创始的 DHTML（动态 HTML） ，但现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。第1章 DOM综述1.1DOM概述DOM 中的
2016-04-26 14:05:54
3420
原创 web App和hybid App框架
webApp/hybidApp框架 ionic,jQuery Mobile,Sencha Touch,MUIionicionic基于angularJS,phoneGapjQuery MobileSencha TouchMUIWeX5打包工具 phoneGap(cordova),AppCan,Worklight,AppMobi,WeX5,titaniun 其中WeX5为国内打造
2016-04-20 17:21:32
1270
原创 Application Loader验证ipa时出现ERROR ITMS-90032:”Incaild Image Path – No image found at the path referenc
Application Loader验证ipa时，出现这样的错误： ERROR ITMS-90032:”Incaild Image Path – No image found at the path referenced udner key ‘CFBundleIconFile’:’Icon.png’ 说是找不到Icon文件 1、General —> App Icons and Launch
2016-04-20 16:42:57
1354
原创 网站性能优化
第1章 网站前端性能优化前端近几年变化很大，各种工具，库，框架并发。虽然如此，但是网站前端性能优化的思路基本没变。 为什么前端性能如此重要？数据显示: 1）只有 10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件中; 2）另外一点是，优化后台需要花费比较大的成本，优化前端只需要适当地遵循一些法则会有较大的提升，相对低成本高收益。本文是根
2016-04-20 12:12:24
5000
原创 Xcode模拟器出现installation failed invalid argument
使用Ionic打包ios程序之后，使用Xcode打开XXX.xcodeproj文件，编译通过，但是在使用模拟器运行（导入模拟器）时出现了下面的提示框 installation failed 这提示真的是让人摸不着头脑，参数不对？也不说明到底是那个不对。 原因是：info.plist 文件中的 Bundle identifier 为空导致的 解决办法：随便填一个就可以解决问题。
2016-04-20 11:29:06
1991
原创 Xcode打包项目(.xcodeproj=>.ipa)
1.相关知识ipa文件，即 iOS 应用的安装包文件，扩展名为 .ipa。能否正确的打包 ipa文件，是决定了 ipa文件上传到App Store后能否被正确安装的关键。应用的 ipa文件可以使用两种方式生成:使用命令行 xcodebuild exportArchive -exportFormat ipa来完成使用 Xcode 打包鉴于第 2 种方式简单快速，也是大部分用户都使用的，所以这里只
2016-04-19 09:49:56
7518
1
原创 Windows上使用ionic开发IOS程序
开发ios程序需要mac本，但是好多屌丝们没有Mac 本，那就在虚拟机上安装一个MacOS，凑合着用吧。下面我就以我自己的亲身经历，带着ionic爱好者一步一步的在windows上开发ios程序安装VMware和Mac OS参看我的这篇文章windows上安装Mac OSionic开发ios程序安装Xcode为什么要安装Xcode呢？ionic开发Android程序都不需要安装eclipse等IDE
2016-04-18 17:43:40
3986
翻译 ionic2学习文档
ionic2是基于angular2的，而angular2又是基于ES6的。所以不懂ES6的人得先去学习ES6，然后再学angualr2，最后学习ionic2。
2016-04-14 16:26:44
4448
原创 跨域请求的概念和解决办法
相关概念 同源是指相同的协议、域名、端口，三者都相同才属于同源。 同源策略浏览器处于安全考虑，在全局层面禁止了页面加载或执行与自身来源不同的域的任何脚本，站外其他来源的脚本同页面的交互则被严格限制。 跨域由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域 跨域资源共享（Cross Origin Resource Sharing，CORS）是一个
2016-04-14 15:00:35
6399
原创 ionic解决跨域访问
ionic使用的是ajax请求后台获取数据，但这时很有可能出现CORS（跨域）问题。本文就是针对ionic来讲述如何解决CORS
2016-04-14 10:58:26
19520
3
原创 <meta>标签在移动端的定义
meta 标签分两大部分HTTP 标题信息（http-equiv）页面描述信息（name）http-equiv 属性Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：<meta http-equiv="Content-Type" content="text/html; cha
2016-04-13 18:22:36
588
原创 响应式布局知识点总结
当今屏幕分辨率从 320px (iPhone) 到 2560px (大屏显示器) 或者更大。人们也不再仅仅用台式机来浏览网页，现在有手机，平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择，网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整，以达到到最佳显示效果。接下来会展示如何运用 HTML5 和 CSS3 来设计一个自适应网页。先看看它的效果在开始之前，点击最终预
2016-04-13 15:12:46
1530
原创 CSS文字溢出部分显示为省略号
CSS Codediv.test { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}HTML Code<div class="test"> 这段文字比较多，全部显示会溢出，经过上面CSS处理，溢出部分会显示成"..."</div>
2016-04-13 12:12:58
697
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人