自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

多些关注给自己

开启程序员之路

  • 博客(45)
  • 资源 (3)
  • 收藏
  • 关注

原创 小程序技术学习初学系列-第一章

组件:picker的使用第一:range是Array   地区选择器            当前选择:{{array[index]}}      第二:range是ObjectArray  地区选择器            当前选择:{{ObjectArray.name[index]}}      e 对象

2017-03-05 20:45:15 312

原创 其他相关canvas绘制属性

绘制文字fillText(text,x,y,[maxWidth]);strokeText(text,x,y,[maxWidth]);其中,text参数表示是要绘制的文字,x,y是绘制文字的起始横纵坐标。maxWidth是可选参数,表示显示文字时的最大宽度。区别:fillText是填充方式绘图,strokeText是轮廓方式绘图。在绘图之前可以设置样式,比如设置字体颜色,字体格式

2016-10-31 21:46:09 447

原创 canvas绘制渐变

渐变是指填充时从一种颜色慢慢过渡到另外一种颜色。因为是渐变所以一般会至少使用两次addColorStop()来追加颜色。1)  绘制线性渐变var g1 = ctx.createLinearGradient(xStart,yStart,xEnd,yEnd);//创建一个渐变对象g1.addColorStop(offset,color);//offset是0-1之间的浮点值,颜色离开

2016-10-31 21:43:22 585

原创 canvas路径,描边与填充

1 canvas中有两个可以用来实现立即绘图的方法。fillRect()和 strokeRect()方法。2 路径有开放路径和封闭路径。其中,rect()方法创建的路径是封闭的,arc()方法创建的圆弧路径则不封闭,除非你用它创建的是圆形路径,要想封闭某段路径,需要用closePath()方法才行。其中fillRect()和rect()方法的区别是 fillRect()能够立即看到

2016-10-26 23:29:54 1891

原创 canvas 绘图阴影

可以通过以下四个属性,改变图形,文本,图像的阴影效果。 1 shadowColor:CSS3格式的颜色2 shadowOffsetX:阴影水平像素偏移 3 shadowOffsetY:阴影垂直像素偏移4 shadowBlur:对阴影进行模糊化处理需要满足1的颜色不是全透明,然后其他三个属性有一个非0的值。

2016-10-26 23:29:09 506

原创 browser 存储

有时需要将网页中的一些数据保存在浏览器端,这样做的好处是,当下次访问页面时,不需要再次向服务器请求数据,直接就可以从本地读取数据。目前常用的有以下几种方法: cookie cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K。 Flash ShareObject 这种方式能能解决上面提

2015-08-14 13:41:55 451

原创 js Array function--模拟栈和队列

pop 方法 移除数组中的最后一个元素并返回该元素。 arrayObj.pop( ) 必选的 arrayObj 引用是一个 Array 对象。 说明 如果该数组为空,那么将返回 undefined。 shift 方法 移除数组中的第一个元素并返回该元素。 arrayObj.shift( ) 必选的 arrayObj 引用是一个 Array 对象。 说明 shift 方法可移除数

2015-08-14 13:39:19 625

原创 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 882

原创 chome 格式化代码

点击F12>sources>click file in the left menu > click {}

2015-06-18 19:04:53 363

原创 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 1015

原创 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 4248

原创 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 1464

转载 TortoiseSVN 简明使用

http://blog.wpjam.com/m/tortoisesvn-introduce/Subversion 是版本控制工具,不仅可以管理程序源代码,也可以应用于其他协作管理数据的工作,Google Code 和 WordPress 插件提交和管理也是基于 SVN 的下面就基于 Google Code SVN 服务器 介绍 TortoiseSVN 的使用。安装

2015-04-30 16:17:47 325

原创 Jquery 滑动--slideToggle()

.slideToggle( [duration ] [, complete ] )返回: jQuery 描述: 用滑动动画显示或隐藏一个匹配元素。添加的版本: 1.0.slideToggle( [duration ] [, complete ] ) duration (默认: 400) 类型: Number or String 一个字符串或者数字决定动画将运行多久。 complete 类

2015-04-19 13:41:35 887 2

原创 Jquery 事件绑定--.bind() 方法

从jQuery 1.7开始,.on() 方法是将事件处理程序绑定到文档(document)的首选方法。对于早期版本,.bind()方法用于直接附加一个事件处理程序到元素上。处理程序附加到jQuery对象中当前选中的元素,所以,在.bind()绑定事件的时候,这些元素必须已经存在。对于更为灵活的事件绑定,可以查看.on() 或者 .delegate()事件代理。对于eventType任何字符串是合法的

2015-04-19 13:36:59 499

原创 Jquery ---鼠标事件toggle

.toggle( handler(eventObject), handler(eventObject) [, handler(eventObject) ] )描述: 绑定两个或多个处理程序绑定到匹配的元素,用来执行在交替的点击。.toggle()方法的处理程序绑定一个click事件,因此,对于 click 事件适用的规则,同样也适用于该事件。.toggle() 方法提供了方便。 这是比较简单的手法来

2015-04-19 12:48:04 1059 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 471

原创 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 1130

原创 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 524

原创 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 413

原创 DOM插入-内部插入---.prepend()

DOM插入-内部插入—.prepend() 描述: 将参数内容插入到每个匹配元素的前面(元素内部)。.prepend()方法将指定元素插入到匹配元素里面作为它的第一个子元素 (如果要作为最后一个子元素插入用.append()). .prepend()和.prependTo()实现同样的功能,主要的不同是语法,插入的内容和目标的位置不同。 对于.prepend() 而言,选择器表达式写在方法的前面

2015-04-19 11:36:06 1116

原创 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 309

原创 2015年3月20号-----每天一道面试题

2015年3月20号面试题一题

2015-03-20 18:15:34 644 1

原创 阿里前端面试题

淘宝网HTML & CSS面试题1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?3. CSS引入的方式有哪些? link和@import的区别是?4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?5. 前端页面有哪三层构成,分别是什么?

2015-03-18 16:46:12 1858

原创 阿里前端面试题

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 438

原创 阿里前端面试题

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 1224

原创 阿里前端面试题

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 607

原创 百度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 595

原创 百度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 776

原创 百度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 1725

原创 百度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 791

原创 出色的女程序员

出色的女程序员http://hannah.wf/

2015-03-12 23:21:57 484

转载 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 892

原创 前端面试题--网易邮箱

1 自我介绍就读学校,年级,专业,实习时间2  项目介绍把自己印象笔记深刻的项目介绍下,主要是涉及的主要技术3 盒子模型width   padding  border  margin PS 引申盒子模型有正常盒子模型和怪异盒子模型正常盒子模型是指外盒尺寸计算是:元素空间高度:内容高度+padding+border+margin内盒

2015-03-12 14:50:53 792

转载 Http Status 304响应状态的资源更新机制

原文地址http://my.oschina.net/ososchina/blog/339896http请求头和响应头可以避免重复的资源(css,js,图片,文本等),浏览器一般访问这些静态资源之后会缓存一段时间,静态资源一般是不会经常改变的,而且这些资源比较大,比较多的情况会影响加载效果,所以要避免多次从网络加载这些文件。一个完整的请求(本文作于2014-11-12

2015-03-09 22:15:11 789

转载 CSS兼容性问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将

2015-01-28 13:27:28 317

转载 CSS Hack

part1 —— 浏览器测试仪器,测试您现在使用的浏览器类型IE6 IE7 IE8 Firefox Opera Safari (Chrome) IE6 IE7 IE8 

2015-01-28 13:25:14 321

转载 HTTP状态

在必要的时候应使用标准的状态码返回一般仅返回状态码即可,描述的字符串不是必要的100Continue继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息101witching Protocols申请人已要求服务器切换协议,服务器已确认并准备切换200OK正常返回信息201Created请求成功并且服务器创建了新的资源202Accept

2015-01-28 13:17:53 401

原创 JSON学习

JSON: javascript 对象表示法JSON是存储和交换文本信息的语法,类似XML。JSON比XML更小,更快,更易解析什么是JSON?JSON指的是Javascript对象表示法JSON是轻量级的文本数据交换格式JSON独立于语言JSON具有自我描述性,更易理解JSON使用Javascript语法来描述数据对象,但是JSON仍然独立于语

2014-12-25 16:55:11 342

原创 ISBN

问题描述每一本正式出版的图书都有一个ISBN号码与之对应,ISBN码包括9位数字、1位识别码和3位分隔符,其规定格式如“x-xxx-xxxxx-x”,其中符号“-”是分隔符(键盘上的减号),最后一位是识别码,例如0-670-82162-4就是一个标准的ISBN码。ISBN码的首位数字表示书籍的出版语言,例如0代表英语;第一个分隔符“-”之后的三位数字代表出版社,例如670代表维京出版社;第

2014-12-13 22:11:20 854

drools6.0 环境配置和安装

drools6.0在ecplise下的搭建和drools建项目

2014-07-11

Ecplise下用maven建drools web项目

Ecplise下用maven建drools web项目 有图有真相

2014-07-11

Maven 环境搭建和ecplise配置

maven环境配置和ecplise安装maven插件的步骤,有图有真相

2014-07-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除