javascript
文章平均质量分 66
小章鱼哥
这个作者很懒,什么都没留下…
展开
-
bootstrap入门【表单控件】
link href="bootstrap.min.css" rel="stylesheet"> 插入bootstrap的外部样式表支持 输入框,文本域,多选按钮,单选按钮,下拉列表name="optionsRadios" 其中,单选按钮必须指定name保证两个按钮是一组的。class=" form-control" 意为给所有的控件加入css样式multiple 下拉列表原创 2015-02-28 18:31:41 · 636 阅读 · 0 评论 -
bootstrap入门【表格】
link href="bootstrap.min.css" rel="stylesheet"> 导入bootstrap的外部样式表thead> tr> th>表格标题th> th>表格标题th> th>表格标题th> tr>thead> 表头tbody> tr class="info">原创 2015-02-28 11:25:01 · 473 阅读 · 0 评论 -
bootstrap入门【表单(控件2)】
link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">为了图标正常加载,引入网络端的bootstrap外部样式表p>静态控件p>p>请按照我的格式输入zhangyugege@163.comp>p class="form-cont原创 2015-02-28 20:05:03 · 537 阅读 · 0 评论 -
bootstrap入门【按钮和图片】
link href="bootstrap.min.css" rel="stylesheet"> 引入bootstrap外部样式表不同样式的btn 不同大小的btn ,没什么好说的。 btn-block 充满父级容器 button不一定必须要用button标签,也可以用a标签和input标签active 活跃状态 disabled="disabled" 禁用状态原创 2015-02-28 20:34:32 · 1050 阅读 · 0 评论 -
bootstrap入门模板开发(导航+正文)
body{ padding-top: 50px; } .starter{ padding:40px 15px; text-align: center; } project nam原创 2015-02-27 14:16:35 · 779 阅读 · 0 评论 -
bootstrap入门代码
html>html>head lang="en"> meta charset="UTF-8"> title>title> link href="bootstrap.min.css" rel="stylesheet">head>body> div class="container"> ; for example code><原创 2015-02-27 18:59:08 · 499 阅读 · 0 评论 -
bootstrap入门第二课 全局css样式排版
html>ang="en"> harset="UTF-8"> e> ="bootstrap.min.css" rel="stylesheet"> 章鱼哥哥 章鱼哥哥 章鱼哥哥 章鱼哥哥欢迎你的到来 hello hello hello world原创 2015-02-27 15:05:35 · 578 阅读 · 0 评论 -
bootstrap入门【表单样式】
link href="bootstrap.min.css" rel="stylesheet"> 插入bootstrap外部样式表div class="form-group"> label>用户名label> input type="email" class="form-control" placeholder="email">div> 表单必须要有lab原创 2015-02-28 16:36:07 · 545 阅读 · 0 评论 -
bootstrap入门 css栅格系统
.row{ margin-bottom: 20px; } .row.row{ margin-top: 10px; margin-bottom: 0px; } [class*="col-"]{ padding-top:15px;原创 2015-02-27 18:31:44 · 1183 阅读 · 0 评论 -
bootsrap入门【导航条,导航条的使用】
script> $(".mytab a").click(function(e){ e.preventDefault(); $(this).tab("show"); })script> 为所有的ul标签添加class为mytab,增添点击函数nav-justified 充满父级容器nav-pills 胶囊式导航条原创 2015-03-01 11:06:23 · 1481 阅读 · 0 评论 -
bootstrap入门【下拉菜单】
link href="bootstrap.min.css" rel="stylesheet"> 引入bootstrap外部样式表script src="jquery-2.1.3.min.js">script>script src="bootstrap.min.js">script> 为使下拉菜单能够下拉,添加两个js文件pull-right 下拉菜单按钮靠右dropdown-to原创 2015-02-28 21:28:57 · 775 阅读 · 0 评论 -
bootstrap入门【媒体图片配文字】
以上展示了图片的居上居中和居下,还可以在最右侧,没有展示代码很简单不多说。 body{ margin: 10px 0; }原创 2015-03-01 12:04:30 · 6397 阅读 · 0 评论 -
bootstrap入门【面板】
div class="panel panel-default panel-info"> div class="panel-heading"> 带标题的面板 div> div class="panel-body"> zhangyugegehahahahahah div> div class=" panel-footer pane原创 2015-03-01 13:51:27 · 570 阅读 · 0 评论 -
bootstrap入门【模态框】
模态对话框(Modal Dialogue Box,又叫做模式对话框),是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击【确定】或【取消】按钮等将该对话框关闭。用起来还是有些复杂,仍然是分为头部,身体,脚部三个部分,添加了很多标签。原创 2015-03-01 15:17:45 · 496 阅读 · 0 评论 -
createjs之easeljs【画一个红色矩形】
script src="easeljs-0.8.0.min.js">script> 引入easeljs文件canvas id="gameView" width="400px" height="=400px">canvas>script src="app.js">script>由于easeljs是对canvas进行封装的,所以先建立一个canvas标签,设置它的大小,id。引入将要原创 2015-03-01 16:53:03 · 2195 阅读 · 0 评论 -
bootrap入门【embed and well】
look in a well原创 2015-03-01 14:02:22 · 902 阅读 · 0 评论 -
createjs之easeljs【游戏看你有多色(一)】
小游戏,点不同颜色的矩形块就算闯关成功了。script src="rect.js">script>canvas height="400px" width="400px" id="gameView">您的浏览器无法显示canvas>script src="app.js">script> html文件中引入两个js文件rect.js re原创 2015-03-02 13:38:51 · 1887 阅读 · 0 评论 -
bootstrap入门【组件之按钮组,下拉菜单,嵌套】
btn-group-vertical 按钮组默认是水平排列的,运用vertical变成竖式排列button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" > 下拉菜单 span class="caret">span>button>ul class="dropdown-原创 2015-02-28 22:44:59 · 3439 阅读 · 0 评论 -
bootstrap入门【按钮式下拉菜单,输入框组】
按钮式下拉菜单没什么好说的,就是以前学过的东西做了一个嵌套而已。注意dropup即可实现上拉输入框组分前面加《span》,后面加和两头加三种,还可以添加按钮,下拉菜单,单选复选框哦~ 按钮式下拉菜单 分列式下拉菜单原创 2015-03-01 08:50:40 · 4014 阅读 · 0 评论 -
easeljs web开发围住神经小猫咪【二】
前两天状态不好。接着上次没写完的继续写。围住神经小猫咪游戏,我确定小猫类,圆圈类,并会加载鼠标点击事件,在点击事件里面,我不但控制圆圈的变化,还控制小猫的移动,就这么简单!哈哈一.加载圆圈开始写圆圈类圆圈能有的属性是什么,函数又是什么呢?很容易想到,圆圈有一个颜色的变化,红色,白色,这里我可以给它设置一个TYPE值。原创 2015-03-19 15:51:05 · 1558 阅读 · 0 评论 -
easeljs web开发围住神经小猫咪【三】
收尾 加入游戏开始结束页面我记得游戏中有开始界面也有结束界面的,而且结束界面有赢得还有输的,赢了还会显示步数是多少。那好吧 我在main.js中加入了一个//流程控制function startGame(){ 开始游戏画面,一点就进入游戏场景}function enterGame(){ 游戏运行画面,这里把StartGame里面的开始原创 2015-03-19 16:42:44 · 1627 阅读 · 2 评论 -
jquery mobile入门【page】
终于开始了手机端jquery的学习,有demo,有api,写起来还是很容易哒。太好了,开始。首先,jquery mobile要加入的是:meta name="viewport" content="width=device-width,initial-scale=1.0">api说 viewport lin原创 2015-03-19 22:05:28 · 631 阅读 · 0 评论 -
移动前端开发之viewport的深入理解
我转载的别人的。在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一转载 2015-03-19 22:31:17 · 679 阅读 · 0 评论 -
easeljs web开发围住神经小猫咪【一】
前两天学的围住神经小猫咪————图片版,在这里总结一下,与之前的神经猫有了很多新的东西。开始。一.加载背景,圆圈,小猫咪这里要用到easeljs,首先建立index.html之后引入easeljs文件script src="easeljs-0.8.0.min.js">script>观察游戏,我们会发现,与之前圆圈版为主神经猫不同的是,1.这里的猫咪是原创 2015-03-10 10:25:38 · 1112 阅读 · 0 评论 -
cocos-js web开发泡泡龙游戏【一 加载游戏场景】
哀家发现一个游戏如果不记录(复习)一下的话,不算真正记在脑子里了,也可以理解为我是一个手写记忆型。我目前的水平,对cocos2d-x有了一些了解,对cocos2d-js没有接触过,看了一下泡泡龙的视频。但是两者是一个妈妈生的,很多东西都是相同的,就好理解的许多,我仅对cocos2d-js的内容多做一些记录。开始。一。加载游戏场景打开刚刚下载的coco原创 2015-03-09 22:50:57 · 2154 阅读 · 0 评论 -
createjs之easeljs【游戏围住神经猫】
在html文件中引入script src="circle.js">script> 创建圆类canvas width="800px" height="800px" id="gameView">您的浏览器不支持canvas>script src="app.js">script> 游戏逻辑circle.js文件中/** * Created by Administrator原创 2015-03-03 12:34:37 · 2198 阅读 · 1 评论 -
cocos-js web开发泡泡龙游戏【二 生成游戏所有元素】
为了游戏主界面形成这样的效果(请忽略边边角角那一些黑边,这店bug以后换图片)需要我写一个bubblescene场景js 用来加载固定在游戏主界面不变的背景和炮台还要写一个bubble类,用来封装bubble类最后在bubblescene中按照算法添加bubble们二.加载游戏主场景所有元素首先看一下bubble类吧。。bubbl原创 2015-03-09 23:25:21 · 2632 阅读 · 2 评论 -
设计师10大必备HTML动画工具【my god 很不错啊,先收着】
HTML 5已经成为Web开发者当中最流行的语言之一,“健壮的”语言有很大的生产优质万维网内容的能力。HTML 5在近三年的增长迅猛,新引入HTML 5的技术更加的优秀。HTML 5技术被现代浏览器所支持,如Chrome、Firefox、Internet Explorer等等。而今天,我们将为您推荐十个HTML 5动画工具,希望对您的工作有所帮助。1. MixeekMi转载 2015-03-11 15:35:03 · 705 阅读 · 0 评论 -
node.js入门【编一个小web服务器】
编写一个简单的web服务器简单地说,一个web服务器最基本的功能就是能够根据客户端浏览器提供的http请求进行响应。要使用你node.js的文件模块,需要使用require(“fs”)导入文件模块,下面是file模块的几个基本函数。1.readfile(filename,[encoding],[callback])异步读取整个文件的内容filename需要读取的文件名 encoding读取文件的编原创 2015-04-29 09:43:52 · 589 阅读 · 0 评论 -
nodejs入门【安装接触】
> 服务器端框架node.js**1. node.js是c++编写的运行在谷歌开发的V8引擎上的一个平台。 2. 由于node.js是一个独立运行的环境,不是浏览器环境,所以node.js上运行的javascript是不能够使用DOM和BOM元素的。 3. 官网安装node.js,并配置环境变量。 4. 应用node.js** 新建一个文件demo1.js ``` var原创 2015-04-27 21:09:59 · 544 阅读 · 0 评论 -
phaser制作跑酷游戏
首先在index.html里面引入phaser.js 和自己创建的game.js设置canvas的css样式canvas{ margin:0 auto;}接下来用一个类方法封装整个游戏(function() {}());在function里面定义游戏(function(){ var SantaGame = { init: function() { this.g原创 2015-07-26 22:03:31 · 2628 阅读 · 2 评论 -
啊哈 phaser制作小游戏flappy bird(2)
下面就只剩最后一个也是最重要的一个场景就是play场景啦先上create代码game.States.play = function(){ this.create = function(){ this.bg = game.add.tileSprite(0,0,game.width,game.height,'background');//背景图,这里先不用移动,游戏开始后再动原创 2015-07-25 19:45:43 · 1167 阅读 · 0 评论 -
啊哈 phaser制作小游戏flappy bird(1)
看到phaser的world和camera玩的已如此之好,果断自己操练了一个小游戏出来玩玩。记录一下啦,加深一下印象。首先想起他引擎一样。在html5中添加一个canvas然后实例化一个游戏对象来实现的。不过phaser是通过DOM父级元素的ID,自己动态添加出这个canvas来的。所以html5的代码如下:<!DOCTYPE html><html><head><meta charset="u原创 2015-07-25 19:11:01 · 1325 阅读 · 1 评论 -
web性能优化
web性能优化又叫页面加载速度的优化或者页面渲染性能的优化。以下列举几种性能优化方式。- 压缩源码和图片JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为50%到70%,PNG可以使用一些开源压缩软件来压缩,比如24色变成8色、去掉一些PNG格式信息等。- 选择合适的图片格式如果图片颜色数较多就使用JPG格式,如果图片颜色数较少就使原创 2015-09-07 16:25:10 · 437 阅读 · 0 评论 -
css选择器详解
‣ 下面有关css选择器的说法错误的是?(C) A. .intro 选择 class=”intro” 的所有元素。 B. #firstname 选择 id=”firstname” 的所有元素。 C. div>p 选择所有 < div > 元素和所有 < p> 元素 D. p 选择所有 < p> 元素css类型选择器下面的规则匹配文档树中所有 h1 元素:h1 {font-f原创 2015-09-07 17:09:27 · 625 阅读 · 0 评论 -
css定位浮动 &html 严格模式混杂模式
css定位static: 元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。relative: 元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。不脱离文档流,参考自身静态位置通过 top,bottom,left,right 定位,原创 2015-09-07 21:56:13 · 683 阅读 · 0 评论 -
腾讯移动前端一面(不会的题)
我木有答上来的题整理1.img放到div里面最下面有一个小白边,怎么去掉哪?我答的是float,他说也可以。把img设置成display:block即可。。。。。唉2.css3的transform都有哪些呀?我木有记住过那么多。。然后我就萌比啦。倾斜是:skew。倾斜是:skew。。(明明查api就有的哇)matrix(n原创 2016-03-31 22:43:44 · 476 阅读 · 0 评论 -
js内存泄漏以及解决方案
点击打开链接转载 2016-04-05 19:14:22 · 2633 阅读 · 0 评论 -
addEventListener和onclick
在复习闭包的时候,我们知道,在为每一个子元素设置onclick事件时必须要加闭包,不然只有最后一个子元素加上了消息响应事件: window.onload = function(){ var aLi = document.getElementsByTagName('li'); for (var i=0;i<aLi.length;i++){原创 2016-04-05 21:23:31 · 2301 阅读 · 0 评论 -
js迭代table表格的行和列代码实例
http://www.softwhy.com/forum.php?mod=viewthread&tid=15098js迭代table表格的行和列代码实例:表格是最为常用的元素之一,虽然已经没有以前那么火热,但并不表示它就没有市场了,现在对于它的应用的定位也越来越恰当和准确,也就是说它现在基本已经不会被用在布局上,而是用在对数据的组织上,回归正题,下面就介绍一下如何迭代t转载 2016-04-09 10:11:09 · 926 阅读 · 0 评论