- 博客(45)
- 资源 (3)
- 收藏
- 关注
原创 小程序技术学习初学系列-第一章
组件:picker的使用第一:range是Array 地区选择器 当前选择:{{array[index]}} 第二:range是ObjectArray 地区选择器 当前选择:{{ObjectArray.name[index]}} e 对象
2017-03-05 20:45:15 339
原创 其他相关canvas绘制属性
绘制文字fillText(text,x,y,[maxWidth]);strokeText(text,x,y,[maxWidth]);其中,text参数表示是要绘制的文字,x,y是绘制文字的起始横纵坐标。maxWidth是可选参数,表示显示文字时的最大宽度。区别:fillText是填充方式绘图,strokeText是轮廓方式绘图。在绘图之前可以设置样式,比如设置字体颜色,字体格式
2016-10-31 21:46:09 476
原创 canvas绘制渐变
渐变是指填充时从一种颜色慢慢过渡到另外一种颜色。因为是渐变所以一般会至少使用两次addColorStop()来追加颜色。1) 绘制线性渐变var g1 = ctx.createLinearGradient(xStart,yStart,xEnd,yEnd);//创建一个渐变对象g1.addColorStop(offset,color);//offset是0-1之间的浮点值,颜色离开
2016-10-31 21:43:22 604
原创 canvas路径,描边与填充
1 canvas中有两个可以用来实现立即绘图的方法。fillRect()和 strokeRect()方法。2 路径有开放路径和封闭路径。其中,rect()方法创建的路径是封闭的,arc()方法创建的圆弧路径则不封闭,除非你用它创建的是圆形路径,要想封闭某段路径,需要用closePath()方法才行。其中fillRect()和rect()方法的区别是 fillRect()能够立即看到
2016-10-26 23:29:54 1918
原创 canvas 绘图阴影
可以通过以下四个属性,改变图形,文本,图像的阴影效果。 1 shadowColor:CSS3格式的颜色2 shadowOffsetX:阴影水平像素偏移 3 shadowOffsetY:阴影垂直像素偏移4 shadowBlur:对阴影进行模糊化处理需要满足1的颜色不是全透明,然后其他三个属性有一个非0的值。
2016-10-26 23:29:09 543
原创 browser 存储
有时需要将网页中的一些数据保存在浏览器端,这样做的好处是,当下次访问页面时,不需要再次向服务器请求数据,直接就可以从本地读取数据。目前常用的有以下几种方法: cookie cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K。 Flash ShareObject 这种方式能能解决上面提
2015-08-14 13:41:55 485
原创 js Array function--模拟栈和队列
pop 方法 移除数组中的最后一个元素并返回该元素。 arrayObj.pop( ) 必选的 arrayObj 引用是一个 Array 对象。 说明 如果该数组为空,那么将返回 undefined。 shift 方法 移除数组中的第一个元素并返回该元素。 arrayObj.shift( ) 必选的 arrayObj 引用是一个 Array 对象。 说明 shift 方法可移除数
2015-08-14 13:39:19 640
原创 document.forms
语法:var collection =document.forms例子:得到form信息 和从form里面得到元素信息html lang="en">head>title>document.forms exampletitle>head>body>form id="robby"> input type="button" onclick="alert(docu
2015-06-18 19:16:32 927
原创 safari 模拟手机显示
open safari > setting icon>preferences>advanced>select develop menu in menu bar and disable the flash > click the icon near the setting icon >select develop>user agent>can select iphone or ipad
2015-06-18 18:35:25 1060
原创 CSS3盒子阴影 box-shadow属性
第一:box-shadow的语法以及参数: box-shadow 属性可以使用一个或者多个阴影,如果使用多个必须用,隔开。 box-shadow:none |[inset x-offset y-offset blur-radius spread-radius color],[inset x-offset y-offset blur-radius spread-radius color]参数详解:
2015-05-04 21:08:33 4306
原创 mavne error
今天用maven,遇到这样的错误:C:\>mvn --versionMaven version: 2.0.8Java version: 1.6.0_03OS name: "windows xp" version: "5.1" arch: "x86" Family: "windows" C:\>mvn archetype:create -DgroupId=com.mycompany.
2015-05-04 19:25:24 1615
转载 TortoiseSVN 简明使用
http://blog.wpjam.com/m/tortoisesvn-introduce/Subversion 是版本控制工具,不仅可以管理程序源代码,也可以应用于其他协作管理数据的工作,Google Code 和 WordPress 插件提交和管理也是基于 SVN 的下面就基于 Google Code SVN 服务器 介绍 TortoiseSVN 的使用。安装
2015-04-30 16:17:47 350
原创 Jquery 滑动--slideToggle()
.slideToggle( [duration ] [, complete ] )返回: jQuery 描述: 用滑动动画显示或隐藏一个匹配元素。添加的版本: 1.0.slideToggle( [duration ] [, complete ] ) duration (默认: 400) 类型: Number or String 一个字符串或者数字决定动画将运行多久。 complete 类
2015-04-19 13:41:35 939 2
原创 Jquery 事件绑定--.bind() 方法
从jQuery 1.7开始,.on() 方法是将事件处理程序绑定到文档(document)的首选方法。对于早期版本,.bind()方法用于直接附加一个事件处理程序到元素上。处理程序附加到jQuery对象中当前选中的元素,所以,在.bind()绑定事件的时候,这些元素必须已经存在。对于更为灵活的事件绑定,可以查看.on() 或者 .delegate()事件代理。对于eventType任何字符串是合法的
2015-04-19 13:36:59 519
原创 Jquery ---鼠标事件toggle
.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )描述: 绑定两个或多个处理程序绑定到匹配的元素,用来执行在交替的点击。.toggle()方法的处理程序绑定一个click事件,因此,对于 click 事件适用的规则,同样也适用于该事件。.toggle() 方法提供了方便。 这是比较简单的手法来
2015-04-19 12:48:04 1089 1
原创 Jquery-基本筛选:first
jQuery( “:first” )描述: 选择第一个匹配的元素。 :first伪类选择器相当于:eq(0)。它也可以写为:lt(1)。虽然:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。<!DOCTYPE html><html><head> <style> td { color:blue; font-weight:bo
2015-04-19 12:20:22 479
原创 Jquery 树遍历--.children
.children( [selector ] )selector 类型: Selector 一个用于匹配元素的选择器字符串。描述: 获得匹配元素集合中每个元素的子元素,选择器选择性筛选。<!DOCTYPE html><html><head> <style> body { font-size:16px; font-weight:bolder; } span { color:blue
2015-04-19 12:17:52 1157
原创 Jquery 遍历---not()
<!DOCTYPE html><html><head> <style>div { width:250px; height:350px; margin:10px; float:left; background:yellow; border:2px solid white; }.green { background:#8f8; }.gray { background:#ccc; }#bl
2015-04-19 12:13:24 551
原创 Jquery 筛选---last()
<!DOCTYPE html><html><head> <style>.highlight{background-color: yellow}</style> <script src="http://code.jquery.com/jquery-latest.js"></script></head><body> <p><span>Look:</span> <span>This i
2015-04-19 11:41:51 422
原创 DOM插入-内部插入---.prepend()
DOM插入-内部插入—.prepend() 描述: 将参数内容插入到每个匹配元素的前面(元素内部)。.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同。 对于.prepend() 而言,选择器表达式写在方法的前面
2015-04-19 11:36:06 1149
原创 CSS3学习之路-----CSS3边框
CSS3边框简介border-width:元素边框的粗细border-style:元素边框的风格border-color:元素边框的颜色border:1px solid #FFF;可以给不同的边设置不同的表现 遵循top/right/bottom/left 方式border-style:的值有
2015-03-20 19:36:46 318
原创 阿里前端面试题
淘宝网HTML & CSS面试题1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?3. CSS引入的方式有哪些? link和@import的区别是?4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?5. 前端页面有哪三层构成,分别是什么?
2015-03-18 16:46:12 1870
原创 阿里前端面试题
http://www.itmian4.com/forum.php?mod=viewthread&tid=2599&extra=page%3D3%26filter%3Dtypeid%26typeid%3D6%26typeid%3D6总共六道题、题目可能记不清了,记不清的就讲大意吧1、这题就是让你根据一个表格、他把写出来涉及到了,table tbody thead
2015-03-18 16:45:08 453
原创 阿里前端面试题
http://www.itmian4.com/forum.php?mod=viewthread&tid=3681&extra=page%3D2%26filter%3Dtypeid%26typeid%3D6%26typeid%3D6No. 1题目:下图绿色区域的宽度为100%,其中有三个矩形,第一个矩形的宽度是200px,第二个和第三个矩形的宽度相等。请使用CSS3中的功能实
2015-03-18 15:51:57 1251
原创 阿里前端面试题
http://www.itmian4.com/forum.php?mod=viewthread&tid=5903&extra=page%3D1%26filter%3Dtypeid%26typeid%3D6%26typeid%3D6http://www.itmian4.com/forum.php?mod=viewthread&tid=5886&extra=page%3D1%26f
2015-03-18 15:47:43 620
原创 百度web前端面试题---2014
http://www.itmian4.com/forum.php?mod=viewthread&tid=4443&extra=page%3D2%26filter%3Dtypeid%26typeid%3D2%26typeid%3D21、JS主要数据类型?(5分)答:主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 und
2015-03-18 15:35:26 606
原创 百度web前端面试题--2014年
http://www.itmian4.com/forum.php?mod=viewthread&tid=4845&extra=page%3D2%26filter%3Dtypeid%26typeid%3D2%26typeid%3D21、JavaScript有哪几种数据类型简单数据类型: null undefined number boolean string
2015-03-18 15:28:27 785
原创 百度web前端面试题-2015年
http://www.itmian4.com/forum.php?mod=viewthread&tid=6239&extra=page%3D2%26filter%3Dtypeid%26typeid%3D2%26typeid%3D21.列举你所知道的行内元素,块级元素和空(void)元素。行内: 块元素:
2015-03-18 15:25:07 1753
原创 百度web前端笔试--2015年
http://www.itmian4.com/forum.php?mod=viewthread&tid=6308&extra=page%3D1%26filter%3Dtypeid%26typeid%3D2%26typeid%3D2笔试时间:2015/9/20笔试城市:广州职位:web前端开发哈,回忆版本,不保证非常准确哦~欢迎补充!分享快乐~1.请描述html5新增的一
2015-03-18 14:47:08 799
转载 css定义超链接四个状态也的有顺序。
css定义超链接四个状态也的有顺序。a:link{text-decoration:none ; color:#c00 ;}a:visited {text-decoration:none ; color:#c30 ;}a:hover {text-decoration:underline ; color:#f60 ;}a:active {text-decoration:
2015-03-12 22:54:32 931
原创 前端面试题--网易邮箱
1 自我介绍就读学校,年级,专业,实习时间2 项目介绍把自己印象笔记深刻的项目介绍下,主要是涉及的主要技术3 盒子模型width padding border margin PS 引申盒子模型有正常盒子模型和怪异盒子模型正常盒子模型是指外盒尺寸计算是:元素空间高度:内容高度+padding+border+margin内盒
2015-03-12 14:50:53 831
转载 Http Status 304响应状态的资源更新机制
原文地址http://my.oschina.net/ososchina/blog/339896http请求头和响应头可以避免重复的资源(css,js,图片,文本等),浏览器一般访问这些静态资源之后会缓存一段时间,静态资源一般是不会经常改变的,而且这些资源比较大,比较多的情况会影响加载效果,所以要避免多次从网络加载这些文件。一个完整的请求(本文作于2014-11-12
2015-03-09 22:15:11 801
转载 CSS兼容性问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将
2015-01-28 13:27:28 328
转载 CSS Hack
part1 —— 浏览器测试仪器,测试您现在使用的浏览器类型IE6 IE7 IE8 Firefox Opera Safari (Chrome) IE6 IE7 IE8
2015-01-28 13:25:14 332
转载 HTTP状态
在必要的时候应使用标准的状态码返回一般仅返回状态码即可,描述的字符串不是必要的100Continue继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息101witching Protocols申请人已要求服务器切换协议,服务器已确认并准备切换200OK正常返回信息201Created请求成功并且服务器创建了新的资源202Accept
2015-01-28 13:17:53 425
原创 JSON学习
JSON: javascript 对象表示法JSON是存储和交换文本信息的语法,类似XML。JSON比XML更小,更快,更易解析什么是JSON?JSON指的是Javascript对象表示法JSON是轻量级的文本数据交换格式JSON独立于语言JSON具有自我描述性,更易理解JSON使用Javascript语法来描述数据对象,但是JSON仍然独立于语
2014-12-25 16:55:11 370
原创 ISBN
问题描述每一本正式出版的图书都有一个ISBN号码与之对应,ISBN码包括9位数字、1位识别码和3位分隔符,其规定格式如“x-xxx-xxxxx-x”,其中符号“-”是分隔符(键盘上的减号),最后一位是识别码,例如0-670-82162-4就是一个标准的ISBN码。ISBN码的首位数字表示书籍的出版语言,例如0代表英语;第一个分隔符“-”之后的三位数字代表出版社,例如670代表维京出版社;第
2014-12-13 22:11:20 872
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人