作者简介：一名大四的学生，致力学习前端开发技术⭐️个人主页：夜宵饽饽的主页❔系列专栏：JavaScript小贴士学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气目录1.2，JavaScript的输出1.2.1，页面输出1.2.2，控制台输出1.2.3，弹出窗口输出1.2.4，弹出输入框1.2，JavaScript的输出1.2.1，页面输出document.write("在页面显示"

文章目录1.简介2.安装和官网3.文件结构4.语法规范5.如何在vue项目中引入mockjs?6.另一种写法:单独写一个接口文件:mock/users.js1.简介Mockjs是一款模拟数据生成工具，模拟Ajax请求，通过随机生成数据,模拟各种业务场景并返回模拟数据，帮助前端在后台未提供接口时实现独立开发。Mockjs支持的随机数据类型很丰富，包括文本、数字、布尔值、日期、邮箱、链接、图片、颜色等

es6和es5和js的关系一.什么是eses就是js的国际标准，语法标准。es6是es5升级的新一代标准，目前大部分浏览器已支持es6语法标准，ie7-11不支持。二.es6的特点，与es5的区别1.es6与es5的类不同，es6引入class,写起来更符合面向对象的编程思维，实际上底层实现的逻辑是一样的。但会极大的简化代码，看起来更加清晰。es6的类有暂时性死区，不可变量提升，因为es6的类必须

JavaScript能跨平台、跨浏览器驱动网页，与用户交互。es就是javascript使用js时不能一下就用es6的版本，要保证还在用旧版本的浏览器客户的兼容性在开发大型项目时要是放到head中的...里，可能会导致渲染时间过长可以用浏览器的firebug插件，边学js边练习F12开关firebug操作面板，ctrl+shift+j唤醒错误工作台

js学习笔记js组成部分：ECMAScript标准规范，DOM文档对象模型，控制标签，BOM浏览器对象模型，控制浏览器标签获取：document.getElementById(’’);//通过id名获取元素

1.引用JS外部文件：在JS文件中，不需要标签,直接编写JavaScript代码就可以了。JS文件不能直接运行，需嵌入到HTML文件中执行可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。2.javascript作为一种脚本语言可以放在html页面中任何位置，但是浏览器解释html时是按先后顺序的，所以前面的script就先被执行。比如进行页

书接上回，实现第一人称控制器！！！以下步骤，缺一不可相机相关设置camera.applyGravity=true;//应用重力camera.checkCollisions=true;//开启碰撞检测constcamera=newFreeCamera("camera",newVector3(0,1,0));camera.minZ=0.5//相机的移动速度camera.speed=0.2//相机角度敏

目录deleteImport、Require、interopRequireDefaultrequireimportinteropRequireDefault引用出现的一些问题循环引用引用文件的变量作用域defer和async严格模式undefined和nullparseInt等转数子的方法，如果参数是数字加字符，会自动过滤字符原始字符串标签语句delete我在看nodejs的808协议解析的代码的

一、Node.js介绍1.1简单介绍C/S模式在客户端浏览器发起请求Web后台服务器数据库全栈开发工程师学习Node.js的目的：帮助大家了解服务端这个黑盒子，只有了解服务端才能更好地配合服务端开发人员更好地进行开发基本的网站开发能力服务端前端运维部署多人社区采用Javascript进行编程凡是能用Javascript实现的，最终都会用Javascript实现1.2Node.js是什么Node.j

接上篇Node.js学习笔记上篇Node.js学习笔记rabbitmq(本地服务自行安装)1.中间件2.配置及封装3.接口4.测试上篇Node.js学习笔记rabbitmq(本地服务自行安装)1.中间件

友情链接：threejs中文文档目录1.GLTF格式简介(Web3D领域JPG)GLTF格式信息2.加载.gltf文件(全流程)(1)引入GLTFLoader.js(2)gltf加载器newGLTFLoader()(3)gltf加载器方法.load()(4)纹理贴图颜色偏差解决3.递归遍历层级模型递归遍历方法.traverse()查看gltf默认的材质4.纹理encoding和渲染器纹理对象Tex

npminstallnode-schedule二.使用varschedule=require("node-schedule");参考文档nodejs模块node-schedule使用,定时任务Nodejs

JS入门基础知识总结4（循环语句）前言一、while循环二、dowhile循环三、for循环四、提前退出循环1、break（终止循环）2、continue（跳过循环）五、练习题学习笔记链接1、Javascript由来及书写方式2、数据类型与简单运算3、选择语句if、switch及练习题4、循环语句while、dowhile、for及练习题【本篇】5、函数、预解析、作用域5.1、递归函数、斐波那契数

1.window.location使用方法JS学习笔记——使用window.location得到的各部分参数的含义_老Chen先生的博客-CSDN博客_window.location.protocol2

1、初识Node.js1.1Node.js简介Node.js是一个基于ChromeV8引擎的JavaScript运行环境Node.js的官网地址：https://nodejs.org/zh-cn/1.2Node.js中的JavaScript运行环境浏览器是JavaScript的前端运行环境Node.js是JavaScript的后端运行环境Node.js中无法调用DOM和BOM等浏览器内置API1.

目录一、url模块二、url模块：newURL()1.简介2.用法3.URL对象4.常用API1）url.href2）url.pathname3）url.search三、url模块：newURLSearchParams()1.简介qs查询字符串模块https://blog.csdn.net/weixin_42214717/article/details/1280801602.用法1）创建空URLS

目录一、绝对路径和相对路径1.绝对路径①完整路径e.g.d:\Nodejs学习笔记\path模块\Nodejs.txt②__dirname③__filename2.相对路径①./表示当前所在目录②..

//这是路由模块//1.导入expressconstexpress=require('express')//2.创建路由对象constrouter=express.Router()//3.挂载具体的路由router.get('/user/list',(req,res)=>{res.send('Getuserlist.')})router.post('/user/add',(req,res)=>{r

node概念Node实际上就是一个JacaScript运行环境他集成了v8引擎，从而能对javascript代码进行解析执行组成部分v8引擎、内置API（eg：fs，path，http等模块fs文件系统模块导入模块constfs=require（‘fs’）读文件：语法格式：fs.readFile(读取文件的路径，编码格式，function（err，results））传的参数表示失败获成功写文件：语

1.for循环for循环可以说是js中一个非常方便而且常用的循环，值得注意的地方是for之后那个括号里的三个语句，只有正确的书写和顺序，才能正常的运行。demo:for(i=0;i<10;i++){console.log(i)}这里来详细的说明括号里三个语句的意义。第一个语句。i=0就是为了for循环多少次而定义的，他必须是一个变量，是循环多少次的重要参数。他也可以写在循环之前，是可选的，但是请注

一、什么是Webpack？webpack是一个现代的Javascript应用的静态模块打包工具二、前端模块化2.1、打包是如何理解呢？就是将webpack中的各种资源模块进行打包合并成一个或多个包（Bundle）并且在打包的过程中的过程中，还可以对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将TypeScript转成Javascript等等操作但是打包的操作似乎g

一、父子组件的访问方式：$children有时候我们需要父组件直接访问子组件，子组件直接访问父组件，或者是子组件访问根组件父组件访问子组件：使用$chilren或$refsreference（引用）子组件访问父组件：使用$parent我们先来看下$children的访问this.$children是一个数组类型，它包含所有子组件对象我们这里通过一个遍历，取出所有子组件的message状态-->按钮

一、为什么需要模块化随着ajax异步请求的出现，慢慢形成了前后端的分离为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护比如全局变量同名问题：如下的例子//aaa.js文件中，小明定义了一个变量，名称是flag,并且为trueflag=true;//bbb.js文件中，小红也定义了flag这个变量,为falseflag=false;//main.js文件中，小明想通过flag进行

课程来源：B站up主-首席bug专家首席bug专家的个人空间-首席bug专家个人主页-哔哩哔哩视频Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。浏览器支持性查看CanIuse...SupporttablesforHTML5,CSS3,etcBabel官网Babel·Babel转码

[转]passport.js学习笔记概述passport.js是Nodejs中的一个做登录验证的中间件,极其灵活和模块化,并且可与Express.Sails等Web

什么是材质Material材质用于在几何体的每个可见像素上添加颜色基础网格材质MeshBasicMaterial初始化基础网格材质MeshBasicMaterial，这种材质不受光照的影响。constmaterial=newTHREE.MeshBasicMaterial()接下来我们往场景中添加三个网格物体//球形缓冲几何体constsphere=newTHREE.Mesh(newTHREE.Sp

友情链接：threejs中文文档目录1.PBR材质简介光照模型网格模型材质整体回顾2.PBR材质金属度和粗糙度金属度metalness粗糙度roughness3.环境贴图.enMap环境贴图反射率.envMapIntensity场景环境属性.environment4.MeshPhysicalMaterial清漆层清漆层属性.clearcoat清漆层粗糙度.clearcoatRoughness5.物

书接上回，这里讨论创建天空盒！！！//天空盒constenvTex=CubeTexture.CreateFromPrefilteredData('./env/environmentSpecular.env',scene)scene.environmentTexture=envTex;scene.createDefaultSkybox(envTex,true)scene.environmentInt

书接上回，这里讨论导入自定义模型！！！constimportCarModel=(scene:Scene)=>{SceneLoader.ImportMesh('','./models/','C236.glb',scene,(meshs)=>{console.log(meshs)})}

书接上回，这里讨论贴图的运用！！！//创建球网格constball=MeshBuilder.CreateSphere('ball',{diameter:1},scene)ball.position=newVector3(0,1,0)//创建PRB材质constballMat=newPBRMaterial('pbr',scene)//albedoTexture反照率贴图ballMat.albedoT

书接上回，这里讨论PBR材质！！！//创建天空盒/**/constcreateSkyBox=(scene:Scene):void=>{constenvTex=CubeTexture.CreateFromPrefilteredData('./env/environment.env',scene)scene.environmentTexture=envTex;scene.createDefaultSk

1.现在模摸搭上建模这个需要专业人员操作切记需要操作的物品或者建筑一定要设置属性，要不然无法操作2，建模完毕后要对模型进行2次开发需要到ThingJS控制台上操作3.进入thisgjs控制台1.控制台会自动生成代码//加载场景代码varapp=newTHING.App({//场景地址"url":"/api/scene/08c75551cf95cdeec73e09da",//背景设置"skyBox"

这次我们将学习如何用3D软件创建自己的模型选择软件有很多软件如Cinema4D、Maya、3DSMax、Blender、ZBrush、MarmosetToolbag、SubstancePainter等都很不错。当然它们在用户体验、性能、功能、兼容性、价格等方面也有所不同。这次我们选择Blender，因为它是免费的，性能卓越同时适用于所有主流操作系统，还有一个广泛的社区。下载Blender官网下载地

书接上回，这里讨论给网格添加材质！！！准备好材质1、创建材质球/***创建网格材质*@paramscene场景对象*@returns材质对象*/constcreateGroundMaterial=(scene:Scene):StandardMaterial=>{consttexArray:Texture[]=[]//材质uv缩放constuvScale=4;constgroundMaterial=

递归函数概念解释练习1、计算1到100的累加和2、计算Fibonaccisequence的第N项:3、计算20的阶乘学习笔记链接1、Javascript由来及书写方式2、数据类型与简单运算3、选择语句if、switch及练习题4、循环语句while、dowhile、for及练习题5、函数、预解析、作用域5.1、递归函数、斐波那契数列计算【本篇】6、对象基础知识7、数组、冒泡排序、选择排序8、字符串

阴影一直是实时三维渲染的挑战，开发人员必须在合理的情况下找到显示真实阴影的技巧。Three.js有一个内置的解决方案，虽然其并不完美，但用起来很方便。阴影是怎么工作的？当你进行一次渲染时，Three.js将对每个支持阴影的光线进行渲染，那些渲染会像摄像机那样模拟光线所看到的内容，而在这些灯光渲染下，网格材质将被深度网格材质MeshDepthMaterial所替代。灯光渲染将像纹理一样被存储起来，称

初设import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'/***Base*///Canvasconstcanvas=document.querySelector('canvas.webgl')//Sceneconstsce

目录前言它能做什么？安装与引入安装引入到项目中初始化代码结果绘制基础图形矩形(fabric.Rect)代码结果圆形(fabric.Circle)代码结果三角形(fabric.Triangle)代码结果直线(fabric.Line)代码结果文本框静态文本框(fabric.Text)代码结果可交互的单行文本框(fabric.IText)代码结果可交互的多行文本框(fabric.Textbox)代码结果

React+typescript+umi+Babylonjs搭建基础场景yarnadd--savebabylonjsbabylonjs-loaders1、封装基础场景import{Engine,Scene}from"babylonjs";import{useEffect,useRef,FC}from"react";import"./index.less"typePropsType={antalia

Nuxt.js4.路由4.1路由概述4.2基础路由4.3动态路由4.4动态命名路由4.5默认路由4.6嵌套路由4.7过渡动效4.7.1全局过渡动效设置4.7.1自定义动画5.视图5.1默认模板5.2默认布局【掌握】5.2.1布局概述5.2.2布局分析5.2.3公共导航5.3自定义布局5.4错误页面5.5Nuxt组件特殊配置5.5.1模板代码5.5.2head整合axios4.路由4.1路由概述Nu

前言当a标签悬浮时浏览器左下角会出现链接地址，为了隐藏链接地址，除了使用用点击事件代替以外，我们还可以一次性解决页面所有a标签悬浮出现链接的问题。mounted(){this.deleteMsg();},methods:{deleteMsg(){$("body").on('mouseover','a',function(e){let$link=$(this)lethref=$link.attr('

JavaScript模块编译在编译过程中，node对获取的JavaScript文件内容进行了头尾包装。正常的JavaScript文件会被包装成如下：(function(exports,require,module,__filename,__dirname){//这里是JavaScript文件})每个模块之间进行了作用域隔离。模块的exports属性上的任何方法和属性都可以被外部调用，但是模块中的其

1、文件操作①文件的基本操作import*asfsfrom'fs';//回调函数一般是异步的//文件操作一般都是错误优先回调函数fs.mkdir('made-by-fs',err=>{if(err)console.log('文件夹已经存在');elseconsole.log('文件夹创建成功');})fs.rename('./made-by-fs','./log',err=>{if(err)con

文本同步收录于GitHub主题系列《Nodejs学习笔记》UPD客户端vsUDP服务端首先，启动UDPserver，监听来自端口33333的请求。

目录Node.js学习笔记nvm第一步安装nvm常用命令遇到的问题Node.js学习笔记个人博客地址：使用npm命令经常遇到npm与node.js版本不兼容报错的情况，下面通过nvm版本管理工具解决问题

Three.js学习笔记思维导图一些坑学习来源思维导图一些坑朝向问题相机以及灯光的朝向问题还没有弄清楚，官方提供了两个方法，一是camera.target=3Dobject，但不知道为什么这个方法并没有起作用

开始three.js官网地址：Three.js–JavaScript3DLibrary因为官网是部署在国外访问的时候比较卡我们可以把项目下载下来在本地运行第一步打开官网找到github选项第二步克隆一份下载到本地npmi下载对应依赖启动就可以了第三步启动项目进入这样的页面点击docs进入之后你可以选择语言之后再看文档的时候就不用等待那么长时间了如果你有VPN可以省略以上步骤npminstallth

JS基础知识总结4（字符串）前言一、字符编码二、创建方法三、常用方法1、基础方法2、截取字符串3、大小写转换学习笔记链接1、Javascript由来及书写方式2、数据类型与简单运算3、选择语句if、switch及练习题4、循环语句while、dowhile、for及练习题5、函数、预解析、作用域5.1、递归函数、斐波那契数列计算6、对象基础知识7、数组、冒泡排序、选择排序8、字符串的JS方法【本篇

基础知识总结2（对象）前言一、对象的概念二、复杂数据类型三、创建一个对象学习笔记链接1、Javascript由来及书写方式2、数据类型与简单运算3、选择语句if、switch及练习题4、循环语句while、dowhile、for及练习题5、函数、预解析、作用域5.1、递归函数、斐波那契数列计算6、对象基础知识【本篇】7、数组、冒泡排序、选择排序8、字符串的JS方法9、Math（数学）对象及内置方法

今天学习了一些javascript知识，不写一个页面标签，利用函数制作表格截图：代码：使用JS函数来制作表格练习$(document).ready(function(e){//1、向body页面内添加一个div，id命名为world$("body").append('');//2、在div内追加1个table，边框为1px，填充间距都是0$("#world").append('');//3、给wo