js基础篇-开发工具

article/2025/10/12 4:29:18

一. Javascript的开发工具主要包括浏览器和代码编辑器
浏览器:用于执行,调试js代码。
代码编辑器:用于编写代码。

1. 常见的浏览器

开发商浏览器特点
MicrosoftInternet Explorerwindows操作系统的内置浏览器,用户数量较多
MicrosoftMicrosoft Edgewindows 10操作系统提供的浏览器,速度快,功能多
GoogleChrome目前市场占有率较高的浏览器,具有简介快速的特点
MozillaFirefox一款优秀的浏览器,市场占有率低于谷歌
AppleSafari主要应用在苹果iOS,macOS操作系统中的浏览器

2.代码编辑器

  • Natepad++ (初学者推荐)
    是一款非常有特色的编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等。是开源软件,可以免费使用,同时也支持各类流行的计算机编程语言。编辑器可以运行在微软的windows系统环境下,它的使用是受GPL许可证保护的,支持的语言:C、C++、Java、C#、XML、HTML、PHP、Javascript。
  • Sublime Text
  • Sublime Text 是一个轻量、简洁、高效、跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱!Sublime Text 2这款程序员必备代码编辑器,几乎每位程序员提到Sublime Text 2都是赞不绝口!它体积小巧,无需安装,绿色便携;它可跨平台支持Windows/Mac/Linux;支持32与64位操作系统,它在支持语法高亮、代 码补全、代码片段(Snippet)、代码折叠、行号显示、自定义皮肤、配色方案等所有其它代码编辑器所拥有的功能的同时,又保证了其飞快的速度!还有着 自身独特的功能,比如代码地图、多种界面布局以及全屏免打扰模式等,这些优秀特性让Sublime Text 2成了所有程序员眼中的神!
  • HBuilder
    HBuilderX是一款非常优秀的编辑器,是HBuilder的升级产品,具备优秀的文字的处理能力和网页编辑能力,HBuilderX可以让你的手体验飞一般的编码感觉,多种语言支持,超强联想让编辑者更高效地完成任务,软件内置环保绿柔主题,给力的同时又贴心。
  • Adobe Dreamweaver(我不喜欢用,打开速度慢)
    Adobe Dreamweaver 是一个集网页制作和网站管理于一身的所见所得网页编辑器。
  • Visual Studio Code (推荐)
    Visual Studio Code(以下简称vscode)是一个轻量且强大的跨平台开源代码编辑器(IDE),支持Windows,OSX和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持。

3.第一个js程序

第一步:创建一个文件,将文件设置为UTF-8编码。
在这里插入图片描述
第二步:将js代码嵌套置html代码中

<html>
<head>
<title>第一个js程序</title>
</head><script>alert('hello world');</script>
</html>

第三步:打开浏览器查看效果
在这里插入图片描述


http://chatgpt.dhexx.cn/article/XfwJCdUD.shtml

相关文章

推荐15款很棒的 JavaScript 开发工具

在开发中&#xff0c;借助得力的工具可以事半功倍。今天这篇文章与大家分享最近发现的一些有用的 JavaScript 和 jQuery 的开发工具&#xff0c;库和插件。希望这些工具在你你即将到来的项目中能用得上。 01、TestSwarm: Continious & Distributed JS Testing 地址&#xf…

分享 27 个面向开发人员的最佳 Vue.js 开发工具

英文 | https://javascript.plainenglish.io/best-27-vuejs-development-tools-for-developers-bd972bb5f573 01、BootstrapVue 地址&#xff1a;https://bootstrap-vue.org/ 一个用于 Vue.js 构建引导接口的开源库。 02、Vuex 地址&#xff1a;https://vuex.vuejs.org/ Vue.js…

JS 开发工具库

JS 开发工具库 前言一、开发环境准备1、安装 Node2、创建项目 二、工具函数的封装1、Ajax 的封装2、datePicker3、文件导出功能的实现3-1 导出 Word 三、项目打包1、打包前准备1.1 初始化项目1.2 下载依赖1.3 配置 Webpack1.4 配置打包命令1.5 项目打包1.6 测试 2、暴露工具函数…

JavaScript 开发者的 5 款必备工具

工欲善其事&#xff0c;必先利其器&#xff0c;一款优秀的开发工具能够极大提高程序开发效率与体验。在Web前端开发中&#xff0c;常用的开发工具有Visual Studio Code、Sublime Text、HBuilder等&#xff0c;下面我们就来介绍这些开发工具的特点。 1.Visual Studio Code Vis…

学javascript需要用到哪些开发工具?分享这几款

学习web前端技术&#xff0c;辅助工具是在学习过程中必须要用到的&#xff0c;包括后面的工作中&#xff0c;辅助工具可以更快的提高我们的工作效率&#xff0c;下面小编就为大家整理了学javascript需要用到的开发工具。 学javascript有哪些开发工具&#xff1a; 1.HBuilder …

SQLLDR 简介

1. SQLLDR导入 1.1 简介 SQL*LOADER是ORACLE的数据加载工具&#xff0c;通常用来将操作系统文件&#xff08;数据&#xff09;迁移到ORACLE数据库中。SQL*LOADER是大型数据仓库选择使用的加载方法&#xff0c;因为它提供了最快速的途径&#xff08;DIRECT&#xff0c;PARALLEL&…

uchar 和 uchar3的疑惑

一直没有注意过&#xff0c;之前写代码都是用别的库&#xff0c;一直会遇到uchar或者uchar3&#xff0c;以为它在stl中的内置的类型&#xff0c;后面发现不是&#xff0c;其实它是别的库私下定义的&#xff08;类似int3&#xff09;&#xff0c;详见opencv。 uchar它们在其中已…

安装另外一个版本keil5之后,出现许许多多的uchar未定义

新换了一台电脑。 结果就出现了很多很多问题&#xff0c;就是uchar突然不行。 一直在写宏定义&#xff0c; #define uchar unsigned char #define uint unsigned int #define ulong unsigned long 不成功&#xff0c;反倒错误越来越多&#xff0c;说是宏定义与之前的冲突。 后…

数据库之char vchar nchar nvchar的区别

首先介绍一下定长或变长 所谓定长就是长度固定的&#xff0c;当输入的数据长度没有达到指定的长度时将自动以英文空格在其后面填充&#xff0c;使长度达到相应的长度&#xff1b;有var前缀的&#xff0c;表示是实际存储空间是变长的&#xff0c;比如varchar,nvarchar变长字符数…

数据库中char varchar nchar nvarchar的区别

数据库中char varchar nchar nvarchar的区别 我们在进行数据库的设计的时候&#xff0c;很多情况下表中的字段都是用的是字符串类型的数据&#xff0c;其中就有四种选择char varchar nchar nvarchar&#xff0c;我们该如何进行&#xff1f; 四种类型的详细说明 char&#xff1…

【OpenCV】中saturate_castuchar的含义和用法是什么?

saturate_cast<uchar>主要是为了防止颜色溢出操作 原理大致如下 if(data<0) data0; elseif(data>255) data255;比如我们对像素进行线性操作。 <1> 不使用saturate_cast<uchar> //三个for循环&#xff0c;执行运算 g_dstImage(i,j) a*g_srcImage(i,j…

用cout输出uchar(unsigned char)变量时,没有输出结果怎么办?

在OpenCV中uchar实际上就是unsigned char&#xff0c;其定义如下&#xff1a; typedef unsigned char uchar;在图像处理中&#xff0c;我们经常用unsigned char代表我们的灰度值&#xff0c;因为灰度值的范围刚好是0~255嘛。 于是&#xff0c;习惯性地用久之后我们就容易真把…

opencv中 .at<uchar>()和.ptr<uchar>()使用方法的区别

opencv中 .at<uchar>&#xff08;&#xff09;和.ptr&#xff1c;uchar&#xff1e;&#xff08;&#xff09;使用方法的区别在opencv中&#xff0c;.at<uchar>&#xff08;&#xff09;和.ptr<uchar>&#xff08;&#xff09;都是获取像素值的函数&#xff…

char/uchar类型越限总结

我们在文章一和文章二中分析了char和uchar的取值范围和越限的情况。 总结&#xff1a; 1、char/uchar本质是保存的整型数&#xff0c;一个字节的整型数&#xff1b;//所谓的字符型&#xff0c;其实是将整型作为ascii码转换成的字符。 2、uchar的取值范围 十进制&#xff1a…

【机器学习】高斯混合模型详解

目录 1 引言2 高斯混合模型2.1 高斯分布2.2 高斯混合模型 3 高斯混合模型的求解4 参考文献 1 引言 高斯混合模型&#xff08;Gaussian Mixture Model, GMM&#xff09;是单一高斯概率密度函数的延伸&#xff0c;GMM能够平滑地近似任意形状的密度分布。学习高斯混合模型主要是因…

高斯混合模型聚类(GMM)matlab实现

Gaussian Mixture Model &#xff0c;就是假设数据服从 Mixture Gaussian Distribution &#xff0c;换句话说&#xff0c;数据可以看作是从数个 Gaussian Distribution 中生成出来的。实际上&#xff0c;我们在 K-means 和 K-medoids 两篇文章中用到的那个例子就是由三个 Gaus…

混合模型简介与高斯混合模型

高斯混合模型 混合模型概述 In statistics, a mixture model is a probabilistic model for representing the presence of subpopulations within an overall population, without requiring that an observed data set should identify the sub-population to which an indi…

GMM高斯混合模型

GMM高斯混合模型 一、GMM简介 GMM 全称是高斯混合模型&#xff0c;顾名思义&#xff0c;其本质就是将n个高斯模型混合叠加在一起&#xff0c;主要用处是用来作异常检测&#xff0c;聚类等&#xff1b;优点就是可解释性好&#xff0c;在低维数据上有着不错的效果&#xff1b; …

matlab构建高斯混合模型,使用matlab创建高斯混合模型及绘图

Matlab提供了根据几个独立的高斯模型创建Gaussian Mixture Model(GMM)的函数&#xff0c;即fitgmdist。关于该模型的具体使用方法以及绘制生成的GMM的图形的方法&#xff0c;如下代码所示&#xff1a; %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%…