- 博客(32)
- 收藏
- 关注
RSS订阅原创 es6..
一，声明变量# 声明变量的问题使用var声明变量1. 允许重复的变量声明：导致数据被覆盖2. 变量提升：怪异的数据访问、闭包问题3. 全局变量挂载到全局对象：全局对象成员污染问题## 使用let声明变量ES6不仅引入let关键字用于解决变量声明的问题，同时引入了块级作用域的概念块级作用域：代码执行时遇到花括号，会创建一个块级作用域，花括号结束，销毁块级作用域声明变量的问题1. 全局变量挂载到全局对象：全局对象成员污染问题let声明的变量不会挂载到全局对象2.
2021-09-30 09:59:18
304
原创 html5
一，基础属性1.placeholder一般用于作为提示信息 --没有兼容性问题 <input type="text" placeholder="手机/邮箱">2.input 里面type的值 1.date--可以选择日期 --chrome支持，safari,IE不支持 2.time--选择时间 --chrome支持，safari,IE不支持 3.week--可以选择哪一周 --chrome支持，safari,IE不支持 4.datetime-local --既可以选择
2021-09-14 17:52:26
149
原创 css3 2-1selector1
1.选择器 2--1一， 关系选择器1.E + F --下一个满足条件的兄弟元素节点 -->E的下一个为F并且是兄弟元素节点div + .demo{}2.E ~ F 下面所有兄弟元素为F的节点(儿子)div ~ p{}二.几乎用不着的属性选择器1.div[data]{} div元素中有data属性的2.div[data="a"]{} 也可以赋值，div元素中data属性值为a的3.div[data~="a"]{} ~=属性值里面存在一个独立的a(被空格隔开的也算一个独立的a)..
2021-09-02 15:00:16
182
原创 jq...
1.jquery变换过程 ,下面三个结果一样 $(document).ready(function(){ var box=document.getElementById('box'); console.log(box); }); $().ready(function(){ var box=document.getElementById('box'); console.log(box); }); $(function(){ var box=docu.
2021-08-07 15:32:30
115
原创 Restful
Restful API 是一种互联网软件架构的设计规范、设计指南、设计风格、设计原则 1、API Application Programming Interface 应用程序接口（接口） 2、Rest Resource Representational State Transfer apache 1、Resource 资源 URI:统一资源标识符。是一个字符串。用来标识互联网资源的名称 URL:统一资源定位符。它是一种具体的URI .
2021-08-01 20:10:28
80
原创 js收官课，深入数组扩展应用一
1.字符串反转 “123abc” -->“cba321”var str = "123abc";console.log(str.split("").reverse().join("")); split--分割单个的 join("")--把他变成字符串先使用split将字符串转成数组，然后使用数组的reverse方法倒置，最后使用join将数组变成字符串2.在有序的数组里找出指定的值，返回该值在数组中的下标(二分查找)预热1.var arr = [1,3,5,7,9,10,.
2021-07-20 20:17:07
112
原创 网络面试题
01-常见的HTTP状态码你了解多少？1.301MovedPermanently（永久重定向）：是指所请求的文档在别的地方;文档新的URI会在定位响应头信息中给出。浏览器会自动连接到新的URI。(比如本来是https协议，http协议下面没有资源得去https协议下访问，但是有人比较懒直接访问http，所以就会触发301永久重定向，起到中专作用)2.302Found（MovedTemporarily）**一般是普通的重定向需求：临时跳转适用场景-未登录前先使用302重定向到登录...
2021-07-19 18:49:55
382
原创 js 轮播图
* { padding: 0; margin: 0; list-style: none; } .wrapper { width: 400px; height: 250px; position: relative; top: 100px; margin: 0 auto..
2021-07-09 17:44:11
92
原创 js收官运动
一，匀速运动封装函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2021-07-07 11:04:35
139
原创 JS收官，bom
BOM一、BOMBOM 是 browser object model 的缩写，简称浏览器对象模型。主要处理浏览器窗口和框架， 描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作，譬如可以弹出新的窗口，回退历史记录，获取 url……二、BOM 与 DOM（Document Object Model）的关系1、javacsript 是通过访问 BOM 对象来访问、控制、修改浏览器2、BOM 的 window 包含了 document，因此通过 window 对象的 d
2021-07-05 21:39:46
107
原创 正则表达式
JavaScript转义符转义序列 字符 \b 退格 \f 走纸换页 \n 换行 \r 回车 \t 横向跳格 (Ctrl-I) \' 单引号 \" 双引号 \\ 反斜杠
2021-07-04 09:15:31
159
原创 前端网络.
冯诺依曼式计算机 --冯诺依曼(计算机之父)1.运算器： CPU,GPU(显卡)2.存储器：内存(断电数据清空，读写速度快)，硬盘(辅存)：数据可以持久化，读写速度，相对较慢3.控制器：主板上的一些器件4.输入设备：键盘，鼠标，麦克风，网口5.输出设备：显示器，耳机，网口...
2021-06-06 10:11:41
392
1
原创 json---json传输 json格式的obj转换成字符串形式，字符串形式的会解析成对象--异步加载js----异步加载js最终兼容性函数方法---js加载时间线
一，json的话属性名必须加双引号 （人为规定--防止跟对象一样）1.JSON是一种传输数据的格式(以对象为样板，本质上就是对象，但用途有区别，对象就是本地用的,JSON是用来传输的)2.JSON.parse(); string-->json3.JSON.srtingify(); json--->stringvar obj ={ "name" : "abc"; "age" : 123}var str =JSON.stringify(obj); 会把这个json格式的ob
2021-05-27 18:15:32
173
原创 封装方法库
一，封装兼容性方法，求滚动轮滚动距离getScrollOffset() scroll是滚动的意思function getScrollOffset(){ if(window.pageXOffset){ return{ x : window.pageXOffset, y : window.pageYOffset } }else{ return{ x : document.b.
2021-05-26 19:23:41
90
原创 事件--鼠标事件--键盘类事件--文本操作事件---窗体类操作事件---拖拽小方块移动小程序
一，鼠标事件click--鼠标点击事件mousedown--mouseup 这两个加起来相当于click事件--三个事件在一起的话触发顺序先down--up--clickmousemove--鼠标移动事件contextmenu-- 右键产生菜单事件 --唯一有用的是利用阻止默认操作的东西取消右键产生菜单事件mouseover--mouseout--...
2021-05-26 18:22:56
208
原创 事件 ---- 添加事件的几个方式--解除事件处理函数---事件冒泡，捕获--取消冒泡-事件-----阻止默认事件
绑定事件的几个方式1.ele.onxxx=function(event){} 例如div.onclick=function(){}---div是dom元素兼容性很好，但是同一元素的同一事件只能绑定一个处理函数 基本等同于写在HTML行间上2.obj.addEventListener(type,fn,false); --IE9一下不兼容可以为一个对象的一个事件绑定多个处理函数 --多个处理函数是指假设div.addEventListener('click',test,false) functio.
2021-05-25 15:57:01
178
原创 获取窗口属性，获取dom尺寸，脚本化css(下)--读写css属性--查询计算样式--让方块运动小程序
一，读写元素css属性 --只有通过这个style才可以间接写入 --可读可写---只能获取行间属性--返回的是style的行间样式属性，不会按权重返回dom.style.prop 比如dom.style.width可读写行间样式，没有兼容性问题，碰到float这样的保留字属性，前面应加css例如float--->cssFloat复合属性必须拆解(比如border有很多值建议写成borderWidth)，组合单词变成小驼峰写法，写入的值必须是字符串二，查询计算样式----返回的是..
2021-05-23 20:46:10
118
原创 获取窗口属性，获取dom尺寸，脚本化css（上）--＞查看滚动条距离，求可视区窗口尺寸的方法，查看元素的几何尺寸，让滚动条滚动，自动阅读器小程序
一，查看滚动条的滚动距离window.pageXOffset / pageYOffset IE8及IE8以下不兼容IE9以下的求滚动条距离距离:document.body.scrollLeft/document.body.scrollTop: document.documentElement.scorllLeft/document.documentElement.scorllTop两个方法，但由于兼容性太差两个方法不一定在哪个浏览器管用,所以两个方法相加就是最后的滚动条距离(因为两个方...
2021-05-23 15:01:01
180
原创 date对象，定时器
Date 对象方法方法 描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHo
2021-05-22 18:13:54
123
原创 选项卡，dom基础和几个方法
1.选项卡<div class="wrapper"> <button class="active">姓名</button> <button>年龄</button> <button>住址</button> <div class="content" style="display:block">张三</div>
2021-05-22 15:12:38
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人