vue拿来写插件,会不会太那啥? 请跟我念,"不会,符合业务需求才是你的老板最想要的." 如何封装一个可以全局调用的vue插件 其原理其实相当简单,通过new Vue(vueComponentConstructor)您可以轻松的建立一个vue实例,在该实例上您可以操作方法.操作数据.监听数据变化,使用各种钩子,对开发者而言并没有任何阻碍. 我们生产了一个实例后该如何操作 请跟我来,写一个实现.首先,我们先写一个vue组件. // vue组件 A.vue <template>…
在项目中总是希望页面上各处的文字,颜色,字体大小甚至各个视图控件布局都能够在发版之后能够修改以弥补一些前期考虑不周,或者根据统计数据能够随时进行调整,当然是各个版本都能够统一变化.看到这样的要求后,第一反应是这样的页面只能改成H5,或者尝试使用React Native来应对这种要求. 既然UIStackView已经提供了一种既先进又简洁的布局思路,为何不通过制作一个类似VFL这样的DSL语言来处理布局.这样不就能够通过下发一串DSL字符串的方式来进行内容样式甚至布局的更换,不用跟版,还能使多版本…
在第二篇<如何制作一个类似Tiny Wings的游戏>基础上,增加添加主角,并且使用Box2D来模拟主角移动,原文<How To Create A Game Like Tiny Wings with Cocos2D 2.X Part 2>,在这里继续以Cocos2d-x进行实现.有关源码.资源等在文章下面给出了地址. 步骤如下: 1.使用上一篇的工程: 2.创建Box2D世界,并且添加一些代码来进行调试绘制,同时添加一些形状.打开HelloWorldScene.h文件,添加如下定义…
在第一篇<如何使用CCRenderTexture创建动态纹理>基础上,增加创建动态山丘,原文<How To Create A Game Like Tiny Wings with Cocos2D 2.X Part 1>,在这里继续以Cocos2d-x进行实现.有关源码.资源等在文章下面给出了地址. 步骤如下: 1.使用上一篇的工程: 2.添加地形类 Terrain,派生自 CCNode类.文件 Terrain.h代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13…
//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataType:"json"/"jsonp", // url:"地址", // data:{key:value} // success:function(){ // } // } //还需要一个跨域方法,可以访问远程服务器的数据 function myAja…
在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件,插件的源代码如下: jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options =…
假如我们有一个需求,需要给元素添加样式类,使用原生的JS很容易搞定. 1 抽取函数 function addClass(node, className){ node.classList.add(className) } // 使用 var element = document.querySelector('#div1') addClass(element, 'active') 2 引入命名空间 function addClass(node, className){ node.classList.…
在dom操作时,有时根据id获取单个对象.有时根据className获取多个对象.平常可能我们用两个函数来实现这两个功能.不过我将它们整合了一下,目前使用情况良好,函数如下: view source   print? 01 // 根据selector获取单个或多个元素, 02 // 获取多个元素时,可以指定元素的tag类型和父元素 03 function $(selector, tag, parent) { 04     var ret = []; 05     06     //没有传递sel…
var $ = { parms:function(obj){ var str = ''; for(var k in obj){ str +=k+'='+obj[k]+'&'; } str = str.slice(,-); return str; }, ajax:function(options){ var type = options.type; var url = options.url||''; var data = options.data||''; data = this.parms(d…
jQuery Mobile 1.0 已经发布了, 做为jQuery的移动设备类库, 并且依靠着jQuery这个及其受欢迎的类库,必将带给大家不一样的使用体验,基于jQuery Mobile的插件开发必定也会非常受欢迎,今天我们GBin1这里推荐给大家16款最新的jQuery Mobile上使用的jQuery插件,希望大家喜欢! 1. jQuery Mobile Pagination Plugin 这 个插件是由大名鼎鼎的filamentgroup开发的插件,主要为了在移动设备上实现分页显示效果,…