￥诸葛村夫￥

javaScript学习笔记一：javaScript基础

文章目录

- - javaScript学习笔记一：javaScript基础
  - - javaScript入门
    - 获取标签元素的操作
    - JS编写的最佳位置
    - js输出以及调试方式
    - 常见的js事件
    - 动手操作div任意样式
    - JS的数据类型
    - JS的变量
    - 数据类型之间的转换
    - js创建复杂数据类型数组和对象

javaScript入门

js是一种直译式脚本语言，是一种动态类型，弱类型基于原型的语言。也就是说js是一种运行在浏览器中的解释型的编程语言。
js的三种组成

ECMAScript :解释器，翻译者（描述了该语言的语法和基本对象）它是javaScript的标准

DOM(Document Object Model):文档对象模型，W3C是DOM的标准。

BOM:(Brower Object Model): 浏览器对象模型，缺乏标准。

第一个js代码实现鼠标的移入移出事件。

鼠标移入事件：onmouseover

鼠标移出事件：onmouseout

步骤：

**1、通过id找到我们要改变的div **

2、修改我们的css属性

这种写法有个问题就是各种版本的浏览器兼容性差，最好将css属性写入到


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
        <style type="text/css">
            #tim{
      
                width: 200px;
                height: 200px;
                border:1px solid black;
                margin: 0 auto;
            }
        style>
    head>
    <body>
        <div id="tim" onmouseover="tim.style.background='red'" onmouseout="tim.style.background='white'">div>
    body>
html>

获取标签元素的操作

document.getElementById(‘Id名’) 返回这个Id名的元素

document.getElementsByTagName(‘标签名’) 返回所有这个标签名的元素集合，返回的是该标签的数组

document.getElementsByClassName(‘className’) 返回所有这个class的元素的集合。

document.querySelector(“css任意选择器”) 返回第一个

document.querySelectorAll(“css任意选择器”) 返回符合的所有

document.documentElement 获取HTML元素

document.body 获取body元素


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
        <style type="text/css">
            #tim{
      
                width: 200px;
                height: 200px;
                border:1px solid black;
                margin: 0 auto;
            }
        style>
    head>
    <body>
        <div id="tim" class="xiaodi">div>
        <script type="text/javascript">
            //返回这个id名的元素。
            //document.getElementById('tim').style.background='red'
            //返回所有这个标签名的元素集合，获取到的是一个集合，拥有数组的特性
            //document.getElementsByTagName('div')[0].style.background='black'
            //通过ClassName获取到的也是一个集合
            //document.getElementsByClassName('xiaodi')[0].style.background='yellow'
            //document.querySelector("css任意选择器")返回第一个
            //css的选择器包含div,className,id.
            //使用时，div直接填div,className改为.className,id修改为#id
            //document.querySelector("div").style.background='green'
            //document.querySelector("#tim").style.background='red'
            //document.querySelector(".xiaodi").style.background='black'
            //document.querySelectorAll("css任意选择器")返回所有，返回是一个数组。
            //document.querySelectorAll(".xiaodi")[0].style.background='red'

        script>
    body>
html>

JS编写的最佳位置

一般情况下js写在页面的任何位置都可以，但是需要Script标签包括着，但是别写在html标签外。
最常见的写在head标签内部或者body内部
写在head标签内需要写上window.onload包着，要不然会报错，因为执行js时页面标签没有加载。

window.onload的作用是当页面加载完成后自动触发事件。

一个页面应该只有一个window.onload事件，如果写多个，就会覆盖执行最后一个。

js应该写在body结束标签之前。

下面代码分别是将js写在head标签里，写在body标签里，引用外部js代码。


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
        <style type="text/css">
            #tim{
      
                width: 200px;
                height: 200px;
                border:1px solid black;
                margin: 0 auto;
            }
        style>
        
        <script type="text/javascript" src='js代码应该写在哪里.js'>script>
    head>
    <body>
        <div id="tim">div>


        
    body>
html>

js输出以及调试方式

弹窗型输出

alert(“输出内容”)

浏览器调试窗口输出

console.log(“输出内容”)

innerHTML和innerText

给获取到的元素一些内容

document.getElementById(‘id名’).innerHTML=‘内容’

document.write(‘输出内容’)

输出内容会清空原有的html再生成一个新的html.


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
    head>
    <body>
        <div id='tim'>我是tim盒子div>
        <div id="rewrite">重写div>
        <script type="text/javascript">
            alert('我是弹窗内容')
            console.log('我是在浏览器调试窗口')
            document.getElementById('tim').innerHTML='我是Tim盒子的内容，我被注入进来了
'
            document.getElementById('tim').innerText='我是Tim盒子内容2，我被注入进来了
'
            document.getElementById('rewrite').onclick=function(){
      
                document.write('我是新的html,原本的被窝替代掉了')
            }
        script>	
    body>
html>

innerHtml可以带css的标签，innerText不能带css标签

常见的js事件

onclick 鼠标点击事件

onmouseover 鼠标移动到某元素上

onmouseout 鼠标从某元素上面移开

onchange 元素值改变，一般用在表单元素上

onkeydown 用户按下键盘按键

onfocus 元素获得焦点

onblur 元素失去焦点

window.onload 页面加载完成。


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
        <style type="text/css">
            #tim{
      
                width: 300px;
                height: 300px;
                background: red;
                margin: 0 auto;
            }

        style>
    head>
    <body>
        <div id="tim">div>
        <input type="" name="" id="xd">
        <script type="text/javascript">
            document.getElementById('tim').onclick=function(){
      
                alert('鼠标移入我的范围内')
            }
            document.getElementById('tim').onmouseover=function(){
      
                console.log('鼠标移入我的范围内了')
            }
            document.getElementById('tim').onmouseout=function(){
      
                console.log('鼠标移出我的范围内了')
            }
            document.getElementById('xd').onchange=function(){
      
                console.log(document.getElementById('xd').value)
            }
            //按下键盘事件
            document.getElementById('xd').onkeydown=function(){
      
                console.log('键盘按下了   ')
            }
            //获取焦点事件
            document.getElementById('xd').onfocus=function(){
      
                console.log('获取焦点事件')
            }
            //失去焦点事件
            document.getElementById('xd').onblur=function(){
      
                console.log('失去焦点事件')
            }
        script>
    body>
html>

动手操作div任意样式

1、创建div和操作按钮

2、获取div和按钮

3、给按钮添加点击事件

4、操作div样式


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
        <style type="text/css">
            #tim{
      
                width: 100px;
                height: 100px;
                background: red;
                margin: 0 auto;
            }
        style>
    head>
    <body>
        <button id="taller">增高button>
        <button id="longer">增长button>
        <button id="changebg">改变背景颜色button>
        <div id="tim">div>
        <script type="text/javascript">
            //给我们的增高按钮添加点击事件。
            document.getElementById('taller').onclick=function(){
      
                //获取id名为tim的div
                document.getElementById('tim').style.height='300px'

            }
            document.getElementById('longer').onclick=function(){
      
                //增长
                document.getElementById('tim').style.width='300px'
            }
            document.getElementById('changebg').onclick=function(){
      
                //增长
                document.getElementById('tim').style.background='green'
            }
        script>
    body>
html>

JS的数据类型

基础数据类型

字符串：string

数字(整型浮点型)：number

布尔：boolean

null：空对象

undefined：未定义

复杂数据类型

数组：Array

对象：Object

检查数据类型的两种基本方法

typeof

Object.prototype.toString.call(‘数据’)//鉴别复杂数据类型、引用数据类型。


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
    head>
    <body>
        <script type="text/javascript">
            //字符串
            console.log(typeof('string'))
            //数字
            console.log(typeof(345))
            //布尔
            console.log(typeof(true))
            //null		就相当于一个空的对象
            console.log(typeof(null))
            //undefined
            console.log(typeof(undefined))
            //object
            console.log(typeof({
      }))
            //鉴别复杂数据类型
            console.log(Object.prototype.toString.call({
      }))
            //数组
            console.log(typeof([]))
            //鉴别复杂数据类型
            console.log(Object.prototype.toString.call([]))
        script>
    body>
html>

其中Object.prototype.toString.call()用于检测复杂数据类型（对象，数组）

JS的变量

定义变量

var name

变量的规则

1、首字母必须是字母，或下划线，或美元符号开头，不能是数字。

2、后面的可以是字母，或下划线，或美元符号，或数字，字母区分大小写。

3、例如：var name 和var Name是不同的变量。

4、变量可以理解为取一个别名，方便操作。

定义一个字符串

var name='zhangsan'

js是先定义再执行的，即使没有写上定义代码，js也会自动定义的，只不过没有赋值。没有赋值就是undefined(未定义)

数据类型之间的转换

js的常见数据类型

显示转换

Number() 转换成数字类型

parseInt() 转换成整型

parseFloat() 转换成浮点数

String() 转换成字符串

toString() 转换成字符串

Boolean() 转换成布尔模型

隐式转换

操作时转换，

数字和字符串拼接转换成字符串


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
    head>
    <body>
        <script type="text/javascript">
            var a='122'
            var b='abc'
            //强制类型转换（显示转换）
            console.log(a,"类型:"+typeof(a))
            console.log(a,"用number进行类型转换后的类型："+typeof(Number(a)))
            //用number转换一个不是字符串的类型，但内容不是数字,转换后会生成一个NaN类型，是Not a  Number的缩写。
            console.log(b,"类型；"+typeof(b))
            console.log(b,Number(b),"用number进行类型转换后的类型："+typeof(Number(b)))
            //浮点型转换
            var c=3.1415926
            console.log(c,'整形转换：'+parseInt(c))
            console.log(c,'浮点型转换：'+parseFloat(c))
            //String和toString()效果一样。
            var d=123456
            console.log(d,String(d),typeof(String(d)))
            console.log(d,toString(),typeof(d.toString()))
            //Boolean,只有0是false,其他数字都是true
            console.log(d,Boolean(d))
            var m=-1
            console.log(m,Boolean(m))//true
            //隐式转换
            //数字和数字相加表示求和
            var sum
            sum=1+2
            console.log('sum='+sum)
            //数字和字符串相加表示字符串拼接，这就是隐式转换。
            sum2=1+'2'
            console.log('sum2='+sum2)
        script>
    body>
html>

js创建复杂数据类型数组和对象

数组的创建
- 直接创建和利用构造函数创建

var arr=[]//空数组

var arr1=[3,4,5]//有内容的数组

//利用构造函数创建

var arr1=new Array();//创建空数组

var arr2=new Array(10);//创建一个长度为10的数组

var arr3=new Array(5,4,3,2,1);//创建数组并初始化。

对象创建

var obj={}//创建空对象

var obj={a:1,b:2}//创建有内容的对象。

//利用构造函数创建

var obj=new Object()


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Documenttitle>
    head>
    <body>
        <script type="text/javascript">
            //直接创建数组
            var arr=[]
            var arr1=[1,2,3,4,5,6]
            //构造函数创建数组
            var arr2=new Array(1,2,4)
            console.log(arr1.length)
            console.log(arr2)
            //对象直接创建
            var obj={
      }
            var obj2={
      a:1,b:2}
            //利用构造函数创建
            var obj3=new Object()
            obj3={
      c:5,d:6}
            obj3.m=6
            obj3.e="123"
            console.log(obj2)
            console.log(obj3)
        script>
    body>
html>

element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
C#中使用split分割字符串互联网打工人no1 c#
1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java 算法华为 javascript
华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
数组去重好奇的猫猫猫
整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS 算法数据结构 c++
题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
Rust基础知识 GRKF15 rust 开发语言后端
1.Rust语言简介1.1基础语法变量声明：let关键字用于声明变量，可以指定或不指定类型，如leta=10;和letmutc=30i32;。函数定义：使用fn关键字定义函数，并指定参数类型及返回类型，如fnadd(i:i32,j:i32)->i32{i+j}。控制流：包括if、else等，控制语句后需要使用;来结束语句。1.2数据类型整数类型：i8、i16、i32、i64、i128，以及无符号的
C++菜鸟教程 - 从入门到精通第二节 DreamByte c++
一.上节课的补充(数据类型)1.前言继上节课,我们主要讲解了输入,输出和运算符,我们现在来补充一下数据类型的知识上节课遗漏了这个知识点,非常的抱歉顺便说一下,博主要上高中了,更新会慢,2-4周更新一次对了,正好赶上中秋节,小编跟大家说一句:中秋节快乐!2.int类型上节课,我们其实只用了int类型int类型,是整数类型,它们存贮的是整数,不能存小数(浮点数)定义变量的方式很简单inta;//定义一
docker igotyback eureka 云原生
Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
在Ubuntu中编译含有JSON的文件出现报错芝麻糊76 Linux kill_bug linux ubuntu json
在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
Xinference如何注册自定义模型玩人工智能的辣条哥人工智能 AI 大模型 Xinference
环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
关于Mysql 中 Row size too large (＞ 8126) 错误的解决和理解秋刀prince mysql mysql 数据库
提示：啰嗦一嘴，数据库的任何操作和验证前，一定要记得先备份！！！不会有错；文章目录问题发现一、问题导致的可能原因1、页大小2、行格式2.1compact格式2.2Redundant格式2.3Dynamic格式2.4Compressed格式3、BLOB和TEXT列二、解决办法1、修改页大小（不推荐）2、修改行格式3、修改数据类型为BLOB和TEXT列4、其他优化方式（可以参考使用）4.1合理设置数据
白骑士的Java教学基础篇 2.5 控制流语句白骑士所长 Java 教学 java 开发语言
欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘
4.C_数据结构_队列荣世蓥数据结构数据结构
概述什么是队列：队列是限定在两端进行插入操作和删除操作的线性表。具有先入先出(FIFO)的特点相关名词：队尾：写入数据的一段队头：读取数据的一段空队：队列中没有数据，队头指针=队尾指针满队：队列中存满了数据，队尾指针+1=队头指针循环队列1、基本内容循环队列是以数组形式构成的队列数据结构。循环队列的结构体如下：typedefintdata_t;//队列数据类型#defineN64//队列容量typ
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Python入门之Lesson2:Python基础语法小熊同学哦 Python入门课程 python 开发语言算法数据结构青少年编程
目录前言一.介绍1.变量和数据类型2.常见运算符3.输入输出4.条件语句5.循环结构二.练习三.总结前言欢迎来到《Python入门》系列博客的第二课。在上一课中，我们了解了Python的安装及运行环境的配置。在这一课中，我们将深入学习Python的基础语法，这是编写Python代码的根基。通过本节内容的学习，你将掌握变量、数据类型、运算符、输入输出、条件语句等Python编程的基础知识。一.介绍1
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）跳房子的前端前端面试 javascript 开发语言 ecmascript
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 error react mongodb 数据库
背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
Vue( ElementUI入门、vue-cli安装) m0_l5z elementui vue.js
一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.js vue-cli3
这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
更改npm镜像源为淘宝镜像骆小骆基于node.js
npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLO python
"""--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
JavaScript `Map` 和 `WeakMap`详细解释跳房子的前端 JavaScript 原生方法 javascript 前端开发语言
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
切换淘宝最新npm镜像源是 hai40587 npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
JAVA基础灵静志远位运算加载 Date 字符串池覆盖
一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
keepalived实现redis主从高可用 bylijinnan redis
方案说明两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
java文件操作大全 0624chenhong java
最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息 &nbs
android学习任务不懂事的小屁孩工作
任务完成情况搞清楚带箭头的pupupwindows和不带的使用已完成熟练使用pupupwindows和alertdialog，并搞清楚两者的区别已完成熟练使用android的线程handler,并敲示例代码进行中了解游戏2048的流程，并完成其代码工作进行中-差几个actionbar 研究一下android的动画效果，写一个实例已完成复习fragem
zoom.js 换个号韩国红果果 oom
它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。
spring学习——springmvc（一） a-john springMVC
Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。 1，跟踪Spring MVC的请求请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
hdu4342 History repeat itself-------多校联合五 aijuans 数论
水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
EJB和javabean的区别 asia007 bean ejb
EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了 1.EJB用于服务端应用开发, 而JavaBeans
Struts的action和Result总结百合不是茶 struts Action配置 Result配置
一:Action的配置详解: 下面是一个Struts中一个空的Struts.xml的配置文件 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
如何带好自已的团队 bijian1013 项目管理团队管理团队
在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。原文如下：我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
Java代码混淆工具 sunjing ProGuard
Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。什么是Sentine
使用代理实现Hibernate Dao层自动事务白糖_ DAO spring AOP 框架 Hibernate
都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
maven3实战读书笔记 braveCS maven3
Maven简介是什么？ Is a software project management and comprehension tool.项目管理工具是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区] 功能：
编程之美-子数组的最大乘积 bylijinnan 编程之美
public class MaxProduct { /** * 编程之美子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
读书笔记-2 chengxuyuancsdn 读书笔记
1、反射 2、oracle年-月-日时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
[求学与房地产]慎重选择IT培训学校 comsci it
关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题培训学校的教学楼和宿舍的环境和稳定性问题我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oracle rman filesperset PARALLELISM
RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
简单排序:冒泡排序 dieslrae 冒泡排序
public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
初二上学期难记单词三 dcj3sjt126com sciet
concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen 偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码收藏代码 dcj3sjt126com redis
wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make 前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。异常一： make[2]: cc: Command not found 异常原因：没有安装g
并发容器 shuizhaosi888 并发容器
通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。并发容器ConcurrentHashMap 替代同步基于散列的Map，通过Lock控制。 &nb
Spring Security（12）——Remember-Me功能 234390216 Spring Security Remember Me 记住我
Remember-Me功能目录 1.1 概述 1.2 基于简单加密token的方法 1.3 基于持久化token的方法 1.4 Remember-Me相关接口和实现
位运算焦志广位运算
一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。例如：9&am
nodejs 数据库连接 mongodb mysql liguangsong mongodb mysql node 数据库连接
1.mysql 连接 package.json中dependencies加入 "mysql":"~2.7.0" 执行 npm install 在config 下创建文件 database.js
java动态编译 olive6615 java HotSpot jvm 动态编译
在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。 HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
Storm0.9.5的集群部署配置优化 roadrunners 优化 storm.yaml
nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
101个MySQL 的调节和优化的提示 tomcat_oracle mysql
　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。　　3. 使用电池供电的RAM（注：RAM即随机存储器）。　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1

javaScript学习笔记一：javaScript基础

javaScript学习笔记一：javaScript基础

文章目录

javaScript入门

获取标签元素的操作

JS编写的最佳位置

js输出以及调试方式

我是Tim盒子的内容，我被注入进来了

我是Tim盒子内容2，我被注入进来了

常见的js事件

动手操作div任意样式

JS的数据类型

JS的变量

数据类型之间的转换

js创建复杂数据类型数组和对象

你可能感兴趣的:(前端学习笔记,js数据类型,js基础,javascript)