Git

开源的分布式版本控制系统

参考

廖雪峰 Git教程
Git 官方文档
介紹好用工具:BFG Repo-Cleaner

设置 git config

显示config

--list 打印设置

1
2
3
git config --list --style #查看系统设置
git config --list --global #查看当前用户设置
git config --list --local #查看当前所在仓库设置

--get [config name] 打印单个参数

1
2
3
4
#打印所有者邮箱
git config --get user.email
#打印所有者姓名
git config --get user.name

--local 当前所在项目
--global 当前用户(常用)
--system 系统设置
设置生效的优先级 local > global > system

SublimeText 常用插件

Package Control - the Sublime Text package manager JavaScript LiveReload 实时预览 设置, preferences > Package Settings > LiveReload > Settings -User { "enabled_plugins": [ "SimpleReloadPluginDelay", "SimpleRefreshDelay" ] } ...

javaScript jQuery 常用属性对照

获取元素 jQuery JavaScript $('html') $(':root') document.documentElement $('body') document.body $('head') document.head $('.class') .getElementsByClass('class') $('tag') .getElementsByTagName('tag') $('#id') document.getElementById('id') $('selector') .querySelector('selector') ...

Bootstrap入门

Bootstrap是一个基于HMTL/CSS/JavaScript的前端CSS框架,支持响应式,移动端优先,自带大量jQuery插件. 参考 Bootstrap 3 Tutorial Overview · Bootstrap 载入/环境搭建 可在官网下载Bootstrap 下载地址 注意 bootstrap依赖jquery.应在导入bootstrap.js前导入jquery.js popper是一个弹出框插件,如果载入popper.min.js时报错: Uncaught SyntaxError: Unexpected token export.则使用umd路径下的popper.min...

JavaScript String

string 参考 What's the point of new String(“x”) in JavaScript? MDN String 声明字符串 字面量 1234var word = 'hello';// 模板字符串(es6)var sen = `${word} world`;console.log(word, sen); // hello hello world 构造函数 12var word = new String('hello')console.log(word) // String {...

SASS

参考 SCSS快速入门 SCSS与Sass异同 安装 SASS基于Ruby语言,因此需先安装Ruby windows下建议使用rubyinstaller安装Ruby 安装SASS 1gem install sass 其他命令 123456// 升级sassgem update sass// 版本sass -v// 帮助sass -h SCSS/SASS的区别 SCSS是SASS 3的语法升级,最大的区别为SASS使用缩进表示层级关系,SCSS则是使用大括号表示层级关系 SCSS完全兼容CSS3语法,因此建议使用SCSS 常用语法(SCSS) 变量 SCSS以$开头表示一个变量,...

WebGL 着色器

着色器是一段跑在GPU中的程序,使用GLSL语言编写(OpenGL Shading Language) 着色器又分为两种,顶点着色器和片元着色器 其中顶点点着色器负责计算每个顶点的位置/颜色等信息,片元着色器则用来计算这些顶点间每个片元(像素)的颜色 参考 The Book of Shaders WebGLProgram threejs.org 翻译:非常详细易懂的法线贴图 lesson-webgl-shader-threejs Three.js Beginners GLSL Tutorial 参数 varying 从顶点着色器传递变量到片元着色器 uniform 由js代码传递给...

Three.js 模型载入

obj格式 THREE.OBJLoader(manager) manager 加载器使用的loadingManager,默认为THREE.DefaultLoadingManager 方法 load 加载文件 .load( url, onLoad, onProgress, onError) url 路径 onLoad (可选)加载完成后调用的函数,接收Object3D作为参数 onProgress (可选)加载过程中调用的函数,接收XMLHttpRequest实例作为参数,其中包含加载内容的总大小和已加载大小 onError (可选)出错时调用的函数,接收错误信息作为参数 示...

利用Three.js实现粒子系统

参考 three.js粒子效果(分别基于CPU&GPU实现) tween.js THREE.JS入门教程-4.创建粒子系统 致从没看懂过着色器代码的你 Points Points( geometry, material ) 用来创建点的构造函数,由WebGLRenderer渲染 属性 geometry Geometry|BufferGeometry的实例,用于定义结构 建议使用BufferGeometry(性能好) isPoints 检查对象是否是由Points构造函数生成的 material 一个Material实例,用于设置材质 默认值为PointsMateria...

Three.js入门

canvas { width:200px; height:200px; } var creExp = function(eleSel,shape) { // the function will render a shape in canvas element // eleSel: css selector,used to select canvas objcet,like: document.querySelector('canvas') // shape: three shape object,like: new THREE.Spher...