- 博客(31)
- 收藏
- 关注
转载 利用css来写一些几何形状,从最基本的三角形到复杂的太极图
这些代码的来源是css-tricks。 由青藤屋博客整理,转载请保留原文链接:http://www.itivy.com/ivy/archive/2012/1/16/css-shape.html 图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性,所以在你打开这篇文章的时候,我希望你用的是firefox
2016-05-19 16:44:42 1028
转载 html5的video标签 属性及方法汇总
转载自 '脚本之家' ,作者佚名 网址:http://www.jb51.net/html5/317406.html
2016-05-18 13:49:12 1013
原创 常用的window.onload等 也有执行顺序影响
在最近的项目中,我根据网页的需求,而因为我用了vue.js框架,所以用到这样的结构,不仅直接在javascript中直接编写了js代码,还通过import引入了其他的js文件,这些js文件一部分是通过原生js写的,一部分又是通过jquery写的,很不规范,但是我想,这样直接引入也是可以达到预期效果,那么解决这次的问题,下一次就要注意了。 但是在测试中,我就发现了一系列的问题,比如impo
2016-05-17 17:55:27 6225
原创 个人常见手误问题集锦
1. 多个操作对象绑定相同的事件 除了最常见的设置类名,及事件委托等,这些都对操作对象有一定的要求你,那么两个毫无关系与逻辑的节点怎样赋予相同的事件呢,很简单,如以下: $('#test-1000,#test-1111').click(function(){console.log('1')}); 常见手误: $('#test-1000,#test-1111')是用一个引号全部
2016-05-09 15:56:11 405
原创 社交网站分享功能笔记
新浪微博: http://service.weibo.com/share/share.php?url= count=表示是否显示当前页面被分享数量(1显示)(可选,允许为空) &url=将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空) &appkey=用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空) &title=分享时所示的文字内容,为
2016-05-06 14:46:11 1267
原创 谷歌地图API基础
工作的原因,需要在网页中导入谷歌地图,所以先找了一些很基本的API文档学习,总结如下: 1.要用到谷歌的地图,首先我们需要获取谷歌map的秘钥,这样才能将地图导入到我们的网页中,至于如何获取以及使用秘钥,网上有很多教程,就不赘诉了。 //sensor是必须的,该参数用于指明应用程序是否使用一个传感器 (类似 GPS 导航) 来定位用户的位置 2.html中定义一个具有
2016-04-11 16:52:47 1098
转载 this的用法
转载自:脚本之家 JavaScript中this的使用 在JavaScript中this变量是一个令人难以摸清的关键字,this可谓是非常强大,充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 对于this变量最要的是能够理清this所引用的对象到底是哪一个,也许很多资料上都有自己的解释,但有些概念讲的偏繁杂。而我的理解是:首先分析th
2015-12-20 20:58:18 285
转载 闭包
转载自:豆瓣网 在理解闭包之前, 首先要清楚JS中的作用域只有2种: 全局作用域和方法作用域 全局作用域很好理解了, 方法作用域就是指一个 function 形成一个独立的作用域, 而且方法作用域还能够嵌套. 与别的语言不同的是: 花括号({})不能形成一个独立的作用域, 例如Java中的作用域. 下面我们举例说说作用域 var g = 0; function f() {
2015-12-20 20:55:55 268
原创 用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 2057
原创 事件委托案例
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 425
原创 淘宝商品展示-图片切换及放大镜应用
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 1526
原创 数组
冒泡排序: 每当两相邻的数比较后发现它们的排序“与排序要求相反”时,就将它们互换: 例如: 将数组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 251
原创 流程控制语句
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 249
原创 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 323
转载 bootstrap入门-做一个简单的页面
作者:the5fire | 标签: bootstrap 转载地址:http://www.the5fire.com/bootstrap-introduce.html html5我可不再上网查一个html文件的头部应该怎么定义,只需要写就ok。 当然提供的便利不知这些。 文字的描述还是干巴巴的,还是上些代码好些。 先来展示下我花了5分钟编写的界面(如果不是和别人一边
2015-10-11 16:02:39 3287
转载 css 填坑常用代码分享
以下是常用的代码收集,没有任何技术含量,只是填坑的积累。转载请注明出处,谢谢。 因为提交比较麻烦,后来转置github:https://github.com/jsfront/src/blob/master/css.md 一. css 2.x code 1. 文字换行 /*强制不换行*/ white-space:nowrap; /*自动换行*/ word-wrap:
2015-10-11 15:49:17 338
转载 转载js入门须知
一,css入门篇: 推荐书籍:css哪些事儿,精通css。 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。 系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相册,导航,新闻列表等其它大部分的实践。 精通css,这书已经出到第二版了,相比第一版,第二版的大部分目录结构保持不变,内容变得更丰满了。
2015-10-11 15:47:08 337
转载 less语法基础
引入less 语法 说明: less.js文件必须在引入的less文件之后引入less文件事rel的值必须为 stylesheet/less 变量 变量声明 less变量声明通过@+变量名,后面跟css类型的值或其他变量的值; 变量的使用 只需将变量名写在css属性后面即可 例: @width:100px;
2015-10-02 09:29:02 6443
原创 弹性盒子(flexible box)
将父元素盒子变为弹性盒子的方法:加display:-webkitt-box;(浏览器或设置为其他,box也可设置为inline-box) box-orient 盒模型的子元素的排列方式 horizontal:设子元素为水平排列(默认) vertical:子元素为纵向排列 box-pack 盒模型对象的子元素的对齐方式 start:子元素从开始位置对齐(大部分情况等同于左对齐)
2015-10-02 09:25:57 776
原创 动画基础
动画 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 266
原创 浏览器兼容及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 500
原创 页面布局基础
元素浮动 float特性:none不浮动 left/right:向左/向右浮动 熟练理解w3school中对浮动的讲解 定位 固定定位(fixed) 位置是相对于浏览器窗口变动的 相对定位(relative) 相对于它本身的位置进行位置变化的 绝对定位(absolute) 相对于第一个定过位的父元素(不包含使用margin等方式确定位置)位置进行定
2015-09-26 21:28:57 292
原创 9.17表格,背景,文本与图片位置关系
背景 background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 1.scroll 默认,背景图会随着页面滚动而移动。 2.fixed 背景图不会随着页面滚动而移动 background-color 设置元素的背景颜色。 1.直接写如red/ 十六进制值的颜色值背景
2015-09-20 12:05:10 365
原创 9.16选择器,文本属性
CSS选择器 元素选择器 元素{属性,值;} 类别选择器 .class命名{属性,值;} ID选择器 #ID命名{属性,值;} 伪类选择器 :link{} ----未访问的链接选择器 :visited{}----已访问的链接选择器 :hover{}----鼠标移至的链接选择器 :active{}----被点击的链接选择器 :foucs{}----获得焦点链接选择器 :fi
2015-09-20 12:04:02 279
原创 9.15表单属性
以下均用于input type=“格式命值”: 1.email -----------表示需要输入 e-mail 地址的单行文本框 2.url -----------表示需要输入URL地址的单行文本框 3.number -----------表示需要输入数值的单行文本框。 除了例中min,max,name还可以使用step=“数值”(步径
2015-09-20 11:58:49 289
原创 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 249
原创 9.11学习内容+周总结
学习工具:webstorm 一. web应用程序组成 1.网页 a. 结构包含:文档标题,段落,列表。 b.结构一般用XHTML表示,基本结构如下: ....................内容
2015-09-13 11:38:10 304
原创 9.10Axure动态设置
2015年9月10日 动态设置汇总 回顾: (1)经过两天的学习,对PS切片,markman测量都已经清楚掌握,缺乏的是重复操练,熟练应用,其中PS切片两种方法: a.有直接对图片进行切片,优点快速简单,缺点是切出的图形只针对矩形图框,或者切出的图标带有背景图案,使用上很不方便。 b.针对psd格式的图片切片,在PS中打开,能
2015-09-11 00:18:07 1241
原创 9.9日AXURE,MARK MAN的初步学习
Axure的基本操作 概述:Axure Pro 是专门用来制作界面原型的工具。 界面概述: 界面可以分为9个部分: (1) 菜单栏,所有应用程序(C/S模式)都有的内容。例如保存,另存为,最近打开设计,退出等。 (2) 工具按钮栏:工具按钮栏中按钮组是否出现,通过View菜单控制。View->toolbars 进行设置。 (3) 页面地图栏
2015-09-10 00:12:50 324
原创 今天学习的PS基本操作
PS工具的基本操作 一、移动工具 1.像素:计算机屏幕上所能显示的最小单位,越高位的像素,其拥有的色板也就越丰富,越能表达颜色的真实感。 2.快捷键:Ctrl 二、选框工具 1.矩形选框和椭圆选框 shift+选框工具 ----→圆形/正方形 Ctrl+选框工具-----→以此为中心画椭圆/矩形选框 shift+ctrl+选框工具
2015-09-08 23:37:04 253
原创 我开博客啦!为自己加油~~
今天是2015年9月7日下午18:57分,我敲下了自己博客生涯的第一句话。 先跟自己say hello! 希望自己能坚持!! 希望这是一个美好的过程!!! end~
2015-09-07 18:57:18 261
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人