js入门 全网最最详细

简介: js入门 全网最最详细
js 输 入 输出
a.输出
document.write('输出信息')
注意:在boby类   如果是标签会被解析成网页元素  
例子
<script>
document.write('hello,world')
document.write('<h1>hello</h1>')
</script>
alert('输出信息')
作用:页面弹出对话框
console.log('控制台打印')
作用:控制台输出语句   程序员调用
b.输入
prompt('xxxx')
作用:显示 对话框  用来提升用户输入文字
c.执行先后

alert() prompt () 会跳过页面渲染先执行

d.字面量

定义:计算机描述事物

比如:工资1000 此时, '1000'就是数字字面量 还有字符串字面量 ,数组字面量 ,对象字面量。

变量

1.定义:存储数据容器

**注意:变量不是数据本身,仅仅存储数据是容器**。

2.使用变量

语法: let 变量名

`例子 :<script>`
`let  age(未定义数值)`
`</script>

3.赋值 "="

例子 :<script>`
`let  age=18
`</script>
通过变量名获得数据
更新变量

赋值后 通过给他一个值更新ta

例子

例子 :<script>`
`let  age=18
age=19  (覆盖)
i
错误:let  age=19  不可多次声明
console.log(age)  输出19
`</script>
通过变量名获得数
声明多个变量
例子 :<script>`
`let  age=14  ,name='圣诞节'(不推荐)
console.log(age,name)
`</script>
上课案例

输出用户名

<boby>`
<script>`
`let  name =prompt('请输入用户名')`
`document.write(name)`
`</script>`
`</boby`>
交换变量值
<boby>`
<script>`
   let  a=10
   let b=20
   let  c
   c=a
    a=b
    b=c
    console.log(a,b)
`</script>`
`</boby`>
变量的本质

定义:程序在内存 中申请的一块用来存放数据的小空间

变量的命名规则与规范

规则:必需遵守 ,否则报错 (法律层面)

规范:建议,要符合业内通识(道德)

1.规则

a. 不能用关键字

关键字:js中一些英语词汇 例如 :let var if for 等等

b.只能用 '_ , 字母 ,数字 ,$' 但是不能用数字开头

c.严格区分大小写 ,如 age 和 Age

2.规范

a.起名要有意义

b.遵守 小驼峰命名法

例子: 第一个小写 ,后面的每个单词首字母大写 userName

——————————————————————————————————————

var 和 let 区别

在旧的j中 使用 var 声明变量 ,不是let

var 现在开发一般不用 ,只是在老程序中出现

而 let 为了解决var的问题

var声明:

a.可以先使用 后声明(不合理)

b.var 声明的变量可以重复声明 (不合理)

c.比如 变量提升,全局变量 ,没有块级作用域等等

结论: var过时了 时代变了 用let
相关文章
|
2月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
624 2
|
1天前
|
JavaScript 前端开发
【JavaScript】——JS基础入门常见操作(大量举例)
JS引入方式,JS基础语法,JS增删查改,JS函数,JS对象
|
1月前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
131 1
|
1月前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
45 0
|
1月前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
92 10
|
1月前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
3月前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
2月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
2月前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
35 1
|
2月前
|
机器学习/深度学习 自然语言处理 前端开发
前端大模型入门:Transformer.js 和 Xenova-引领浏览器端的机器学习变革
除了调用API接口使用Transformer技术,你是否想过在浏览器中运行大模型?Xenova团队推出的Transformer.js,基于JavaScript,让开发者能在浏览器中本地加载和执行预训练模型,无需依赖服务器。该库利用WebAssembly和WebGPU技术,大幅提升性能,尤其适合隐私保护、离线应用和低延迟交互场景。无论是NLP任务还是实时文本生成,Transformer.js都提供了强大支持,成为构建浏览器AI应用的核心工具。
633 1