- 博客(27)
- 资源 (1)
- 收藏
- 关注
原创 Threejs构建mesh
几何体//var geometry = new THREE.SphereGeometry(60, 40, 40);var geometry = new THREE.BoxGeometry(100, 100, 100); //创建一个立方体几何对象Geometry//基础网格材质对象 不受光照影响 没有棱角感var material = new THREE.MeshBasicMaterial({ color: 0x0000ff, wireframe: true, /.
2020-12-31 14:50:59 4593 1
原创 javascript事件分发模块
EventDispatcher.jsfunction EventDispatcher() {}Object.assign(EventDispatcher.prototype, { addEventListener: function(type, listener) { if (this._listeners === undefined) this._listeners = {}; var listeners = this._listeners; .
2020-12-29 14:55:23 476
原创 webpack打包
webpack.config.jsconst path = require('path')let HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { mode: "development", // 配置打包的入口和出口文件 entry: './src/index.js', output: { // 输出文件的存放路径 path: path.re.
2020-12-29 13:25:11 210 1
原创 es6 模块的导入和导出
a.jslet a = 3;export let bb = "xuhaitao"function add() { a++; console.log(a);}export function jiafa(a, b) { return a + b;}export default { a, add }b.jslet aa = ["xu", "hai ", "tao "];// xu : 0// hai : 1// tao : 2aa.forEa
2020-12-28 14:39:12 168
原创 vscode 清空控制台 快捷键设置
1、ctrl+shift+P 输入 Keyboard Shortcuts2、输入框输入workbench.action.terminal.clear3、双击该条目4、弹出框内space+B,回车保存FR:徐海涛(hunk Xu)QQ技术交流群:386476712
2020-12-28 13:07:47 3299
原创 babel使用
npm init --yesnpm install -D -g @babel/core @babel/cli @babel/preset-env @babel/node npm install --save -g @babel/polyfill创建babel.config.jsconst presets = [ [ "@babel/preset-env", { 'targets': { '.
2020-12-28 10:26:46 148
原创 new Function在引擎中的作用
var script = "var name=`${name}`; var age=`${age}`;alert(this.cun); function showName(){console.log(name)}" + " function showAge(){console.log(age)} "var fanhui = "{showName,showAge}";let str = script + '\nreturn ' + fanhui + ';';let k = { cun: "
2020-12-20 14:04:47 155
原创 JS中遍历对象的所有属性,并取出对应的属性值
function haitao() { this.name = "xuhaitao"; this.age = 36; this.friend = [{ name: "hunkxu", age: 36 }, { name: "xiaoxu", age: 63 }];}let aaa = new haitao();for (var m in aaa) { console.log(m, aaa[m]);}打印结果:FR:徐海涛(QQ技术交流群:386476712
2020-12-20 12:29:07 2146 1
原创 threejs引擎的研究
var selectionBox = new THREE.BoxHelper(); selectionBox.material.depthTest = false; selectionBox.material.transparent = true; selectionBox.visible = false; sceneHelpers.add(selectionBox);FR:徐海涛(hunk Xu)QQ技术交流群:386476712...
2020-12-18 15:04:26 643
原创 js中方法名.属性等同于高级语言中的静态的作用
var A = function() { this.name = "xuhaitao";}let xx = new A(); //通过new关键字,构造出一个A的实例对象//注意方法A本身就是一个对象,所以可以动态的给对象添加属性A.add = function() {}A.jian = function() {}可以这样的一个比喻造车工厂 可以造出很多车,每个车其实就是new的一个对象而工厂本身也是一个对象FR:徐海涛(hunk Xu)QQ技术...
2020-12-17 15:06:21 134
原创 js通过原型链实现继承
function aa(name) { this.name = name;}aa.prototype = { show() { console.log(this.name); }}function bb(name) { this.name = name;}bb.prototype = Object.create(aa.prototype);let zhi = new bb("xuhaitao");console.log(zhi);con.
2020-12-17 11:09:56 212
原创 js中Object.create的使用
let a = { name: "hunk xu", family: { father: "zhu", mother: "ping" } }let b = Object.create(a); //Object.create创建一个空对象,然后将a作为这个空对象的原型console.log(a);console.log(b);b.name = "xuhaitao";console.log(a.name); //hunk xub.family.father = "guo";console.log.
2020-12-16 17:32:28 433
原创 new关键字和Object.create区别
function A() { this.name = "hunk xu"; this.other = function() {}}A.prototype = { add() {}}console.log(new A());console.log(Object.create(A.prototype));打印结果:FR:徐海涛(hunk Xu)QQ技术交流群:386476712...
2020-12-16 17:14:07 124
原创 JS使用new关键字实例对象注意点
function A() {}A.prototype = { jia() {}, jian() {}}console.log(new A());返回结果:下面看第二种写法,只不过这次是A方法返回一个对象,那么如果你用new A() 返回的是return 的那个{},而这个空对象和A已经没有任何的关系了function A() { return {}}A.prototype = { jia() {}, jian() {}}consol..
2020-12-16 16:48:36 235
原创 rollup.js打包
创建一个工程, 初始化项目npm init --yes 全局安装rollupnpm i rollup -g 查看rollup版本rollup -v FR:徐海涛(hunk Xu)QQ技术交流群:386476712
2020-12-14 13:57:21 590
原创 js函数原型链
function show(a, b) { this.shu01 = a; this.shu02 = b;}show.prototype.jia = function() { return this.shu01 + this.shu02}show.prototype.jian = function() { return this.shu01 - this.shu02}console.log(show);var mm = new show(30, 25);.
2020-12-12 22:22:56 114
原创 ECMAScript6(ES6)的语法
function add(a, b, ...arr) { alert(a); alert(b); alert(arr);}let aa = ["xu", "hai", "tao", 9];add(...aa);function add(a, b, c) { alert(a); alert(b); alert(c);}let aa = ["xu", "hai", "tao"];add(...aa);FR:徐海涛(hunk...
2020-12-12 21:25:14 69
原创 js响应左右键点击的方法
window.addEventListener("click", function(e) { e.preventDefault(); alert("左键点击");})window.addEventListener("contextmenu", function(e) { e.preventDefault(); alert("右键点击")})FR:徐海涛(hunk Xu)
2020-12-12 20:59:53 645 1
原创 typescript的类与js的闭包
使用js的高级特性-闭包,来实现类的效果var Car = ( function() { // 构造函数 function Car(engine) { this.engine = engine; } // 方法 Car.prototype.disp = function() { console.
2020-12-02 18:22:32 470
原创 VSCode源码编译研究01
vscode源码,github下载地址:https://github.com/microsoft/vscodeFR:徐海涛(hunk Xu)QQ技术交流群:386476712
2020-12-02 09:38:39 472
原创 yarn包管理器的安装
安装yarnnpm install -g yarn安装完后,使用下面代码查看yarn版本号yarn -vFR:徐海涛(hunk Xu)QQ技术交流群:386476712
2020-12-01 16:56:04 1319
原创 VSCode实现Nodejs智能代码提示功能
npm install --save-dev @types/nodeFR:徐海涛(hunk Xu)QQ技术交流群:386476712
2020-12-01 14:52:27 2084
原创 typescript安装使用
之前装过vscode和nodejsnpm i -g typescriptnpm i -g ts-nodeinterface Iperson{ name:string, age:number, sing:()=>void, myphone:()=>number}let p01:Iperson={ name:"xuhaitao", age:36, sing:function(){ console.l
2020-12-01 13:15:54 76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人