- 博客(39)
- 收藏
- 关注
RSS订阅转载 iScroll.js参数说明和使用方法
iScroll调用时参数设置：所属属性名说明默认值核心库croeoptions.useTransform是否使用 CSS3 的 Transform 属性trueoptions.useTransition
2017-03-07 19:46:28
6104
转载 echarts3 使用（（绘制各种图表,地图））
一、前期准备1、使用echarts之前先要引入echarts.js，js可以到官网下载2、写一个div容器用来装echarts内容，这个容器必须有高度，不然看不到内容。3、在script中获取div容器的id，根据需要写option中的参数（也许你现在还不知道option是干嘛用的，不要着急往下看），使用setoption生成图表。（代码如下）注：后面将不再对引入j
2017-01-20 17:18:29
2615
转载 Sublime配置SASS
Sublime配置SASS字数654 阅读260 评论1 喜欢2第一步：ruby安装因为sass是依赖于ruby的，所以需要先安装ruby。官网下载ruby安装过程中，请注意，勾选 Add Ruby executables to your PATH 选项，可以保证在系统中添加好环境变量，防止之后在编译软件中发生找不到ruby环境的错误。另，安装地址无特殊要求。
2016-12-29 16:02:58
2850
转载 Backbone基础-01
一、Backbone概述 Backbone是一个基于MVC的前端js框架，它依赖于underscore.js和iquery.js的，所以在使用的时候需要引用三个js文件。与之类似的MVC框架还有Angular.js，Knockout.js，Ember.js。head> script src="underscore.js">script> script src
2016-12-28 17:29:13
523
1
转载 google官方文档-第三篇
文档内容将 WebView 加入你的应用¨ 在Webview中使用 JavaScript¨ 启用 JavaScript¨ 将 JavaScript代码绑定到Android代码处理页面导航¨ 历史记录导航关键的类WebViewWebSettingsWebViewClient相关手册Web View如果你想发布一个w
2016-12-19 19:18:00
538
转载 WebApp开发-Google官方教程
概览你可以使用viewport的元数据、CSS和Javascript来为不同分辨率的屏幕设置合适的页面本文档中的技术适用于Android 2.0及以上设备，针对默认的Android Browser中及在WebView中呈现的页面如果你在为Android开发Web应用或者在为移动设备重新设计一个Web应用，你需要仔细考虑在不同设备上你的页面看起来是怎样的。因为Android设备有不同款型
2016-12-19 19:12:56
2358
转载 WebApp开发-移动端WebApp开发必备知识
移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。device pixels： 显示屏
2016-12-19 19:05:22
771
转载 Web App开发入门
WebApp与Native App有何区别呢？Native App：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦。每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。3、非常酷。因为native app可以调用IOS中的UI控件以UI方法，它
2016-12-19 19:03:43
375
转载 高性能 CSS3 动画
高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式：JS动画与CSS3动画。JS动画是通过JS动态改写样式实现动画能力的一种方案，在
2016-12-14 18:37:38
304
原创 js-获取JSON数组的长度
假设现在有一个json的数组：var json={a:1,b:2,c:3,d:4}；要遍历这个数组：如下for（var i in json）{ alert（i+"="+json[i]）；}由于json没有length这个属性，那么我们可以先声明一个计数器，一开始计数器为0，遍历完成后可得到json的长度；把代码写成一个方法，以后可以直接调用：functio
2016-12-02 19:50:23
36415
1
原创 Bootstrap链接文件
Bootstrap是一个用于构建响应式网站的前端框架，能提高前端开发是效率，特别适合移动端的自适应布局；学习这个框架之前你要有html、css和js基础，这是一个基于默认的网格系统布局的框架。需要准备的文件：先在官网：http://www.bootcss.com/ 下载Bootstrap-下载后链接里面的两个常用文件rel="stylesheet"href="css/boo
2016-11-30 19:38:39
1304
原创 循环中的break和continue
break：中断整个循环体，不执行break之后的语句，并跳出循环；continue：中断本次循环，不执行continue之后的语句，但循环继续；示例1： break和continue for (var i = 0; i if (i == 2) {
2016-11-29 20:09:40
375
转载 规范代码
永远遵循同一套编码规范（可以是自己总结的），不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。HTML篇1、语法用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。嵌套元素应当缩进一次（即两个空格）对于属性的定义，确保全部使用双引号，绝不要使用单引号。不要在自闭合（self-closing）元素的尾部添加斜线 -- HTM
2016-11-29 14:39:45
666
转载 sublime text
作为一个开发者你不可能没听说过SublimeText。不过你没听说过也没关系，下面让你明白。 SublimeText是一款非常精巧的文本编辑器，适合编写代码、做笔记、写文章。它用户界面十分整洁，功能非同凡响，性能快得出奇。这些非常棒的特性包括任意跳转（Goto Anything）、多重选择（multiple selections）、指令面板（command palette）、免打扰模式（distr
2016-11-23 00:01:17
486
转载 Box-sizing属性及解决兼容性的做法
CSS3 Box-sizing属性以及解决兼容性的一些做法。 (2014-03-25 15:27:32)转载▼ box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3
2016-11-22 23:01:44
4536
转载 全屏滚动的实现
在很多情况下，我们需要页面的全屏滚动，尤其是移动端。今天简要的介绍一下全屏滚动的知识。一.全屏滚动的原理1.js动态获取屏幕的高度。获取屏幕的高度，设置每一屏幕的高度。2.监听mousewheel事件。监听mousewheel事件，并判断滚轮的方向，向上或向下滚动一屏。二.jQuery插件fullpages介绍fullPage.js 是一个基于 jQuery 的插件，它
2016-11-22 19:08:42
1590
原创 CSS3边框背景
边框背景——border-image边框背景主要是用来给元素边框添加背景图像，本质是用一张图片来修饰边框背景，看下图效果： -------------------------->>用左边图片来完成右边的效果；先看一下边框背景的参数：border-image：image boeder-width（参数可写1-4个）图片填充方式（stretch/repeat/r
2016-11-17 09:06:16
441
原创 CSS3的选择器
CSS选择器，主要是用来确定html的树形结构中的DOM元素节点。主要分为三部分：一、基本选择器选择器类型功能描述*通配选择器选择文档中所有的html元素E元素选择器选择指定的类型的html元素#idID选择器选择指定ID属性值为“id”的任意类型的元素
2016-11-16 16:46:26
334
转载 前端面试题汇总（三）
1. jQuery的选择器 基本选择器、层次选择器、过滤选择器和表单选择器基本：id选择器、class选择器、标签选择器、复合选择器和“*”选择器层次：$("div p") 选取里所有的元素 $("div>p") 选取里所有标签为子元素 $(".class_1+div")选取属性class为“class_1”的下一个同辈元素。过滤：$("div:firs
2016-11-16 15:52:01
450
转载 前端面试题汇总（四）
1、JS数组去重以下是展示三种方法：Array.prototype.unique1= function () { var n = []; //一个新的临时数组 for (var i = 0; i { //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if (n.indexOf(this[i]
2016-11-16 15:31:36
300
转载 前端面试题汇总（二）
1.介绍js的基本数据类型Undefined、Null、Boolean、Number、String2.js有哪些内置对象？数据封装类对象：Object、Array、Boolean、Number和 String其他对象：Function、Arguments、Math、Date、RegExp、Error3.this对象的理解this总是指向函数的直接调用者（而非间接调用者）
2016-11-16 15:27:20
414
转载 前端面试题汇总（一）
1、怎么清除浮动父级div定义height使用空标签清除浮动clear：both；（增加无意义的标签）父级div定义伪类:after和zoom（：after{display：block；clear：both；content：“ ”；visibility：hidden；}）父级div定义overflow:hidden父级div定义overflow:auto父级div也浮动，需要定义宽度父
2016-11-16 10:50:52
491
原创 jq-选择器
JQuery选择器的分类：1、基本选择器分类选择器描述返回基本选择器$("#+ID名 ");根据给定的ID匹配一个元素。单个元素$("标签名");根据给定的元素名匹配所有元素。集合元素$(".+类别名");根据给定的类匹配元素。集合元素$("*")匹配所有元素（主要看文档中的标签
2016-11-01 20:30:04
272
原创 js-Ajax的作用及其函数的编写
什么是ajax？AJAX就是Asynchronous JavaScript and XML（意思是说异步JavaScript 和XML）；它不是新的编程语言。而是一种使用现有标准的新方法,能够通过在后台与服务器进行少量数据交换，使得网页实现异步更新，实现在不重新刷新加载整个页面的情况下，只更新部分网页上的内容的技术。传统网页和运用ajax技术的网页的工作流程：1
2016-10-17 15:52:26
454
原创 js- 常见网页选项卡下的滚动条（控制选项卡内的内容高度）
网页常见的选项卡，为了在选项卡这么小的空间放进比较多的内容，那么可以运用滚动条来控制内容区域的高度，使当前选项卡放下足够的文字。可能我说的有点抽像，下面用一张图表示一下：这两张图片是我从网上截图的，第一张是hao123网站左侧的选项卡，鼠标经过当前选项卡的时候，选项卡的右边会出现滚动条，这个滚动条可以控制选项卡内容的高度，方便读者阅读；第二章是网易首页左侧的选项卡，原理一样，就是滚动条
2016-10-15 11:35:59
1743
原创 js-图片的放大和缩小
当鼠标点击放大按钮的时候，图片被放大，反之，点击缩小按钮时，图片被缩小1、行内样式代码的写法：http-equiv="Content-Type"content="text/html; charset=utf-8"/>无标题文档type="text/css">#box{width:200px;heig
2016-10-13 20:08:28
1485
原创 js-更换网页皮肤
一般网页都会提供多种样式的皮肤给用户，用户可以再浏览网站网页的时候选用自己喜欢的皮肤；那么更换皮肤是怎么更换的呢？基本原理很简单的：就是使用js来切换对应的CSS样式表，更改link里面的href值。网页换肤的准备：首先，准备多套CSS样式表文件，然后设置对应按钮，当用户点击按钮可以达到换肤功能；以下我用一个简单的例子说明一下：要实现的功能：当点击相应颜色按钮的时候，背景颜
2016-10-13 19:51:00
4252
原创 js-鼠标经过显示下拉菜单
在网页中，下拉菜单的样式非常多，这里介绍一下如何用js代码来控制分析：1、效果：控制样式display的显示和隐藏 2、事件：当鼠标经过时onmouseover和当鼠标移出时onmouseout 3、获取元素：DOM文档对象模型：赋予js控制结构和样式的能力。document.getElementById（）；获取 元素 通过 id；
2016-10-13 18:29:49
20046
1
原创 js-数组基础和数组方法的使用
数组对象的作用是：使用单独的变量名来存储一系列的值。定义数组我们用关键词new创建一个数组名字为Array对象：var Array=new Array（）；1、var myCars=new Array（） myCars[0]="Abhs" myCars[1]="jdhfl" myCars[2]="jhafjk
2016-10-12 19:40:03
538
1
原创 js-事件绑定
事件：JavaScript中的事件是由访问web页面用户的一系列操作引起的，比如点击鼠标，键盘按键等。当用户执行某些操作的时候再去执行一些代码。 事件模型：内联模型、脚本模型、DOM2模型 内联模型：事件处理函数是html元素的一个属性，即把事件处理函数代码写在html文件中 在HTML中把事件处理函数作为属性来执行JS代码 测试D
2016-10-12 15:35:49
348
原创 js函数基础
函数的定义：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。javascript的语法函数就是包裹在花括号中的代码块，前面使用了关键词 function：function 函数名（）{要执行的代码块；}
2016-10-12 10:08:33
257
原创 js-局部变量+全局变量+闭包
什么是变量？变量：我们从字面上看，变量是可变的量，从编程意义上讲，可以理解为是一个仓库，拿来存放某些数值；如上图，大方框可看做是仓库，仓库里面可存放各类物品。变量名就是仓库的名称。变量的命名规范：1、变量名必须以字母.下标符号"_"或者"$"开头；2、变量名的长度不得超过255个字符；、3、变量名中不可以使用空格，并且开头不得以数字开头；4、不用使用脚本语言中保
2016-10-11 19:47:14
2688
原创 js-js基础之数据类型
javascript有六种数据类型，主要有number、string、object以及boolean类型；其他两种类型为null和undefined1、number（数字）数字类型的表示方法有两种，一种是整数，一种是浮点数；整数可以通过十进制，八进制，十六进制的字面值来表示。var intNum=55;//十进制var octalN
2016-10-11 19:10:26
279
原创 js的事件及其种类
js事件什么叫做事件？ 事件，俗话说就是对一定是实物产生一定的影响。 例如：我们打开一个网页，网页被打开的那一刻，首先触发的事件就是load事件，只有触发了这个事件，才会执行这部分代码。事件的种类1、一般事件2、页面相关事件3、表单相关事件4、滚动字幕事件5、编辑
2016-10-11 19:01:59
5574
转载 各类域名后缀的区别
域名的后缀，代表的是一个域名类型的符号，含义各有不同。域名类别主要分为国际域名、国内域名还有国外域名三种。常见的域名后缀有：com：Commercial organizations,商业组织,公司net：Network operations and service centers,网络服务商top：顶级、高端、适用于任何商业 公司 个人tech：科技、技术o
2016-10-02 19:58:53
13394
原创 js无缝滚动
无缝滚动的原理：假设轮播区域有7张图片进行轮播，当第一张图片向左移动后，轮播区域尾部必然会有空缺的区域；为了不让不能播区域有空缺，我们可以在布局的7张图片后面再加上7张同样的照片，当第一张图片向左移动后，第八张图片就会补位到轮播区域的第7个位置。然而这样只能实现一次的轮播，那么我们就考虑 使用定时器来实现无限循环。（实现步骤如下）一、首先先布局准备一个盒子box作为轮播区域，然后
2016-09-30 10:04:18
455
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人