fionafung58-优快云博客

转载利用css来写一些几何形状，从最基本的三角形到复杂的太极图

这些代码的来源是css-tricks。由青藤屋博客整理，转载请保留原文链接：http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox

2016-05-19 16:44:42 1057

转载 html5的video标签属性及方法汇总

转载自 '脚本之家' ，作者佚名网址：http://www.jb51.net/html5/317406.html

2016-05-18 13:49:12 1041

原创常用的window.onload等也有执行顺序影响

在最近的项目中，我根据网页的需求,而因为我用了vue.js框架，所以用到这样的结构，不仅直接在javascript中直接编写了js代码，还通过import引入了其他的js文件，这些js文件一部分是通过原生js写的，一部分又是通过jquery写的，很不规范，但是我想，这样直接引入也是可以达到预期效果，那么解决这次的问题，下一次就要注意了。但是在测试中，我就发现了一系列的问题，比如impo

2016-05-17 17:55:27 6273

原创个人常见手误问题集锦

1. 多个操作对象绑定相同的事件除了最常见的设置类名，及事件委托等，这些都对操作对象有一定的要求你，那么两个毫无关系与逻辑的节点怎样赋予相同的事件呢，很简单，如以下：$('#test-1000,#test-1111').click(function(){console.log('1')});常见手误：$('#test-1000,#test-1111')是用一个引号全部

2016-05-09 15:56:11 422

原创社交网站分享功能笔记

新浪微博：http://service.weibo.com/share/share.php?url=count=表示是否显示当前页面被分享数量(1显示)(可选，允许为空)&url=将页面地址转成短域名，并显示在内容文字后面。(可选，允许为空)&appkey=用于发布微博的来源显示，为空则分享的内容来源会显示来自互联网。(可选，允许为空)&title=分享时所示的文字内容，为

2016-05-06 14:46:11 1307

原创谷歌地图API基础

工作的原因，需要在网页中导入谷歌地图，所以先找了一些很基本的API文档学习，总结如下：1.要用到谷歌的地图，首先我们需要获取谷歌map的秘钥，这样才能将地图导入到我们的网页中，至于如何获取以及使用秘钥，网上有很多教程，就不赘诉了。 //sensor是必须的，该参数用于指明应用程序是否使用一个传感器 (类似 GPS 导航) 来定位用户的位置 2.html中定义一个具有

2016-04-11 16:52:47 1129

转载 this的用法

转载自：脚本之家JavaScript中this的使用在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些概念讲的偏繁杂。而我的理解是：首先分析th

2015-12-20 20:58:18 297

转载闭包

转载自：豆瓣网在理解闭包之前, 首先要清楚JS中的作用域只有2种: 全局作用域和方法作用域全局作用域很好理解了, 方法作用域就是指一个 function 形成一个独立的作用域, 而且方法作用域还能够嵌套.与别的语言不同的是: 花括号({})不能形成一个独立的作用域, 例如Java中的作用域.下面我们举例说说作用域var g = 0;function f() {

2015-12-20 20:55:55 284

原创用js+html5画布功能做转盘

首先设置一个宽500px,高500px的画布：canvas id="cvs" width="500" height="500">canvas>对其样式进行简单的设置，以便于我们的观察：* { margin: 0; padding: 0;}#cvs { background-color: #CCCCCC;} 接下来首先用画布功能

2015-11-15 21:22:58 2085

原创事件委托案例

table id="table1"> tr > th >姓名th> th >性别th> th >科目th> th >成绩th> tr> tr> td class="td1">张三td> td class="td1">男td> td class="td1">html

2015-10-26 21:10:01 456

原创淘宝商品展示-图片切换及放大镜应用

div style="position: relative"> div id="leftdiv"> img id="leftimg" src="./img/imgA_2.jpg"/> div id="innerdiv">div> div> div id="rightdiv"> img id="rightimg" src="./

2015-10-26 21:03:36 1570

原创数组

冒泡排序：每当两相邻的数比较后发现它们的排序“与排序要求相反”时，就将它们互换：例如：将数组a内元素按照从大到小排列var a = [100,2,54,7,45,6,10,8,9]; for(var i = 0; i <= a.length-1;i++){ for(j = i+1;j <= a.length;j++){ if(a[i]<a[j]

2015-10-18 18:11:49 264

原创流程控制语句

1.条件语句（表示判断）if语句语法：if（表达式1）{语句2}执行流程：判断表达式1，如果成立，则执行语句2；如果不成立，跳出if语句。if...else语句语法：if（表达式1）{语句1}else{语句2}执行流程：判断表达式1，如果成立，则执行语句1；如果不成立，则执行语句2。if..

2015-10-18 18:10:26 264

原创 10.13 js入门

js常见错误类型1.语法错误；一般我们通过网页控制台console查验2.逻辑的错误；只能检查代码的逻辑关系来查验；3.运行时异常；流程图的绘制1.工具：visio;2.流程图的框架结构；js的引入方式1.外部引入<script type=text/javascript src="js源文件相对路径">;2.直接在html

2015-10-13 22:21:51 337

转载 bootstrap入门-做一个简单的页面

作者：the5fire | 标签： bootstrap 转载地址：http://www.the5fire.com/bootstrap-introduce.htmlhtml5我可不再上网查一个html文件的头部应该怎么定义，只需要写就ok。当然提供的便利不知这些。文字的描述还是干巴巴的，还是上些代码好些。先来展示下我花了5分钟编写的界面（如果不是和别人一边

2015-10-11 16:02:39 3325

转载 css 填坑常用代码分享

以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。因为提交比较麻烦，后来转置github：https://github.com/jsfront/src/blob/master/css.md一. css 2.x code1. 文字换行 /*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap:

2015-10-11 15:49:17 357

转载转载js入门须知

一，css入门篇：推荐书籍：css哪些事儿，精通css。理由：css那些事儿，他是一本介绍css基础类的书，是入门的经典读物。系统的介绍了css的选择符，伪类，工作环境，盒模型，两列，三列自适应布局。文字样式，图片处理，列表，表单，还有选项卡，相册，导航，新闻列表等其它大部分的实践。精通css，这书已经出到第二版了，相比第一版，第二版的大部分目录结构保持不变，内容变得更丰满了。

2015-10-11 15:47:08 349

转载 less语法基础

引入less语法说明：less.js文件必须在引入的less文件之后引入less文件事rel的值必须为 stylesheet/less变量变量声明less变量声明通过@+变量名，后面跟css类型的值或其他变量的值；变量的使用只需将变量名写在css属性后面即可例：@width:100px;

2015-10-02 09:29:02 6483

原创弹性盒子（flexible box)

将父元素盒子变为弹性盒子的方法：加display：-webkitt-box；（浏览器或设置为其他，box也可设置为inline-box）box-orient 盒模型的子元素的排列方式 horizontal：设子元素为水平排列（默认） vertical：子元素为纵向排列box-pack 盒模型对象的子元素的对齐方式 start：子元素从开始位置对齐（大部分情况等同于左对齐）

2015-10-02 09:25:57 807

原创动画基础

动画2d转化transform：matrix（2，0.2，0.2，2，30，40）第一个2和第四个2分别代表x,y方向的缩放倍数，正值为放大两个0.2分别代表y，x方向倾斜度数的正弦值；最后两个数30，40分别代表X,Y方向的移动px值单独表示，则为： transform：translate（100px,1oopx）-----向右，下方向移动 transfor

2015-09-26 21:33:27 286

原创浏览器兼容及css3属性基础

浏览器兼容问题解决方法1.特殊符号下划线：IE6及以下版本能识别星号：IE8，9，10不能用！important：火狐，IE7能识别 -----------------------结合资料掌握2.条件注释法：a.在IE下生效内容b.在IE6下生效内容c.在IE6及以上版本下生效内容d.在IE下生效内容e.在IE8下生效内容

2015-09-26 21:31:43 517

原创页面布局基础

元素浮动 float特性：none不浮动 left/right:向左/向右浮动熟练理解w3school中对浮动的讲解定位固定定位（fixed）位置是相对于浏览器窗口变动的相对定位（relative）相对于它本身的位置进行位置变化的绝对定位（absolute）相对于第一个定过位的父元素（不包含使用margin等方式确定位置）位置进行定

2015-09-26 21:28:57 298

原创 9.17表格，背景，文本与图片位置关系

背景background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动 1.scroll 默认，背景图会随着页面滚动而移动。 2.fixed 背景图不会随着页面滚动而移动background-color设置元素的背景颜色。 1.直接写如red/ 十六进制值的颜色值背景

2015-09-20 12:05:10 376

原创 9.16选择器，文本属性

CSS选择器元素选择器元素{属性，值；}类别选择器.class命名{属性，值；}ID选择器#ID命名{属性，值；}伪类选择器：link{} ----未访问的链接选择器：visited{}----已访问的链接选择器：hover{}----鼠标移至的链接选择器：active{}----被点击的链接选择器：foucs{}----获得焦点链接选择器：fi

2015-09-20 12:04:02 297

原创 9.15表单属性

以下均用于input type=“格式命值”：1.email-----------表示需要输入 e-mail 地址的单行文本框2.url-----------表示需要输入URL地址的单行文本框3.number-----------表示需要输入数值的单行文本框。除了例中min,max，name还可以使用step=“数值”(步径

2015-09-20 11:58:49 300

原创 9.14表单结构

标记语言（接9.13号）网页中加网页（iframe）属性包括：1）src:值为URL------(插入的网页链接)2）width,height：值为数字或百分比-----（插入网页的长宽值）3）scrolling:a.值为auto----（滚动条根据情况自动显示或隐藏）b.值为yes/no---（滚动条显示/隐藏）4）frameborder:值为0/1-----

2015-09-15 00:04:57 260

原创 9.11学习内容+周总结

学习工具：webstorm一. web应用程序组成1.网页 a. 结构包含：文档标题，段落，列表。 b.结构一般用XHTML表示，基本结构如下： ....................内容

2015-09-13 11:38:10 321

原创 9.10Axure动态设置

2015年9月10日动态设置汇总回顾：（1）经过两天的学习，对PS切片，markman测量都已经清楚掌握，缺乏的是重复操练，熟练应用，其中PS切片两种方法： a.有直接对图片进行切片，优点快速简单，缺点是切出的图形只针对矩形图框，或者切出的图标带有背景图案，使用上很不方便。 b.针对psd格式的图片切片，在PS中打开，能

2015-09-11 00:18:07 1264

原创 9.9日AXURE,MARK MAN的初步学习

Axure的基本操作概述：Axure Pro 是专门用来制作界面原型的工具。界面概述：界面可以分为9个部分：（1）菜单栏，所有应用程序（C/S模式）都有的内容。例如保存，另存为，最近打开设计，退出等。（2）工具按钮栏：工具按钮栏中按钮组是否出现，通过View菜单控制。View->toolbars 进行设置。（3）页面地图栏

2015-09-10 00:12:50 348

原创今天学习的PS基本操作

PS工具的基本操作一、移动工具 1.像素：计算机屏幕上所能显示的最小单位，越高位的像素，其拥有的色板也就越丰富，越能表达颜色的真实感。 2.快捷键：Ctrl二、选框工具 1.矩形选框和椭圆选框 shift+选框工具 ----→圆形/正方形 Ctrl+选框工具-----→以此为中心画椭圆/矩形选框 shift+ctrl+选框工具

2015-09-08 23:37:04 264

原创我开博客啦！为自己加油~~

今天是2015年9月7日下午18:57分，我敲下了自己博客生涯的第一句话。先跟自己say hello！希望自己能坚持！！希望这是一个美好的过程！！！end~

2015-09-07 18:57:18 273

奉婷婷的博客