![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 67
浅樱sakura
技术不一定要过硬,但是做事一定要认真。
展开
-
详解es6的export和import命令
### 1、概述 一直以来开发vue项目,对export和import的用法都比较模糊,看别人怎么写我就照葫芦画瓢,不报错或者功能实现就行,完全不懂其中的原理,今日闲下来了,就揭穿它们的真面目吧! 历史上,JavaScript是没有模块的概念的,就像它没有类的概念一样,就连css都有@import,所以社区制定了CommonJS和AMD规范实现模块加载。为此ES6新增了export和import命令实现了模块功能,而且它的实现方式简单得不可思议,完全取代了CommonJS和AMD,现已成为浏览...原创 2021-10-11 14:04:47 · 3240 阅读 · 0 评论 -
javascript中数组遍历的方法
1、for循环最常用也是最简单的遍历方式,可以使用break或者continue终止,一个优化的方法是把length保存起来,避免重复获取,当数组长度很大时会体现出优化效果。let arr = [1,2,3,4,5,6];for(let i = 0, len = arr.length;i < len; i++){ if(arr[i] > 4) { break; } console.log(arr[i]); // 1 // 2原创 2021-07-26 15:35:35 · 2025 阅读 · 0 评论 -
大屏可视化中,echarts文字适配
let nowClientWidth = document.documentElement.clientWidthfunction scaleSize(val, initWidth = 1920) { return val * (nowClientWidth / initWidth)}nowClientWidth:当前屏幕宽度initWidth:设计稿给的宽度,一般是1920val:设计稿中某元素的尺寸然后在option里面option = { title: { s..原创 2021-07-01 15:09:37 · 306 阅读 · 0 评论 -
echarts混搭图表设置visualMap导致柱状图背景渐变色失效
情景描述:echarts: 4.9.0在vue项目中同一个canvas中渲染地图和柱状图两个图表,其中地图颜色使用visualMap设置,当给zhu'zhua原创 2021-06-17 15:02:21 · 2451 阅读 · 2 评论 -
面试中被问到吐血的js知识点(二):深拷贝和浅拷贝
说在前面这是一个系列的文章,有兴趣的朋友可以查看此系列其它文章。本人才疏学浅,若有纰漏还请及时指出,请多指教!情境描述面试官:你了解js的深拷贝和浅拷贝吗?我:深拷贝是连同引用地址和值一起拷贝;浅拷贝是只拷贝引用地址,不拷贝值,共用内存。面试官:那浅拷贝和深拷贝如何实现?我:用Object.create()实现深拷贝,(此处过了20秒钟),。。。面试官:还有吗?我:uhhhh,。。。忘了。。面试官:那好,下一个问题。。。(真想找个地洞钻进去。。。)上面情景是大多数面试者都经历的原创 2021-05-14 18:18:14 · 278 阅读 · 0 评论 -
vue-cli 4.0搭建环境踩坑日记
1、安装vue的脚手架@vue/cli$ npm install -g @vue/cli2、利用webpack初始化一个项目$ vue init webpack vuedemo3、进入项目$ cd vuedemo4、安装依赖$ npm install5、启动项目$ npm run dev原创 2021-03-18 17:26:37 · 359 阅读 · 0 评论 -
使用js实现在有限的区域拖动图片
这是一个使用js制作的简单的仿淘宝商品详情放大镜效果的demo,两种显示模式:适应大小和显示原图,前者是显示在父元素定义的区域内,最大不超过100%,而后者是显示图片原图尺寸。当点击“显示原图”时,可以拖动图片查看图片细节。github地址:https://github.com/zerozrn/draggable-picture...原创 2019-05-28 10:44:45 · 633 阅读 · 0 评论 -
vue-cli2.0+element-ui2.4开发项目踩坑记
前言最近迷上了vue,可以说它真的是很方便,大大提高了开发项目的速度和效率,连自己的博客也采用vue作为框架开发,我沉浸在此,乐此不疲。以下是在使用vue过程中遇到的一些坑,有大有小,特此记录,以作总结。1、执行npm run dev报listen EADDRNOTAVAIL 的错误往常都是没错的,上礼拜安插网线后就出现这样的错误,所以推测是ip出现了问题,由此打开cmd,输入ipconf...原创 2019-05-27 09:51:09 · 247 阅读 · 0 评论 -
简单介绍三个判断数组的方法的区别和优劣
这三个方法如下:Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()解析:1. Object.prototype.toString.call()每一个继承 Object 的对象都有 toString方法,如果 toString方法没有重写的话,会返回 [Object type],其中 type 为对象的类型。...转载 2019-03-04 10:19:24 · 706 阅读 · 0 评论 -
树形结构递归遍历,根据某个属性值查找其所在的对象
今天在做一个组织结构图时,图是用一个树来表示的,有唯一的根节点以及若干个子节点,二话不说我瞬间就写出来了这个结构,我的定义如下:var data = { id: 1, name: "根节点", children:[{ id: 2, name: "节点1", children: [{ i...原创 2018-11-07 19:06:06 · 10101 阅读 · 0 评论 -
JavaScript数组常用方法
在javaScript中,数组恐怕是除了Object之外最常用的类型了,它不仅每一项可以保存任何类型的值,而且其长度可以动态调整。1、toLocaleString()、toString()、valueOf()和join([separator]) 这三个方法中,前两个方法把数组转换成字符串,valueOf()会返回数组本身。在调用前两个方法时,会分别调用每一项的相对应的方法。 join(...原创 2018-03-08 22:51:55 · 248 阅读 · 0 评论 -
JavaScript中如何创建对象以及继承的实现
前言 继承也是我去年面试中支支吾吾答不上来的一个题,现在虽说还没有完全吃透它,不过一点一滴地去接触、思考、理解、实践,总能吃透它的。我为什么把创建对象和继承放在一起说呢?那是因为对象的创建是理解继承的前提,继承,那当然是对象的继承。一、创建对象虽然Object构造函数和对象字面量都可以用来创建单个对象,但是它们都有一个明显的缺点:使用同一个接口创建很多对象,...原创 2019-05-09 10:02:21 · 214 阅读 · 0 评论 -
JavaScript字符串反转
JavaScript中,字符串反转算是一个常见的前端面试题了。下面由简单到复杂总结了几种方式。1、for循环 说实话,这是最容易想到的方式了,因为不管是菜鸟还是高级前端,对for循环真的是烂熟于心,尽管高级的早已抛弃它。function reverseString(str){ var res = new Array(), len = str.length;...原创 2018-03-10 16:21:09 · 1688 阅读 · 0 评论 -
两年前端却不知this为何许?
说来惭愧,再讲一个故事吧。带着2年前端经验的我去面试,被闭包问住了,尴尬了整个面试气氛。第二次,OK,失败了总要知道为什么吧,于是闭包被我简单的攻略了。面试官问我闭包时,拿起笔就写了一个简易版的闭包。好啊,既然你知道闭包,那你说说在你写的这个闭包的这一段代码里,这里,这里,这里this分别是什么?啊啊啊啊,老天,Are you kidding me? Q:// (1)这里thi...原创 2018-03-09 20:34:09 · 643 阅读 · 0 评论 -
困扰我许久的痛楚:闭包
内心的话 我现在从事前端工作两年了,可是我所掌握的前端技术是那种跨越状态的,学习时太过急躁,这也学,那也学,导致基础一团糟。去年找工作面试,面试官问我知不知道什么是闭包,我当时想都没想,就说应该是命名空间吧,因为闭包闭包嘛,封闭的一个块,就这样吊儿郎当地回答了,面试官惊讶地摇了摇头,好像在说,工作2年了连闭包都不知道。当时那个尴尬啊,脸一下子红到了脖子根儿,才知道自己原来这么菜。问继...原创 2018-03-08 15:53:19 · 156 阅读 · 0 评论