最新 - sdk社区 | 技术至上

9 天前 / 零00

javascript-事件对象

事件对象的获取元素对象绑定事件时，在函数的小括号()里面写 e 或者 event evt,事件对象里面包含了改事件的各种信息：事件类型、触发事件元素、触发事件时鼠标位置等等、、、eg: ul.onclick = function(e) { console.log(e);}控制台打印结果：注意：事件对象是先有事件，然后写e获得事件对象，不用传参，javascript本身定义好了eie9以下不能识别e，需用 window.event 获取事件对象，兼容性可以用：e = e || window.

110 阅读

收藏
9 天前 / 零00

javascript-DOM事件流

DOM事件流：捕获阶段、冒泡阶段捕获阶段- - -事件从顶层节点到底层节点传递：document-》html-》body-》father-》son冒泡阶段- - -事件从底层节点到顶层节点传递：son-》father-》body-》html-》document如果各层节点绑定了事件，触发一个元素事件时，会按以上顺序依次执行，即使没动其他事件绑定的对象，一些事件也会执行，就是因为DOM事件流的原因注意：onclick 和 attachEvent 只能得到冒泡阶段，addEventListener(

117 阅读

收藏
10 天前 / 零00

javascript-注册/删除事件

注册事件：1. 元素对象.事件类型- - -传统注册事件方式。注意：这里的时间类型有前缀-oneg:btns[0].onclick = function() { \\\事件处理程序}2. 元素对象.addEventListener('事件类型', fn)。注意：①这里的时间类型没有前缀-on②该方法有兼容性，对ie浏览器来说，ie9以上才支持eg:btns[1].addEventListener('click', function() { \\\事件处理程序});3. 元素对象.a

89 阅读

收藏
11 天前 / 零00

javascript-动态生成表格/删除行

动态生成一个带删除行功能的表格：实现思路：获取表格\元素获取要填充的数据，一般是从数据库取数据，也可以自己模拟一组数据进行测试，数据是以对象的形式存储的，多行数据可以用数组进行存储，数组中每一项均为一个对象①循环遍历对象数组，创建行，②嵌套一个循环- - -循环遍历对象：a.根据属性创建所需个数的单元格，b.并给单元格赋值，c.然后添加单元格到行中，③添加一个单元格，并赋值一个a链接，文本内容- - -“删除”，将该单元格添加到行添加改行到tbody中获取所有的 a 元素- - -documen

108 阅读

收藏
13 天前 / 零00

JavaScript-换肤效果（换背景）

换肤效果：点击不同图片，更换相应页面背景实现思路定义一组图片，每个src属性赋值背景图片路径获取一组图片元素对象（得到伪数组）for循环给图片绑定点击事件- - -onclick，事件处理程序中设置body元素对象的背景图片为- - -当前被点击的图片的路径注意：body元素对象的获取为- - -document.body，js为背景图片路径赋值注意路径的拼接- - -document.body.style.backgroundImage = 'url(' + this.src + ')';代码

220 阅读

收藏
13 天前 / 零00

JavaScript-节点操作

三种动态创建元素的区别document.write()element.innerHTMLdocument.creatElement()区别：document.write 是直接将内容写入页面的内容流，但是文档流执行完毕后在执行它的话，它会导致页面全部重绘- - -页面其他内容没有了，只有新创建的内容innerHTML 是将内容写入某个 DOM 节点，不会导致页面重绘innerHTML 创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂creatElement() 创建多个元素

136 阅读

收藏
18 天前 / 零00

JavaScript-tab栏切换

tab栏：点击不同的标签，显示不同的内容，被点击的标签样式发生改变（突出选中的是哪一个）实现思路：将tab栏分为上下两部分，上面是导航列表，下面是各部分对应的内容。把标签和内容都写出来，内容按照标签顺序依次顺着写，给标签都添加自定义属性- - -index，属性值从0开始，依次增加1首先实现上面的效果，点击后样式切换，被点击的字体颜色、背景颜色改变等:①css定义一个类eg：current，里面定义改变后的样式，先给第一个标签写一个该类名，其他的不写类名，②js获取所有标签元素对象，- - -f

219 阅读

收藏
18 天前 / 零00

JavaScript-读取/操作元素属性

读取元素属性值元素对象.属性名元素对象.getAttribute('属性名')两者区别：方法1 只能读取自带属性，不能读取自定义属性方法2 自带、自定义属性都可以读取一般，读取自带属性就用传统的方法1；读取自定义属性用方法2H5中自定义属性一般加上前缀“data-”，例如“data-index”获取data-开头的自定义属性还可以用- - -元素对象.dataset.除前缀的后面名，eg: 元素对象.dataset.index如果自定义属性名较长，如这种：data-fruit-name=

157 阅读

收藏
19 天前 / 零00

JavaScript-复选框全选/全取消

实现思路获取总选框、所有小选框元素对象总按钮控制小按钮- - -给总选框绑定onclick点击事件，事件处理程序- - -for循环遍历所有小选框，将总选框的- - -checked属性值- - -赋值给它们小按钮影响总按钮- - -for循环给每个小复选框绑定点击事件，每次点击都 for循环检查所有的复选框是否被选中：设置一个变量 flag 控制总按钮的选中状态，初始值为 true ，for循环遍历检查各小复选框选中状态，只要有一个没有选上，flag = false，break 跳出循环不

182 阅读

收藏
19 天前 / 零00

JavaScript-表格动态变色

表格分为：表头、表格主体两部分当移动到表格主体的行时，移动到哪一行，哪一行就变化颜色，区分我们选中的行数，更明显的看到选中了哪一行实现思路获取表格主体的所有行css定义一个背景颜色类 for循环遍历，将每行都分别绑定onmouseover、onmouseout事件，onmouseover（鼠标经过）- - - 该行类名赋值定义好的背景颜色类名onmouseout（鼠标离开）- - - 该行类名赋值空注意：这里不用排他思想，用排他思想，鼠标离开的最后的一行会有颜色代码示例：

180 阅读

收藏
20 天前 / 零00

JavaScript-排他思想（算法）

如果有一组相同标签的元素，需要点击的那一个样式变化，其他不变，可以使用排他算法实现思路：获取所有的元素对象for循环给元素绑定点击事件在for循环里，再添加一个for循环- - -将所有的元素样式设置为初始值，给自己单独设置样式代码示例：排他算法苹果橙子芒果香蕉榴莲橘子 // var btns = document.querySel

183 阅读

收藏
20 天前 / 零00

JavaScript-开关灯效果

页面有一个按钮，点击一下，就切换开关灯状态实现思路：创建一个变量flag，记录开关状态，开 = 1；关 = 0.每次点击后，更改flag值获取页面body元素对象，按钮元素对象，给按钮元素绑定点击事件，每次点击后，触发- - -onclick事件，if语句判断flag的值，如果等于1- - -代表当前是开灯状态，点击是要切换到关灯状态，将body元素的背景色设置为黑色- - -body.style.backgroundColor = 'black';否则flag 等于0- - -代表当且是关灯

205 阅读

收藏
21 天前 / 零00

JavaScript-下拉菜单的显示隐藏

有时需要这种页面效果：鼠标移动到元素上面时，实现下拉菜单鼠标移开元素后，下拉菜单不见了实现思路一个盒子里包含上下两部分，下面部分为子菜单，先设置为隐藏：display: none;当鼠标移动到盒子上：触发事件- - -onmouseover ，js设置下面部分子菜单的display值为- - -block，使子菜单显示鼠标移开盒子：触发事件- - -onmouseout ，js又设置下面部分子菜单的display值为- - -none，使子菜单又隐藏起来字体颜色，背景颜色等样式的改变，根据所需进

174 阅读

收藏
21 天前 / admin

史上最详细阿里云服务器上Docker部署vue项目实战每一步都带详细图解！！！

史上最详细阿里云服务器上Docker部署vue项目实战每一步都带详细图解！！！找了很多博客，最后才成功，🤦‍太难啦。大家要是最后成功了一定要记得来给我点个赞哦。每一步都是带图带解析的实操。后端部署到服务器的链接在这里： https://blog.csdn.net/weixin_45821811/article/details/116244003步骤：1、打包先将前端vue项目打包运行命令： npm run build等它打包完就可以啦。2、Dockerfile文件写一个Dockerfil

169 阅读

收藏
23 天前 / 零00

JavaScript-密码框输入验证

111有时需要在前端页面，用户输入时先进行简单的验证，减少服务器压力例如，限定了字段的输入长度：输入框后有输入范围提示信息输入错误长度的话，变成错误提示信息输入正确长度的话，显示正确提示信息实现思路先写出输入提示信息，定义错误和正确的类，写出相应样式获取输入框元素对象，if语句对属性值进行长度判断，根据不同结果，显示不同的提示信息内容，设置不同的提示信息类名- - -以切换样式示例代码：密码框输入提示 div { wid

191 阅读

收藏

加载中...