- 博客(35)
- 资源 (3)
- 问答 (2)
- 收藏
- 关注
原创 踩坑--关于jq和zepto的css方法对transform的值的获取值的不同
今天做图形旋转的一个活动,在获取dom元素的时候,发现$(obj).css('transform')的值的时候;发现了一下几类情况:(1)先上代码 recursion #div { margin-top: 90px; -webkit-transform: rotate(10deg); transfo
2017-12-01 14:21:42 1659
原创 利用text-align:justify实现两端对齐的布局
我们在网页制作中,经常遇到这样的布局,两端对齐布局;此时,为了方便处理,我们可以利用text-aligin:justify;实现这样的布局。简单代码如下: .teacher-list { font-size: 0; text-align: justify; &:after {
2017-05-04 17:00:45 1273
原创 HEML5 Worker用法笔记
Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行;Web Worker的基本原理就是在当前javascript的主线程中,使用Worker类加载一个javascript文件来开辟一个新的线程,起到互不阻塞执行的效果1.如何使用Worker呢?首先,我们要知道,Worker提供的接口有哪些:(1
2017-02-17 11:56:39 706
转载 WebSocket的JavaScript例子
一个WebSocket的简单Echo例子:例子代码来自:http://www.websocket.org/echo.html使用一个文本编辑器,把下面代码复制保存在一个 websocket.html 文件中,然后只要在浏览器中打开它,页面就会使用 websocket 自动连接,发送一个消息,显示接受到的服务器响应,然后关闭连接。 charset="utf-8" />WebSock
2017-02-13 14:56:54 499
转载 正则表达式之replace
在讲replace的高级应用之前,我们先简单梳理一下JS正则中的几个重要的知识点,以帮助你对基础知识的回顾,然后再讲解JS正则表达式在replace中的使用,以及常见的几个经典案例。 一、正则表达式的创建JS正则的创建有两种方式: new RegExp() 和 直接字面量。?12345/
2016-12-31 11:25:29 1449
原创 cocos2d js 学习笔记之瓦片地图
在Cocos2d-JS中访问瓦片地图,对于其api,主要有三类,TMXTiledMap、TMXLayer和TMXObjectGroup。1、TMXTiledMapTMXTiledMap是瓦片地图类,TMXTiledMap派生自Node类,具有Node特点。它常用的方法如下:new cc.TMXTiledMap(tmxFile)。创建瓦片地图对象。getLayer(layer
2016-12-22 22:45:10 1419
转载 angularJS directive详解
前言最近学习了下angularjs指令的相关知识,也参考了前人的一些文章,在此总结下。欢迎批评指出错误的地方。 Angularjs指令定义的APIAngularJs的指令定义大致如下angular.module("app",[]).directive("directiveName",function(){ return{ //通过设置项来定义 };
2016-11-25 17:06:30 503
转载 cocos2d-JS 实现 横 竖 屏 显示提示图片效果 !!!!!
全局添加旋转屏幕帧听 :window.addEventListener('orientationchange', function(event){ //获取当前场景 var currentScene = cc.director.getRunningScene(); //如果当前场景不存在 return if(currentScene == null) retu
2016-10-31 18:54:55 937
转载 ocos2d-JS 屏幕适配相关内容
监听浏览器窗口大小变化事件 : 新的适配方案允许在浏览器大小变化的时候自动重新尝试适配。比如说,当用户拖拽来改变浏览器大小,或者更有用的情况,当他们转动自己手机方向的时候。游戏中任意时刻都可以开启这种行为,只需要调用cc.view的resizeWithBrowserSize函数:cc.view.resizeWithBrowserSize(true);11为了更灵活得应对变化,我们为
2016-10-31 18:52:12 567
转载 cocos2d坐标系
支持以下几种坐标系:1.屏幕坐标系 原点在左上角,X轴向右,Y轴向下。2.GL坐标系 原点在左下角,X轴向右,Y轴向上。3.世界坐标系 指相对于整个屏幕的坐标系,(0,0)就是屏幕的左下角,(320,480)就是屏幕的右上角。4.本地坐标系 相对于父对象的坐标。[obj.parent convertToWorldSpace:[obj position]]; //获得obj
2016-10-28 10:36:28 303
转载 studio基础控件的使用
在studio里把几个基础控件往场景文件一拖,然后导出json格式的资源文件 逻辑代码如下: 1 var HelloWorldLayer = cc.Layer.extend({ 2 sprite:null, 3 value : 90, 4 // self : this, 5 ctor:function () {
2016-10-25 10:22:45 368
转载 ClipingNode用法2
学习cocos2dx 3.2确实比较吃力,因为网上关于最新版的v3.2的资料十分稀少,或者是讲解的确实不是很详细。大部分人都是根据官方文档照样画瓢,而对于有些比较抽象的概念及函数都是照着官方文档来讲解的。这样的结果,导致有些东西令我确实非常费解。 没有办法,只好自己来总结cocos2dx3.2,然后将个人的学习感悟分享给大家。 PS:当然有些大牛写的文章还是很不错的。
2016-09-28 19:04:44 985
转载 ClippingNode 用法
ClippingNode(裁剪节点)可以用来对节点进行裁剪,可以根据一个模板切割图片的节点,生成任何形状的节点显示。使用示例auto bg = LayerColor::create(Color4B(255, 255, 255,255)); this->addChild(bg, -1);//1 auto stencil = Sprite::create("Clos
2016-09-28 18:34:28 480
转载 Angular指令编译原理
前言angular之所以使用起来很方便,是因为通常我们只需要在html里面引入一个或多个(自定义或内置的)指令就可以完成一个特定的功能(这也是angular推荐的方式),比如:一个简单的双向绑定(用ng-model指令),或者模板循环渲染(用ng-repeat指令),又或者是模板是否显示(用ng-if指令),而对于这些指令的内部实现一般我们无需太多关心(除非你想深入了解),我们更乐意于把侧
2016-01-12 17:30:50 3682 1
转载 深入理解 AngularJS 的 Scope
一、遇到的问题问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope(相当于作用域、控制范围),所以 Controller 的嵌套,也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢?从子 Scope 怎样更新父 Scope 里的 Model 呢?这个问题很典
2016-01-08 19:59:11 555
转载 搞懂 AngularJS 預設模組 select 標籤的 ngOptions 參數用法
首先,我們來看看 AngularJS:select API 的 ngOptions 參數說明:ngOptions(optional) – {comprehension_expression=} – in one of the following forms:for array data sources:label for value in arraysele
2015-12-09 15:49:46 712
转载 一招制敌 - 玩转 AngularJS 指令的 Scope (作用域)
学习了AngularJS好长时间,最近再次回首看看指令这部分的时候,觉得比自己刚开始学习的时候理解的更加深入了,尤其是指令的作用域这部分。当初看的是《AngularJS权威指南》这本书,但是感觉这本书关于这方面讲的不是很细致,另外吐槽一下,这本书中文版印刷的质量不是很好,很多地方都有错误;不过讲的还是可以的,是一本学习AngularJS的好书。下面我们就来详细分析一下指令的作用
2015-12-08 15:44:33 1123
转载 AngularJS学习笔记之directive——scope选项与绑定策略
开门见山地说,scope:{}使指令与外界隔离开来,使其模板(template)处于non-inheriting(无继承)的状态,当然除非你在其中使用了transclude嵌入,这点之后的笔记会再详细记录的。但是这显然不符合实际开发中的需求,因为实际上,我们经常想要我们的指令能够在特定的情况下与外界进行数据上的交互,这就需要借助绑定策略之手了。大家知道,当scope选项写为scope:{}
2015-11-30 16:14:23 777 1
转载 Yii之urlManager相关
Yii之urlManager相关博客分类: YII 作者:zccst 首先urlManager是CUrlManager的实例,所以重点看CUrlManager的方法。 CUrlManager提供构造和解析URL的方法createUrl()和parseUrl()。 CUrlManager通过以下两种格式管理URL: 'path' forma
2015-11-27 19:44:35 509
转载 angularjs里面的$routeProvider 里的resolve
http://www.cnblogs.com/koukabatsugun/p/3445072.html来源:http://docs.angularjs.org/api/ngRoute.$routeProvider有省略。$routeProviderngRoute模块中的服务描述用于配置路由示例配置与ngRoute的
2015-11-27 10:12:02 3150
转载 用原生js在DOM元素上面添加方法
if (window.HTMLElement) { // 使用原型扩展DOM自定义事件 HTMLElement.prototype.addEvent = function(type, fn, capture) { var el = this; if (window.addEventListener) { el.add
2015-10-10 20:26:44 2984
原创 如何用jquery写一个简单的返回顶部
话不多说,直接上代码 Document *{ margin:0; padding: 0; } #header { height: 45px; background-color: #d0cccc; } #top{ position:
2015-07-23 22:11:22 542
原创 jQuery里面的$(window).height()和$(document).height()的区别
我们要知道,$(window).height(),获取的是窗口的可视区域的高度,而$(document).height();获取的是文档的高度。所以当你改变窗口的时候,$(window).height()会随着窗口的改变而改变,但$(document).height()是不变的。很多时候,我们要使元素居中,此时我们可以写一个插件命名为jQuery.center.js,jQuery.fn.c
2015-06-22 19:46:19 3830
转载 margin:0 auto 与 text-align:center 的区别
margin:0 auto 与 text-align:center 的区别基本概念:1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-ali
2015-06-15 16:19:24 615
转载 js里面的属性和方法类型
js--属性和方法(私有/公有)【私有变量】 在对象内部使用'var'关键字来声明,而且它只能被私有函数和特权方法访问。 【私有方法】 在对象的构造函数里声明(或者是通过varfunctionName=function(){...}来定义),它能被特权方法调用(包括对象的构造方法)和私有方法调用,私有函数只能访问私有的方法和属性。 【特权方法】通过this.meth
2015-06-12 17:46:58 649
原创 用js实现类数组转换为数组
我们知道,有的时候,我们在获取DOM元素节点的时候,获取的是一个集合,这个集合和数组非常相似,但是又不是数组,而是类数组,比如数组的一些属性:length,这个类数组可以使用,举个例子,一个ul元素节点的子节点li:var oUl= document.getElementsByTagName("ul")[0];var aLi = oUl.childNodes;此时,aLi就是一个类数组
2015-06-03 19:28:41 1801
原创 js获取窗口的位置
在IE、Safari、Opera和Chrome里,有属性screenLeft和screenTop,分别用于表示窗口相对于屏幕左边和上边的位置,Firefox则用screenX和screenY属性表示,同时Safafi和Chrome也支持该属性,所以,可以利用下面的代码实现跨浏览器获取窗口的左边和上边的位置。var leftPos = (typeof window,screenLeft == "
2015-06-02 14:36:42 1895
原创 浏览器窗口缩小时,设置的背景不是正常的显示
浏览器全屏显示的时候,背景效果如图所示,。但是当浏览器窗口减小,出现水平滚动条的时候,出现了如下情况,,我来个去,背景没有完全显示,坑爹啊!!我的背景宽度设置的width:100%啊,怎么不行啊。随后我设置了min-width:980px;(注:我的网页宽度为980px),结果一测试,行了!!随你怎么变换浏览器的大小,背景都正常显示。
2015-02-03 00:28:33 645
原创 父级设置了float,子元素不显示了
今天在学习psd切图转换成html的时候,我为父元素设置了float:left,为子元素设置了背景图片,宽和高,当我F12查看网页的时候,发现没有出现预料的结果,而是不显示子元素的背景图片。各样的清除浮动,都不行。随后仅仅为父元素设置了合适的宽度,子元素就显示了。特此记下,以备同样的初学者参考
2015-01-30 15:48:31 823
原创 解决Error: cannot call methods on tabs prior to initialization; attempted to call method 'disable'的方法
Error: cannot call methods on tabs prior to initialization; attempted to call method 'disable'throw new Error( msg );
2014-10-27 21:43:30 3633 1
原创 jQ中遇到的小问题-----Jquery调用出现ReferenceError: $ is not defined
在学习jQ的基础的时候,兴致勃勃的写好了一个小代码,一运行,
2014-10-03 15:10:43 4565
转载 css中padding和margin的详细解答!
css中padding、margin属性的区别和详解2011-04-11 21:39:33标签:CSS margin padding 休闲 职场本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键. 注: 为什么不翻译margin和pad
2014-08-27 18:12:59 915
原创 利用javaweb实现登陆功能!
利用javaweb实现一个小的登陆界面!如图所示,;登陆结果如图所示;如果不成功,结果如图所示;话不多说,请看下面实现的代码,首先,我们做了一个html的login.html的登陆页面,其代码如下所示; 登陆功能实现 登陆界面 用户名: 密码:  然后我们又做了一
2014-03-19 23:05:28 1629
转载 PS快速制作凹陷直线
先来看看效果图:当你要在一个颜色上做凹陷一条直线,第一步:新建一个图层,填充背景色,例如。第二步:使用 单行选框工具 划出一条直线,例如。第三步:新建一个图层 然后为这一个像素的填充颜色 颜色值的选择规为:在背景色的基础上亮度减去 20% 左右 。例如变为。第四步:把选着好的颜色填充前面做的单行选区 。然后把 单行选框下移一个像素!新建一个图层! 做下面的那条直线,下面线的颜色值选
2014-02-12 19:29:57 2453
H+后台主题UI框架
2016-06-30
关于nodejs中的express安装之后启动app.js
2015-05-07
jwplayer怎么链接到上传到别的网站的视频
2015-02-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人