只关注了2d方面的,对现在项目有意义的概念。 UI坐标系 UI坐标就是Android和iOS等应用开发的时候使用的二维坐标系。它的原点是在左上角的。 我看pixi.js的坐标原点在左上角, OpenGL坐标 OpenGL坐标是种三维坐标。由于Cocos2d-x底层采用OpenGL渲染,因此的默认坐标就是OpenGL坐标,只不过只采用两维(x和y轴)。如果不考虑z轴,OpenGL坐标的原点在左下角。 世界坐标系 世界坐标系是系统的绝对坐标系,在没有建立用户坐标系之前画面上所有点的坐标都是以该坐标系的原点来确定各自的位置的。 世界坐标和模型坐标,Cocos2d-JS的坐标也
admin 2018-05-03 JavaScript 1398
方法一,提示蒙层提醒用户保持竖屏体验,这种方法体验太差 方法二,强制横屏显示,对屏幕 resize 事件进行监听,当判断为竖屏时将整个根容器进行逆时针 CSS3 旋转 90 度即可,代码如下所示。 这种方法可以解决绝大多数问题了。 // 利用 CSS3 旋转 对根容器逆时针旋转 90 度 var detectOrient = function() {   var width = document.documentElement.clientWidth,       height =  document.documentElement.clientHeight,    
admin 2018-05-03 JavaScript 902
效果: 算法: 代码: div class="stage" div class="sence" div class="sprite" /div /div /div style .stage{width: 100%; overflow: hidden; position: relative; } .sence{width: 1024px; height: 350px; background:url(../assets/images/background.jpg); position: relative;} .s
admin 2018-04-27 JavaScript 876
类似《返校》和《无尽梦魇》的那种。 基本算法: 主要是解决精灵匀速直线运动的问题。 效果: 代码: div class="stage" div class="sence" div class="sprite" /div /div /div style .stage{width: 100%; overflow: hidden; position: relative; } .sence{width: 1024px; height: 350px; background:url(../assets/i
admin 2018-04-26 JavaScript 798
body style="overflow:hidden" div class="stage" div class="content" img src="images/timg.jpeg" alt="" /div div class="roles" div class="roleOne" img src="images/mengpo.png" alt="" /div
admin 2018-04-26 JavaScript 1072
问题描述: 父组件传如lesser和larger两个参数,并且是ajax从服务器获取的。子组件定义created阶段输出lesser和larger。但larger为空。改成延迟输出则正确。 问题来源:https://segmentfault.com/q/1010000008912491 提问者的主要问题是没有搞清楚,vue实例的生命周期,created函数只会执行一次。 父组件: template my-editor :lesser="lesser" :larger="larger" /my-editor /template script
admin 2018-04-23 JavaScript 2161
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。 event.offsetX、event.offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。 event.sc
admin 2018-04-17 JavaScript 757
mt-cell is-link title="测试" v-on:click.native="test" img slot="icon" src="../../assets/images/icon/credit-card.svg" width="24" height="24" /mt-cell 这样才能正常绑定事件test,去掉is-link也可以绑定,如下: mt-cell title="测试" v-on:click.native="test" img slot="icon" src="../../assets/images/icon/credi
admin 2018-03-13 JavaScript 2903
1.node.js 的express服务器报 413 payload too largeexpress 4.0后版本var bodyParser = require('body-parser');app.use(bodyParser.json({limit: '50mb'}));app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/4132. 按说axios里会
admin 2018-01-03 JavaScript 990
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。其中File对象可以是来自用户在一个 input 元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果.对于图像类型的文件,Blob对象的type属性都是以"Image/"开头的,利用这个特性可以判断用户选择的文件是否是图像类型的。FileReader接口:主要用来把文
admin 2018-01-02 JavaScript 872
在浏览器中,我们一旦把节点添加到document.body(或者其他节点)中,页面就会更新并反映出这个变化,对于少量的更新,一条条循环插入也会运行很好,也是我们常用的方法。但是,如果当我们要向document中添加大量数据时(比如1w条),如果像上面的代码一样,逐条添加节点,这个过程就可能会十分缓慢。 documentFragment 被所有主流浏览器支持。所以,没有理由不用。DocumentFragments 是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段,将元素附加到文档片段,然后将文档片段附加到DOM树。在DOM树中,文档片段被其所有的子元素所代替。因为文
admin 2017-12-29 JavaScript 855
以下内容已整合到脚手架:sorrycc/dva-boilerplate-electron近期,我们在内部做了一个类似 IDE 性质的应用,基于 electron。过程中趟过不少坑,也有了些心得,记录如下。包含:数据通讯架构方案Two-Package 目录结构源码打包应用打包数据通讯数据通讯方案决定整体的架构方案。翻翻 Electron 文档,应该不难发现,Electron 有两个进程,分别为 main 和 renderer,而两者之间是通过 ipc 进行通讯。main 端有 ipcMain,renderer 端有 ipcRenderer,分别用于通讯。一个简单的读取文件的例子:main 端
admin 2017-12-26 JavaScript 830
本人的项目是 vue + webpack,vue单文件中使用了 Jade 模板与 less 预编译器 起因是因为谈论到 Jade 模板问题,Jade 早已改名为 Pug,并且发布了2.0版本,想着不如升级了吧,顺便把 webpack 与 vue 也一并升级了,事实证明,升级需谨慎 = = 首先之前的版本如下: "vue": "2.4.2" "webpack": "2.7.0" 升级后的版本为: "vue": "2.5.7" &
admin 2017-12-20 JavaScript 873
OPTIONS请求是信使请求,在跨域请求之前,浏览器会先发送OPTIONS请求去获取服务器请求访问头,如果OPTIONS请求被拒绝,则不会继续后续的GET/POST/PUT/PATCH等操作。前面请求,由于只是去探路的,只请求数据头部,所以返回空是正常的。如果前面的OPTIONS访问的头部信息被服务器拒绝,那么后面一次请求就不会被发起。这个是HTTP自身的特性,不用特意去处理,如果是自己的服务器的话,只需要在后台给所有的OPTIONS类型请求返回空就可以了(这只是以防万一,因为OPTIONS只请求数据头部,总是会返回空)。网上找到这个说法:https://segmentfault.com/q/
admin 2017-12-11 JavaScript 1067
全局唯一标识符(GUID,Globally Unique Identifier)也称作 UUID(Universally Unique IDentifier) 。GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”,其中的 x 是 0-9 或 a-f 范围内的一个32位十六进制数。在理想情况下,任何计算机和计算机集群都不会生成两个相同的GUID。GUID 的总数达到了2^128(3.4×10^38)个,所以随机生成两个相同GUID的可能性非常小,但并不为0。GUID一词有时也专指微软对UUID
admin 2017-11-29 JavaScript 811
FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单enctype属性设为multipart/form-data ,则会使用表单的submit()方法来发送数据,从而,发送数据具有同样形式。 链接到章节从零开始创建FormData对象 你可以自己创建一个FormData对象,然后调用它的append()方法来添加字段,像这样: var formData = new FormData(); formData.append("username",
admin 2017-11-29 JavaScript 711
安装方法1.使用CDN直接引用 script src="https://unpkg.com/vue/dist/vue.js" /script script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js" /script 2.NPM$ npm install vue-i18n3.Yarn$ yarn add vue-i18n使用方法在这里只介绍vue的使用方法 script /* 国际化使用规则 */ import Vue from 'vue' import Vu
admin 2017-11-19 JavaScript 899
CommonJS2009年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用于服务器端编程。这标志"Javascript模块化编程"正式诞生。因为老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;但是在服务器端,一定要有模块,与操作系统和其他应用程序互动,否则根本没法编程。NodeJS是CommonJS规范的实现,webpack 也是以CommonJS的形式来书写。定义模块根据CommonJS规范,一个单独的文件就是一个模块。每一个模块都是一个单独的作用域,也就是说,在该模块内部定义的变量,无法被其他模块读取,除非定义为global
admin 2017-11-04 JavaScript 777
div class="p9biao" div class="main" div class="pics" style="left: 0px" img class="pic" src="/images/k2s/page9/a1.png" alt="" / img class="pic" src="/images/k2s/page9/
admin 2017-09-15 JavaScript 699
function checkMobile(s){ var length = s.length; if(length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(14[0-9]{1})|)+\d{8})$/.test(s) ) { return true; }else{ return false; } }
admin 2017-07-13 JavaScript 772
随机推荐
Nginx 的 location 设置
冒泡法排序
Git 放弃本地修改,强制和之前的某次提交同步
WordPress 密码生成和密码验证
CSS 媒体特性 prefers-color-scheme
MySQL DATETIME 时间查询和转换
River 主题
Photoshop 使用插件支持 webp 格式的文件