![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 90
孩子气呵呵特
在不断得尝试中,不忘初心,勇与前行,胜利的曙光将会环绕周边,噢耶!
展开
-
sso单点登录
单点登录(Single Sign-On,简称SSO)是一种身份认证和访问控制的机制,允许用户使用一组凭据(如用户名和密码)登录后,其它多个系统项目可直接访问。原创 2024-05-11 08:45:29 · 1358 阅读 · 0 评论 -
js 深拷贝和浅拷贝的理解
区别:简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝。此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。例如:let a=[0,1,2,3,4], b=a;console.log(a===b); // truea[0]=1;cons...原创 2019-12-19 14:14:54 · 603 阅读 · 0 评论 -
Vue实现数据双向绑定的原理:Object.defineProperty()
vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 gette...转载 2019-12-06 09:46:08 · 320 阅读 · 0 评论 -
3D 转换常用的技术api
1.CSS3 3D 转换的常用API介绍首先先上一张css 3D的坐标系:接下来我们来介绍几个常用的api:旋转 rotateX() rotateY() rotateZ() 以上几个api分别代表绕x,y,z轴旋转,如下例子为绕x轴旋转的例子:<style>.d3-wrap { position: relative;...原创 2019-11-21 09:53:26 · 248 阅读 · 0 评论 -
vue 下拉框中显示el-tree树形控件
1 初步想法刚开始选用了el-select中在option里嵌套一个el-tree树形控件,发现有问题,当点击非文字区域或者框的时候,el-select中会出现错误信息,如下:此问题没解决掉,就换了另一种思路,用el-input框模仿实现一个el-select下拉框方案,发现可行,解决方法效果图如下:直接上代码,代码方法如下:<template> <di...原创 2019-11-05 18:35:28 · 5927 阅读 · 0 评论 -
el-menu-item 实现水平导航栏,路由的跳转
废话不多说,直接上代码如下:<el-menu class="el-menu-vertical-demo" id="topNav" router background-color='#ededed' text-color='#000000' mode="horizontal" :default-active...原创 2019-08-20 17:33:13 · 5303 阅读 · 2 评论 -
vue高德地图 根据点跳着,或者平滑的进行轨迹回放
最近做了一个需求是:根据高德地图,从后台接口获取经纬度数据,然后进行轨迹回放,从一个点跳到下一个点上,且底部有播放轨迹回放的按钮,时间轴跟着轨迹回放一起动,右边数据也跟着一起变化。 查阅了多方资料,在不懈努力的情况下,终于完成了次需求,再次给大家分享下:做的效果图如下:首先得安装高德地图的插件,再次就不用说了template的写法模板如下:<template> ...原创 2019-07-28 10:14:46 · 3636 阅读 · 4 评论 -
vue 实现一个滑块拖动验证功能
具体的代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style scoped> .drag { ...转载 2019-07-29 14:46:43 · 3339 阅读 · 0 评论 -
transform-runtime问题解决方案
在使用vue+webpack搭建环境时候,执行npm run dev报出如下错误:解决方案如下:在大多数情况下则需要安装babel-plugin-transform-runtime作为开发版的依赖(设置--save-dev)npm install --save-dev babel-plugin-transform-runtime并且babel-runtime作为生产版本依赖(设...原创 2019-06-28 16:42:10 · 3436 阅读 · 0 评论 -
原型链详细讲解
面试中若是问到原型链,应该从以下四个方面进行考虑:1 创建对象有几种方法2 原型,构造函数,实例,原型链3 instanceof的原理4 new 运算符A:首先从创建对象有几种方法进行讲解:通常有这四种方法创建对象(1)字面量直接创建对象(2)new OBject一个对象(3)函数构造new出一个对象(4)通过Object.creat创建一个对象B:原型,构造函数...原创 2019-06-22 09:10:43 · 474 阅读 · 0 评论 -
浏览器兼容性JS问题
今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.bod...原创 2019-06-18 08:30:17 · 2076 阅读 · 0 评论 -
原生js作用域以及变量提升和函数提升的理解
在ES5的时候,只存在两种作用域:函数作用域和全局作用域;ES6出现后,增加了块级作用域首先通过代码讲下ES5中的函数作用域和全局作用域理解:<script type="text/javascript"> var a = 0; func(); function func() { var b = 1; console.log(a); //0 函数作...原创 2019-06-21 09:54:22 · 570 阅读 · 0 评论 -
箭头函数与普通函数的区别
面试中遇到了这个问题,现有闲暇时间,来整理下箭头函数和普通函数的区别,有不对的地方,还望各位好友及时指出,谢谢。箭头函数:let fun = () => { console.log('lalalala'); }普通函数:function fun() { console.log('lalla');}箭头函数属于匿名函数,并且简化了函数定义。箭头函数有两种格式,一...原创 2019-06-21 09:18:26 · 117 阅读 · 0 评论 -
HTML5新特性
为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等(1)语义标签 语义化标签使得页面的内容结构化,见名知义标签 描述 <hrader></header> 定义了文档的头部区域 &...转载 2019-06-17 08:30:28 · 98 阅读 · 0 评论 -
CSS浮动(float,clear)一篇文章就够了
很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! ...转载 2018-08-16 15:41:57 · 203 阅读 · 1 评论 -
ES6常用的基础知识
ES6 简介ECMAScript 6 简称 ES6,是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系:前者是后者的语法规格,后者是前者的一种实现Babel:将ES6代码转为ES5代码 http://babeljs...原创 2018-08-01 16:54:46 · 248 阅读 · 0 评论