随笔分类 - javascript
摘要：在es6之前，对象不是基于类创建的，而是用一种成为构造函数的特殊函数来定义对象和它们的特征。 1.1 创建对象可以通过三种方式 1、对象字面量 var obj1 = new Object(); 2、new Object（） var obj2 = {}; 3、自定义构造函数 function Star
阅读全文
摘要：本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后存储 window.sessionStorage 生命周期为关闭浏览器窗口 在
阅读全文
摘要：https://www.toutiao.com/i6805180677403705870/?tt_from=weixin_moments&utm_campaign=client_share&wxshare_count=2&from=timeline×tamp=1591498472&app=
阅读全文
摘要：MVVM分为Model、View、ViewModel三者 Model：代表数据模型，数据和业务逻辑都是在Model层定义 View：代表UI视图，负责对数据的展示 ViewModel： 负责监听Model中数据的改变并监控视图的更新，处理用户交互操作。 Model和view并无直接关联，而是通过Vi
阅读全文
摘要：今天实现一个功能，点击首页，头部按钮，切换大屏功能。不同的屏，页头宽度不一样，小屏1280px, 大屏百分百屏幕，左右留点120px的padding值。 思路：点击按钮，切换不同的子路由，顶部通过一个值，控制头部样式。刷新页面，头部要和路由相对应。关闭页面。默认进首页。这时，我想到用sessionS
阅读全文
摘要：localStorage的生命周期是永久性的。localStorage存储的数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。如果 想设置失效时间，需自行封装。 sessionStorage 的生命周期是在浏览器关闭前。 特性： 关闭浏览器sessionStorage 失效； 页面刷新不
阅读全文
摘要：echarts折线图美化（颜色渐变、背景透明、隐藏坐标轴） https://blog.csdn.net/Changeable0127/article/details/81333559?utm_medium=distribute.pc_relevant.none-task-blog-BlogComme
阅读全文
摘要：vue+elementUI+WebSocket接收后台实时消息推送 https://blog.csdn.net/weixin_40888956/article/details/105971432?utm_medium=distribute.pc_relevant.none-task-blog-bai
阅读全文
摘要：二维码由web端生成，解析结果 https://www.qycloud.com.cn/home/welcome?{"type":"login","data":{"uuid":"msdvgn30rs3w","public_key":"w3ce4"}}https://www.qycloud.com.cn
阅读全文
摘要：https://blog.csdn.net/qq_43081842/article/details/92839446
阅读全文
摘要：mouseenter事件 当鼠标移动到元素上时，就会触发mouseenter事件。 类似mouseover，它们两者之间的差别是：mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。
阅读全文
摘要：scroll翻译过来，就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。 scroll系列属性 作用 element.scrollTop 返回被卷上去的上侧距离，返回数值不带单位 element.scrollLeft 返回被卷上去的左侧距离，返回数值不带单位 el
阅读全文
摘要：立即执行函数：不需要调用，立马能够自己执行的函数。 写法： （1）(function() { })() (2) (function(){}())
阅读全文
摘要：client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。 通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 client系列属性 作用 element.clientTop 返回元素上边框的大小 element.clientLeft 返回
阅读全文
摘要：1.1 offset概述 offset翻译过来，就是偏移量，我们使用offset系列相关属性，可以动态的得到该元素的位置（偏移）、大小等。 获取元素距离带有定位父元素的位置。 获得元素自身的大小（宽度高度）。 注意： 返回的数值都不带单位。 offset系列常用属性： offset系列属性 作用 e
阅读全文
摘要：window对象给我们提供了一个history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。 history.back(): 可以后退功能。 history.forward（）：前进功能。 go（参数）：前进后退功能，参数如果是1，前进一个页面。如果是-1，后退一个
阅读全文
摘要：location.assign() 跟href一样，可以跳转页面（也称为重定向页面）。 location.replace() 替换当前页面，因为不记录历史，所以不能后退页面。 location.reload() 重新加载页面，相当于刷新按钮或者F5，如果参数为true，强制刷新ctrl+F5。
阅读全文
摘要：navigator对象包含有关浏览器的信息，他有很多属性，我们常用的是userAgent，该属性可以返回由客户机发送服务器的user-agent头部的值。 下面前端代码可以判断用户哪个终端打开页面，实现跳转： if((navigator.userAgent.match(/(phone|pad|pod
阅读全文
摘要：https://github.com/toutiaoio/awesome-architecture#%E5%89%8D%E7%AB%AF
阅读全文
摘要：login.vue主文件 1 <template> 2 <div class="login-wrapper"> 3 <img src="../../assets/images/logo.png" class="logo" /> 4 <div class="login-box"> 5 <ul clas
阅读全文
