- 博客(11)
- 收藏
- 关注
原创 onload的一些小坑
有关onload的一些小坑 // jq的ready事件 $(document).ready(function () { console.log('jq的ready事件触发了==>'); }) // 原生的onload事件 window.onload = function () { console.log('onload...
2020-04-09 22:48:12
353
原创 使用sass预处理器编写loding动画
loding动画 <!-- loading条型动画界面 --> <div class="loading"> <div class="loading-box"> <!-- 加载条 --> <div class="loading-line"></div&g...
2020-04-09 18:54:51
182
原创 前端cookie的设置获取删除
前端cookie的设置获取删除 /* 我们有过这样的经历,当我们登录一个网站时候,网站 会提示我们需不需要记住账号和密码 一般来说,当我们登录一个网站时,后台会返回一个token字符串作为 用户的登录标识,而当用户下次登录时,不想再登录验证了怎么办? 这个时候cookie就有作用了,我们将后台返回的token进行加密编码,存储 到cookie上,这样当下...
2020-04-08 18:19:18
1890
原创 前端本地存储localstorage 和 会话存储 sessionStorage
前端本地存储localstorage // 一、本地存储localstorage /* localStorage方法存储的数据没有时间限制 存储方式 以键值对(key-Value)的方式存储,永久存储,永不失效, 除非手动删除 大小: 每个域名5M 存储内容是字符串: 如需要保存对象数组时候 需要使用JSON.stringi...
2020-04-07 21:18:25
829
原创 JS六大继承(下)
JS六大继承(下) 原型式继承 利用一个空构造函数为中介,将某个对象直接赋值给构造函数的原型 //将传进来的对象进行浅复制,放入空构造函数F的原型上,最后返回 function createObj(obj) { function F() { } F.prototype = obj; return new F(); ...
2020-04-07 15:38:00
137
原创 css各种元素的居中
居中 定宽块级元素居中 body { margin: 0; } .box { background-color: pink; color: #fff; width: 800px; /* 块级元素居中,需要规定宽度 */ margin:...
2020-04-06 21:44:13
131
原创 前端节流和防抖(下)
节流和防抖(下) 节流 在(限定时间段内)只触发一次函数, 比如 规定时间间隔为1s ,那这个函数在1s内只执行1次 不管用户触发多少次事件,我触发函数后,1s后才能重新触发 <input class="inp" type="text" /> let input = document.querySelector('.inp');...
2020-04-06 19:40:12
179
原创 前端节流和防抖(上)
节流和防抖 节流和防抖,共性都是对短时间会大量触发浏览器事件的优化 防抖 //防抖debounce /* 在用户触发事件的时间间隔小于(规定时间段)时候才触发函数 简单来说,就是用户只要触发事件时间比设定的时间段短,那函数就不会触发 个人粗鄙理解(只要我动得够快,你就不会触发) */ <input class="inp" type="te...
2020-04-06 18:05:33
211
原创 前端浅拷贝和深拷贝问题
前端浅拷贝与深拷贝的问题 前端的七大数据类型 基础数据类型: String字符串类型 Number 数值类型 Null undefined Boolean 布尔类型 Symbol 引用数据类型: Object 原始数据之间的拷贝都是深拷贝 其当原始数据进行赋值的时候,是将自身完全拷贝一份赋值到新的变量上 当新的变...
2020-04-06 15:53:18
343
原创 纯css的文字溢出显示省略号
单行文本溢出显示省略号 <p class="content"> 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这是一个demo 这...
2020-04-05 23:28:58
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人