- 博客(27)
- 收藏
- 关注
RSS订阅原创 内置对象
Array-数组对象1.数组的申明var arr=new Array();console.log(arr);注：new是实例化，也就是创建的意思，Array( )是数组的类对象。数组为引用类型，唯一属性是length
2021-05-12 16:12:57
79
原创 bom操作—history对象
history常规输出history console.log(window.history); 2.history方法后退至前一个网页——back 前进至后一个网页——forward 前后退——go注：有两个参数，1为前进，-1为后退添加并激活一个历史记录条目——pushStatehistory.pushState(null,'百度',"./1.问题.html");状态1：刷新跳转至状态2：修改当前激活的历史记录条目——replaceStat...
2021-04-15 21:22:12
121
原创 bom操作-window对象
window对象（浏览器对象）window常规输出window常用提示框 （1）alert window.alert("弹框"); （2）confirm-返回值是字符串 if(window.confirm("确认是否提交")) { console.log("yes"); } else { console.log("no"); } （3）...
2021-04-15 17:32:59
79
原创 window复制事件
复制原文时添加转载原文地址的方法： //根据浏览器的兼容写代码 document.body.oncopy = function (e) var selection = window.getSelection() ? window.getSelection() : document.selection.createRange().text; var link = "<br/>——————————————————————————————————————<
2021-04-15 16:22:04
166
原创 es6初学习
es6vscode中的一些快捷键单行注释或取消——Crtl+/ 块注释——Shift+Alt+A 改变语言环境——Crtl+Shif+p 新窗口——Crtl+Shift+N 关闭窗口——Crtl+Shift+W 删除行——Crtl+Shift+K 在下面插入行——Crtl+Enter 在上面插入行——Crtl+Shift+Enter 向上/ 下复制行——Shift+Alt+↓ / ↑ 格式化代码——Shift+Alt+F 搜索代码——Crtl+F变量声明关键字let-声明变量.
2021-03-18 21:24:37
127
原创 函数递归
函数递归：即函数反复执行自身代码： var fun1 = function () { fun1(); } fun1();注：函数递归死循环会使内存存满，应该正确运用如： var n = 0; var fun1 = function () { n++; if (n >= 10) { return; }
2021-03-17 20:53:50
54
原创 jsdom操作中的文本操作
文本操作innerHTML innerTEXT innerHTML 用来获取或设置元素的html内容，可以自动解析html标签例1:代码：<body><div class="main"> <h3>我是内容</h3></div><script> var main=document.querySelector(".main"); console.log(main.innerHTML
2021-03-15 09:41:39
132
原创 JS中的元素尺寸、偏移问题以及滑动轴距的问题
1.元素尺寸offsetheight offsetwidth - 边框+内间距+内容区域 var box=document.querySelector(".box"); console.log(box.offsetWidth); console.log(box.offsetHeight);输出结果：clientwidth clientheight - 内间距+内容区域console.log(box.clientHeight);console.log(box.clien.
2021-03-08 17:50:48
205
原创 dom元素属性操作（常规属性操作）
dom元素属性操作（常规属性操作）注：原生js操作样式，只能操作元素的行内样式1.操作类名称 console.log(btnlist.className); console.log(btnlist.name); console.log(btnlist.id); console.log(btnlist.style); console.log(btnlist.style.width); console.log(btnlist.style.height);执
2021-03-08 17:37:05
217
原创 Location 对象
Location对象Location 对象属性属性 描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分 Location 对象方法方法 说明 .
2020-12-18 17:42:12
88
1
原创 history对象
history对象History 对象属性length：返回历史列表中的网址数 History 对象方法 1.back()：加载 history 列表中的前一个 URL2.forward()：加载 history 列表中的下一个 URL3.go()：加载 history 列表中的某个具体页面下面这个代码可以监听 前倒退按钮的状态 window.addEventListener("popstate",function (){ console.log(1); })...
2020-12-18 17:37:09
151
1
原创 Window 对象
Window对象 Window 对象方法 1.alert()：显示带有一段消息和一个确认按钮的警告框。2.confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框。3.prompt()：显示可提示用户输入的对话框。 window.alert("弹框"); if(window.confirm("确认是否提交？")) { console.log("确认"); } else{ console.log("用户拒...
2020-12-18 17:13:39
81
1
原创 dom元素节点操作
dom元素节点操作1. 获取当前元素的同胞兄弟元素nextElementSibling 下一个元素previousElementSibling 前一个元素nextSibling 获取的是下一个节点 （节点包含 符号 文本 元素）previousSibling 获取的是上一个节点 （节点包含 符号 文本 元素） console.log(btn.nextElementSibling); console.log(btn.nextSibling); cons
2020-12-18 15:24:15
141
原创 dom元素获取
操作domdom元素的获取dom元素属性操作（常规属性操作）dom元素节点操作（子父节点）dom元素的事件（行为）dom元素的方法操作1. dom元素的获取注：a.在进行dom元素获取的时候要注意获取的元素是否已经初始化（需要考虑获取的元素存在还是不存在）（根据页面的加载顺序来考虑）b.js里面dom元素操作不支持隐式迭代（js操作dom不能直接操作一堆，只能单个操作）八种方法：2个固定获取（静态获取）：指的是获取页面现有的元素，通过代码添加的元素获取不到。querySelec
2020-12-04 09:31:43
65
原创 javascript
javascript初学习javascript的学习过程： 初级学习：es5（esmascript5）、esmascript6、esmascript7、esmascript8 中级学习:内置对象、自定义对象、dom、bom、事件流、逻辑算法、ajax。其中ajax是学习重点。 高级学习：继承、原型链、设计模式。javascript的学习方法： 语法+案例javascript的作用： 前端html页面的交互，可以实现效果（动画，操作效果）、数据...
2020-11-26 21:07:39
69
原创 css3
css3——升级的css2css3的模块选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 选择器 盒模型 背景和边框 圆角 ——border-radius 代码： border-radius: 10px 20px 30px 40px;（依次分别为左上，右上，右下，左下） 分开写： border-radius: 10px 20px 30px; border-radius:...
2020-11-19 20:32:41
106
原创 选择器
选择器 示例 示例说明 css .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素 1 ...
2020-11-19 19:56:06
66
原创 SVG矢量图（粗略介绍）
利用SVG作图圆形代码：<svg xmlns="http://www.w3.org/2000/svg"> <circle cx="200" cy="100" r="40" stroke="pink" stroke-width="3" fill="red" />效果 ： 长方形、正方形代码：<svg xmlns="http://www.w3.org/20...
2020-11-12 18:08:42
536
1
原创 HTML5
HTML5与HTML4的区别HTML5是HTML4的升级。 HTML5适用于移动端，pc端。 HTML5适用单位有px、%、em、rem。移动端使用相对单位rem、em。 移动端的布局有flex(弹性布局)，多列布局，固定布局 HTML5有移动端自适应，即meta标签。 HTML5的css3里面有媒体查询，即根据分辨率不同加载不同的效果。 HTML5语义化更明显HTML5的兼容性处理IE9以下对html5的兼容性不好，可以做兼容性处理：使用csshack <!--
2020-11-12 18:07:59
176
原创 块元素水平居中
让块元素水平居中的办法：代码如下：.box{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #19dcff; width: 100px; height:
2020-11-12 18:07:24
205
原创 layout布局
网页布局（layout布局） 浮动布局 定位布局 多列布局 制作网站的大布局单列布局（主要采用居中布局）：heade,footer与content等宽居中代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{..
2020-10-30 18:23:02
2638
原创 盒模型塌陷
解决css盒模型塌陷的问题盒模型塌陷出现的原因：子元素设置外间距，导致父元素连带向下。如下： .box{ width: 300px; height: 300px; background-color: #de91ff; } .a{ margin: 10px; }解决办法：（1）给当前父容器box设置上边线或全线；（2）给父元素设置内边距；（3）给父元素添加overflow。如下：.box{
2020-10-28 15:02:57
158
原创 css初学习
css初学习网页的三种表现形式：视图层（html层）、表现层（css层）、行为层（js）表现层：css，全名叫层叠样式表。css的作用：对html元素的位置和精确计算像素，外观，字体等等css的特点：（1)丰富的样式定义（2）易于使用和修改（3）多页面使用（4）可层叠，即一个元素可具有多个css样式（5）页面压缩，尽量多次重复用同样的css，减小css文件体积，提高网页性能css样式属性写法： 属性：值；css几种使用方式（元素设置宽高的时候 块级元素可设， 行级元素不可）：（1）行内样式
2020-10-22 13:43:58
131
1
原创 html初学习
HTML的初学习基础知识``（1）<!DOCTYPE html >:网页类型的声明（2) lang=“en”：网页的语言类型，有en（英文)，ch(中文)(3) charset=“UTF-8”：浏览器的编码格式(4 )<title> </title>：网页的标题便签位置(5)<head></head>：(6)<body></body>网页的内容区域html：超文本标记语言，用来创建网页标准的标记语言H
2020-10-21 22:05:47
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人