![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 70
@山海*
这个作者很懒,什么都没留下…
展开
-
面试题总结
js笔记总结一.什么是mvvm数据( Model )和视图( View )是不能直接通讯的,而是需要通过 ViewModel 来实现双方的通讯。当数据( Model )变化的时候, ViewModel 能够监听到这种变化,并及时通知 View 视图做出修改。同样的,当页面有事件触发的时候, ViewModel 也能够监听到事件,并通知数据( Model )进行响应。所以 ViewModel 就相当于一个观察者,监控着双方的动作,并及时通知对方进行相应的操作。Vue.js 的数据驱动是通过 MVVM 这转载 2021-04-30 20:35:21 · 555 阅读 · 1 评论 -
js笔记总结
1、JS的数据类型有哪些?如何判断JS的数据类型?JS 的数据类型:Number、String、Boolean、Null、undefined、object、symbol(这个是Es6新出来的) 其中Object又包含了这三种:Data、function、Array。注意typeof可以判断js的数据类型,但是跟这知识点相关的是它经常以选择题的形式问你一些复杂数据类型的判断结果. - > typeof undefined 'undefined' - >转载 2021-04-29 20:01:02 · 237 阅读 · 0 评论 -
近期部分面试题
**水平且垂直居中的方法**方法一:使用定位的方法 .parent { width: 300px; height: 200px; border: 1px solid red; position:relative; } .child { width: 100px; height: 100px;原创 2021-03-24 17:40:53 · 174 阅读 · 0 评论 -
面试题 第7和8天
iframe框架都有哪些优缺点优点重载页面时不需要重载整个页面,只需要重载页面中的一个框架页技术易于掌握,使用方便,可主要应用于不需搜索引擎来搜索的页面方便制作导航栏缺点会产生很多页面,不容易管理*不容易打印对浏览器搜索引擎不友好多框架的页面会增加服务器的http请求简述你对BFC规范的理解是CSS中的一个渲染机制,BFC就相当于一个盒子,内部的元素与外界的元素互不干扰。它不会影响外部的布局,外部的布局也不会影响到它。形成条件(任意一条)float的值不是nonepositi原创 2021-02-02 14:43:12 · 139 阅读 · 2 评论 -
面试题 第5天和第六天
简述超链接target属性的取值和作用 a 标签的 target 属性一共有四个值。_self默认属性。在当前窗口或者框架中加载目标文档。_blank打开新的窗口或者新的标签页。在使用这个属性时,最好添加 rel="noopener norefferrer" 属性,防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。_parent在 frame 或者 iframe 中使用较多。在父级框架中载入目标文档,当 a 标签本身在顶层时,与 _self 相原创 2021-01-27 14:50:12 · 137 阅读 · 2 评论 -
typeof判断数据类型
typeof返回的六种数据类型typeof 共返回6种数据格式:一、若是基本数据类型返回对应的基本类型 1.number类型 var num = 1; console.log(typeof num); //返回的是number 2.string 类型 var str = 'jack'; console.log(typeof str); //返回的是string 3. boolean类型原创 2021-01-19 14:39:15 · 1977 阅读 · 0 评论 -
利用js编写tab栏切换和选项卡
Html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=.原创 2020-12-21 09:29:53 · 258 阅读 · 2 评论 -
JS关于对象,DOM获取元素,js设置样式,流程语句
一、内置对象1.1Math(数学对象)Math.ceil(-1.1)向上求整 -1 Math.floor(-1.1)向下求整 -2 Math.round(4.6)四舍五入 5 Math.random()随机数 [0,1)之间的小数 求0-99之间的随机数 Math.floor(Math.random()*100)->[0,99.xxxx]->1.2Date(日期对象)var now=new Date();//实例化当前的日期对象 now.getFullYear(); .....原创 2020-12-16 19:59:10 · 1097 阅读 · 0 评论 -
利用JS写一个轮番图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { ..原创 2020-12-16 16:35:17 · 224 阅读 · 1 评论 -
JS的元素样式、属性、注册事件
**js操作元素的样式**```htmlvar div=document.getElementById('box')div.style.width='300px';div.style.height='300px';div.style.backgroundColor='red'; //css中有-的属性,在js中要改成驼峰命名法2.div.style.属性 获取元素的样式var div=document.getElementById('box')console.log(div原创 2020-12-09 19:21:40 · 116 阅读 · 0 评论 -
js的节点操作
// 父级节点var par = li.parentNode // 所有儿子节点 var all_child = li.children // 第一个(最后一个子节点) var fir = li.firstChild var las = li.lastChild // 第一个子元素(最后一个)节点 var fir_element = li.firstElementChild var las_element = li.lastElement原创 2020-10-11 09:32:28 · 107 阅读 · 0 评论 -
仿京东tab栏切换
仿京东tab导航栏切换<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0;.原创 2020-10-08 11:15:23 · 3164 阅读 · 3 评论 -
js常用基础知识
内置对象1.1Math(数学对象)Math.ceil(-1.1)向上求整 -1Math.floor(-1.1)向下求整 -2Math.round(4.6)四舍五入 5Math.random()随机数 [0,1)之间的小数 求0-99之间的随机数Math.floor(Math.random()*100) 利用js写一个1-99一个随机数1.2Date(日期对象)var now=new Date();//实例化当前的日期对象now.getFullYear();1.3Arr原创 2020-10-07 19:23:49 · 656 阅读 · 0 评论 -
使用js编写一个开关灯案例?
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><button>按钮&原创 2020-10-05 14:31:17 · 582 阅读 · 0 评论 -
利用js关闭淘宝二维码?
可下载图片<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input type="text" value=.原创 2020-10-05 14:27:04 · 377 阅读 · 0 评论 -
显示和隐藏密码
图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {原创 2020-10-05 14:22:07 · 209 阅读 · 2 评论 -
利用js写一个分时问候
在这里插入代码片```<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>分时问候</title></head><body> &l...原创 2020-10-05 14:18:45 · 2191 阅读 · 2 评论 -
流程语句,循环语句,数组
一.流程语句1.1 条件语句if语句if(){}例如:var score=80;if(score>60){ console.log(‘及格了’);}else{console.log(‘不及格’);}1.2 switch语句varday=1;case 1:document.write(‘星期一’);break;case 2: document.write(‘星期二’);break;default: document.write(‘上面都不满足的结果’);break;原创 2020-09-28 16:09:23 · 109 阅读 · 0 评论 -
数据类型,运算符的分类
一,数据类型1.1基本数据:number(数字)、string(字符串)、boolean(布尔值)特殊数据:null(空值)、undefined(未定义)复杂类型:数组、对象2.2数据类型转换字符串转换成数字parseInt(变量) 转换成整数的数字parseFloat(变量)转换成保留小数点的数字数字转换成字符串``二,运算符2.1 算数运算符 + - * / %3%5=35%3=2取余数2.2 逻辑运算符 && || !true&&am原创 2020-09-28 14:39:03 · 251 阅读 · 0 评论 -
用❤编写5行直角三角形
原创 2020-09-24 14:45:26 · 225 阅读 · 0 评论 -
js基础编写99乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script&..原创 2020-09-24 09:23:27 · 110 阅读 · 0 评论