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 {"hello"} 把Stri...

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...

html2canvas

var dwsnapshot = function(){ var ele = document.querySelector('.content-wrap'); html2canvas(ele,{ // width: 800, scale: 2, }).then(function(c) { var aNode = document.createElement('a'); aNode.href = c.toDataURL("png", 1); //别忘了设置download属性,否则会...

JavaScript Array

数组是一种数据结构,内含一组有序元素.在js中,数组也是对象 参考 Object.prototype.toString方法的原理 紫云飞 How can I shuffle an array? stackoverflow 获取两个数间的随机数 stackoverflow 速查表 实例化(创建)数组 有两种方式创建数组 1 通过Array构造函数创建数组 new Array() new Array(length | element1, element2...) //不传入参数,返回空数组 var arr = new Array(); console.log(arr) //[] /...

屏蔽智联招聘上的虚假招聘

智联招聘上总是有皮包公司发一堆虚假招聘,可以用uBlock Origin扩展屏蔽掉 规则 sou.zhaopin.com##.newlist:has-text(公司名称) // 例如想屏蔽 四十大盗有限公司 北极熊有限公司 // 就把下列规则填在uBlock origin的自定义规则列表里,一行一个 sou.zhaopin.com##.newlist:has-text(四十大盗有限公司) sou.zhaopin.com##.newlist:has-text(北极熊有限公司)

jQuery入门

jquery是一个Javascript库.简化了js Dom/CSS/Ajax操作,支持链式表达式/动画.兼容ie6+浏览器,拥有丰富的第三方扩展 参考 jQuery API 中文文档 载入jQuery 本地加载 123<head> <script type="text/javascript" src="jquery-3.2.1.js"></script></head cdn加载 12<!--使用Microsoft CDN加载jQuery--><script type="text/javascript" src="h...