对于初学者安装cocos2d-js的环境并没有教程中说的那么简单,至少笔者是这么认为的 第一步,下载cocos2d-js的SDK,(先别着急运行) 第二步,安装Cocos2d console ,(Mac用户可跳过,因为自带了Python,非Mac用户,需要安装Python http:www.python.org) 第三步,安装JDK  百度搜索JDK下载相应版本,  JDK是Android开发的基础 第四步,下载 Android SDK(也叫ADT) 第五步,下载Android NDK 第六步,

打包JS库demo项目地址:https://github.com/BothEyes1993/bes-jstools 背景 最近有个需求,需要为小程序写一个SDK,监控小程序的后台接口调用和页面报错(类似fundebug) 听起来高大上的SDK,其实就是一个JS文件,类似平时开发中我们引入的第三方库: const moment = require('moment'); moment().format(); 小程序的模块化采用了Commonjs规范.也就是说,我需要提供一个monitor.js文件,

vue-loader配合webpack的使用及安装: 工程文件简单的目录结构 index.html main.js   入口文件 App.vue   vue文件,官方推荐命名法 package.json   工程文件(项目依赖,名称,配置)     npm init --yes   生成 webpack.config.js   webpack配置文件 ps:  es6模块化开发  导出模块:export default {}   引入模块:import 模块名 from 地址 webpack的准

缘起 由于童心未泯,之前在手机上玩过钢琴模拟App,但是手机屏幕太小,始终觉得不过瘾.其实对于我这个连基本乐理都不懂的"乐盲"来说,就算给我一台真正的钢琴,我也玩不转.不过是图个新鲜.权当娱乐罢了.最近刚好入手一台带触摸屏的Lenovo Yoga 4 Pro,这倒给了我新的想象空间:大屏幕玩起来是不是更带感?在Win10应用商店里搜了下,还真有各种模拟钢琴的应用,随便选了一款安装.结果非常令人失望,音效惨不忍听,还各种闪退.这里顺便吐槽下win10的应用商店,里面的很多应用不是经常安装

这是Webpack+React系列配置过程记录的第四篇.其他内容请参考: 第一篇:使用webpack.babel.react.antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 第三篇:优化单页面开发环境:webpack与react的运行时打包与热更新 第四篇:React配合Webpack实现代码分割与异步加载 自从前几篇文章介绍如何搭建React+Webpack单页面应用开发环境之后,我就基于这个环境对我的书籍分享网站的管理后台进行业务代码的实现.

vue-cli3.x中使用axios发送请求,配合webpack中的devServer编写本地mock数据接口(get/post/put/delete) 手把手式笔记 Axios配置 安装 axios npm install axios main.js同级目录新建axios配置文件setaxios.js import axios from 'axios' // import store from './store' //vuex // import router from './router'

Vue.js与Webpack 1 vue.js介绍 1.vue.js是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动. 渐进式框架:Progressive,说明vue.js的轻量,是指一个前端项目可以使用vue.js

写在前面: 本文主要参考 From Require.js to Webpack - Part 1 (the reasons),原文作者将项目从 require.js 转移到了 webpack 并详细说明了原因以及好处. commonjs (webpack 默认 commonjs,很显然,commonjs 同步书写 js 的方式比 AMD 舒服很多) 客户端单元测试(node 具有丰富的测试框架,webpack 使得客户端测试也可以使用这些框架) 模块复用(node 和客户端的模块复用) NPM(

js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子 操作DOM 文本对象 js三种引入方式 (1)行间式:书写在代码块写在全局事件属性中 <div id="box" onclick="this.style.backgroundColor = 'red'; "></div> (2)内联式:书写在body最下方 <div id="temp

二者实现的功能是一样的,有以下区别 : ol.js一般打包项目的时候使用, ol-debug.js编写代码调试的时候使用. 下边是用ol-debug.js编写代码调试的显示: 编写代码调试的技巧,所有的对象可以通过get(“属性名”)方法获取对应的值 e.selected[0].get("name")  可以智能提示 e.selected[0]的所有属性和方法名,选择即可  e.selected[0].getGeometryName()

对于现在前端插件的频繁更新,所以多多少少要对组件化有点了解,下面这篇文章主要给大家介绍了在Vue.js中用webpack合并打包多个组件并实现按需加载的相关资料,需要的朋友可以参考下.   前言 随着移动设备的升级.网络速度的提高,用户对于web应用的要求越来越高,web应用要提供的功能越来越.功能的增加导致的最直观的后果就是资源文件越来越大.为了维护越来越庞大的客户端代码,提出了模块化的概念来组织代码.webpack作为一种模块化打包工具,随着react的流行也越来越流行. 使用 Vue 开发

Vue.js 的 webpack脚手架默认已经使用了 PostCSS 的 autoprefixer 的功能. 如果想使用下一代 css语法,即cssnext: 1. 安装依赖 npm install postcss-cssnext --save-dev 2. 修改 .postcssrc.js 文件 在 plugins 中添加一行,即 // https://github.com/michael-ciniawsky/postcss-load-config module.exports = { "pl

1.首先讲下怎样使用XMLHttpRequest 下面所说的是在cocos2d-x 2.2.2 或者 2.3 版本号中. 首先要明确cocos2d js事实上分两个版本号,一个是html5的版本号,另外一个是jsb的版本号.尽管他们js代码一样.可是实现原理是不一样的.所以说尽管都是叫XMLHttpRequest,两个版本号也是不一样的.html5的版本号就是普通的ajax调用,jsb的没详细研究.jsb的能够自己改动C++代码.要完整下载cocos2d-x代码,详细位置在libJSBindin

cocos2d-js-v3.2-rc0 cc.director.end();//退出app cc.Application.getInstance().openURL("http://www.baidu.com");//openurl 检测android下的返回键和menu键,可以用下面这段代码 cc.eventManager.addListener({event: cc.EventListener.KEYBOARD,onKeyReleased: function(keyCode, ev

针对这次 整个项目单页面的情况下,所有点击出现的新页面都是追加在母页面的情况下,很多时候不像原本的情况,可以直接在浏览器的调试环境下找到想要调试的js代码 这种情况下,怎么能找到子页面的js代码,调试呢? 方法有两种 方法1:找到想要调试的元素,然后找本元素上绑定的先关Event 方法2:在js代码中添加debugger;设置断点

在网页中会引用哪些常见的静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg .ttf .eot .woff .woff2 模板文件 .ejs .jade .vue[这是在webpack中定义组件的方式,推荐这么用] 网页中引入的静态资源多了以后有什么问题??? 网页加载速度慢, 因为 我们要发起很多

1.效果图: 之前在<Android 高仿 IOS7 IPhone 解锁 Slide To Unlock>中制作了文字上闪亮移动的效果,这次我们来看下怎样在cocos2d js 中做出类似的效果. 顺便给我公司的游戏打下广告.https://itunes.apple.com/cn/app/kuang-zhan-san-guo/id691116157? mt=8 2.效果原理 很easy.就是一张白色两边羽化的图片在标题上从左往右移动.可是普通的移动会穿帮.我们须要以标题作为模板来截取白色的图片

windows下使用vscode配合xebug调试php脚本 要下载有php_xebug.dll扩展的版本,最新版可能没有这个扩展,php7.3应该是有的,php7.3.4好像没有默认是不加载这个扩展的,需要在php.ini中加载上这个扩展,一定得注意是zend_extensionzend_extension=xdebug 调试cli脚本的php也需要配置下面这个,如果没有的话也是无法调试的[XDebug]xdebug.remote_enable = 1xdebug.remote_autosta

1.准备阶段 具备调试功能的VSCode(我的是在win10上,版本是1.17.1) 在VSCode里下载安装Debugger for Chrome扩展插件. 2.具体操作 创建一个cocosjs工程 cocos new coco315Pro -l js -d 你的路径 -p 包名 使用VSCode打开这个工程. Ctrl + o 由于cocosjs会加载json文件,所以需要把他部署到一个本地服务器上.我用nodejs创建了一个简单的http服务器,但是不好使,虽然index.html会正常发

1.找到对应的文件 按F12打开网页调试工具,默认打开的是Elements,显示的是网页标签元素.选择Source,在左侧找到对应的js代码文件(这里是在page标签上找到的) 1.1.如何找到webpack打包后的文件 用 webpack 打包过后的项目,在本地服务器上运行时,它在 source 上隐藏得比较深,你可以在 top -> webpack://  目录下找到原代码文件,名字和你自己命名的文件名相同. 如上图,在 webpack:// 的目录下可以找到原代码文件(注意,不是在src目

这段时间用vue.js+webpack做一个单页应用的demo,第一次尝试模块化,技术水平有限,学习不够深入,总是遇到各种问题,所谓前事不忘后事之师,so记录下. 1.ES6匿名函数里面this值 结合webpack,使用Babel转换器,可以安心用ES6了,关于箭头函数(匿名函数)一个注意点: 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象. 开始不知道这个特性,还弱弱的用了bind()方法把this值传进去,弱爆了!这个特性真的是好用,妈妈再也不用担心我的this对象丢