On the way

学习Threejs物理引擎Physijs

Physijs是Threejs物理引擎, 在Threejs之上又做了一层封装，可以提供一些如碰撞、掉落等物理效果，基于另外一个物理引擎ammojs, 通过Web worker另开一个线程来进行物理效果模拟的计算，避免阻塞渲染。官方文档 wiki。制作赛车游戏中遇到的一些问题。先放上 demo 和代码不会掉落的地面 Physijs加载场景之后，加载的物体都有默认的向Y轴负方向大...

Posted by Xsp on March 16, 2017

学习react

学习资料《react引领未来的用户界面开发框架》 http://yiminghe.me/learning-react/tutorial/zh-cn/intro.html#/ https://github.com/camsong/redux-in-chinese JSX javascript XML，在react内部构建标签的类XML的语法。优点：更加语义化和直观...

Posted by Xsp on March 14, 2016

js的一些基础知识

闭包，作用域链，原型链，继承

作用域链指向变量对象的指针列表，只引用但不实际包含变量对象。一般，函数执行完毕之后，局部活动对象就会被销毁，内存中仅保留全局作用域，但闭包却不同。闭包闭包是一个函数，它能使用函数定义外的变量，有权访问另一个函数作用域中的变量。使用全局变量就是一个简单的闭包的实例。创建闭包的常见方式就是在一个函数内部创建另外一个函数。原理：内部函数的作用域链包含外部函数的作用域链。外部函数执行完毕...

Posted by Xsp on March 9, 2016

关于angular的一些基础知识

双向数据绑定 Angular使用的是脏检测，当改变数据之后，需要做一些事情来触发脏检测，然后再应用到这个数据对应的DOM元素上，可以使用$digest和$apply这两个函数来将数据更新。 $digest和$apply的差别： $apply可以带参数，它可以接受一个函数，然后在应用数据之后，调用这个函数。当调用$digest的时候，只触发当前作用域和它的子作用域上的监控，但是当...

Posted by Xsp on March 8, 2016

meta标签自定义链接预览信息

在写好一个页面，用qq发送链接时，预览信息可能是这样的它的预览信息，并不是自己想要的效果。但是想到qq空间的分享，可以预览信息，看了一下qq空间的代码发现它是itemprop属性来定义一些预览信息的。亲测有效。但是这样写，好像qq消息预览时只会显示第一次发出消息时的预览消息，也就是说，如果你已经qq发送了一个链接，接下来，你再修改meta里对应的信息，发送出去的链接信息预览仍然是...

Posted by Xsp on September 21, 2015

仿照淘宝ued的一个菜单栏

demo : http://codepen.io/husterxsp/pen/zvOyjz 主要是利用了z-index层级来实现效果，其中需要注意的是，z-index只适用于定位元素，即定义了 ‘position’为非static的元素，另外有关分层的显示可参看 w3chelp分层的显示

Posted by Xsp on August 29, 2015

跨域问题解决

跨域问题原因：浏览器的同源策略，即：同domain（或ip）, 同端口, 同协议视为同一个域, 一个域内的脚本仅仅具有本域内的权限，可以理解为本域脚本只能读写本域内的资源，而无法访问其它域的资源。这种安全限制称为同源策略。协议，子域名，端口号等不同，均会导致跨域问题 No 'Access-Control-Allow-Origin' header is present on the req...

Posted by Xsp on August 7, 2015

node批量下载图片

最近想做一个图片管理的webApp，当然就需要大量图片了，想着干脆用脚本批量下载吧，搜了一下node相关的资料，以下是参考网上的资料以所写的： var fs = require('fs'); var request = require('request'); var cheerio = require('cheerio'); var mkdirp = require('mkdirp'); ...

Posted by Xsp on July 29, 2015

给a标签添加点击事件却无效

整理笔记，看到一个bug,代码大意如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> di...

Posted by Xsp on July 2, 2015

js for循环绑定问题解决

在网上看到的方法，第一个方法比较常见，第二种方法是第一次见，mark一下~ 方法一：立即执行函数（IIFE） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl...

Posted by Xsp on June 27, 2015