- 博客(30)
- 资源 (1)
- 收藏
- 关注
原创 详解es6的export和import命令
### 1、概述 一直以来开发vue项目,对export和import的用法都比较模糊,看别人怎么写我就照葫芦画瓢,不报错或者功能实现就行,完全不懂其中的原理,今日闲下来了,就揭穿它们的真面目吧! 历史上,JavaScript是没有模块的概念的,就像它没有类的概念一样,就连css都有@import,所以社区制定了CommonJS和AMD规范实现模块加载。为此ES6新增了export和import命令实现了模块功能,而且它的实现方式简单得不可思议,完全取代了CommonJS和AMD,现已成为浏览...
2021-10-11 14:04:47
3368
原创 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
2066
原创 大屏可视化中,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
317
原创 echarts混搭图表设置visualMap导致柱状图背景渐变色失效
情景描述:echarts: 4.9.0在vue项目中同一个canvas中渲染地图和柱状图两个图表,其中地图颜色使用visualMap设置,当给zhu'zhua
2021-06-17 15:02:21
2514
2
原创 error: failed to push some refs to ‘https://gitee.com/zrnsakura/learn-git2.git‘
原因:远程上存在本地没有的文件解决:
2021-06-17 14:30:45
188
原创 error: src refspec develop does not match any.
环境描述本地分支: master远程分支:master一开始往master提交代码,直接$ git push origin master
2021-06-11 17:39:39
2531
原创 面试中被问到吐血的css知识点(一):两列或三列自适应布局
说在前面这是一个系列的文章,有兴趣的朋友可以查看此系列其它文章(持续更新ing)。本人才疏学浅,若有纰漏还请及时指出,请多指教!情境描述1、两列的情况左侧固定宽度为200px,右侧占据剩余空间并随浏览器窗口大小变化而变化,比如浏览器宽度1200px,右侧宽度1000px;浏览器宽度800px,右侧宽度600px。2、三列的情况左侧和右侧均固定宽度为200px,中间部分占据剩余空间并随浏览器窗口大小变化而变化。比如浏览器宽度1200px,中间宽度800px;浏览器宽度800px,中间宽
2021-05-15 00:47:15
239
原创 面试中被问到吐血的js知识点(二):深拷贝和浅拷贝
说在前面这是一个系列的文章,有兴趣的朋友可以查看此系列其它文章。本人才疏学浅,若有纰漏还请及时指出,请多指教!情境描述面试官:你了解js的深拷贝和浅拷贝吗?我:深拷贝是连同引用地址和值一起拷贝;浅拷贝是只拷贝引用地址,不拷贝值,共用内存。面试官:那浅拷贝和深拷贝如何实现?我:用Object.create()实现深拷贝,(此处过了20秒钟),。。。面试官:还有吗?我:uhhhh,。。。忘了。。面试官:那好,下一个问题。。。(真想找个地洞钻进去。。。)上面情景是大多数面试者都经历的
2021-05-14 18:18:14
286
原创 如何将github作为Git的远程仓库
Git是什么?Git 是一个分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。和SVN大同小异,当你和别人一起开发一个项目时,要把每个人的代码整合在一起,你能看见我新增或修改的代码,我也能看见你的,这时候Git就派上用场了。在当今项目开发中,版本控制系统必不可少,除非你自己一个人开发一个项目。Github是什么?Where the world builds software这是github首页最显眼的一句话,多么霸气,多么豪放,多么自信!!!数以百计的开发人员和公司在这里构建、发
2021-04-26 17:24:40
185
原创 css颜色名称
下面列出了css颜色名称,不想写十六进制的就用英文代替吧!注:截图来自https://www.runoob.com/cssref/css-colornames.html
2021-04-16 11:35:42
430
原创 今天来简单聊一下渐变边框的实现方式
肺腑之言在我两年前离职的时候,那之前我没有做过任何效果的渐变边框,觉得好高深啊(太菜了,简单一个边框就让我觉得高深了)。其实我入坑编程也是因为觉得它实在是太奇妙了,太高深了,太让人捉摸不透了,现在依旧如此。什么是渐变边框呢?先上一个效果图:虽然不太明显,但是中间那条灰色的线就是,只不过两边是白色的。简单介绍1、linear-gradient()linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。语法:background: linea.
2021-04-14 10:46:07
439
原创 vue中给当前选中的元素添加类名
情境描述假设页面上有一个菜单,点击选中给一个选中样式,你会怎么做呢?html:<div class="demo-container"> <ul class="demo-ul" id="menu"> <li class="active"><a href="##">首页</a></li> <li><a href="##">笔记</a></li>
2021-04-01 11:20:06
9032
5
原创 css3 transtion无效
transtion是css3的属性,自从它出现以后,网页动起来了,变得更加的生动了。作为一个前端,熟练运用它是最基本的基本功。transtion定义元素的过渡效果,它是一个简写属性,分别设置下面几个属性:transtion-property 规定设置过渡效果的css属性名称 transtion-duration 规定完成过渡效果需要多少秒或毫秒 transtion-timing-function 规定速度效果的速度曲线 transtion-delay 规定过渡效果何时开始注意:tr...
2021-03-31 20:07:10
449
原创 css hover失效的解决方法
在开发vue项目时,element-plus按钮的focus样式不是我想要的,然后就想覆盖它的样式,但是发现元素hover效果失效,我的写法是这样的:.close-pop-btn{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 18px; width: 20px; height: 20px; line-height: 20px; padding: 0; min-height:
2021-03-31 19:50:00
1100
原创 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
366
原创 安装淘宝源镜像
话不多说直接上命令$ npm install cnpm -g --registry=https://registry.npm.taobao.org查看cnpm版本$ cnpm -v结果如图:还可以查看cnpm配置$ cnpm config list如果习惯使用npm又想速度嗖嗖的,那就使用代理。$ npm config set registry https://registry.npm.taobao.org...
2021-03-17 16:44:47
168
原创 将本地代码提交到github
不得不说,github对于大众程序猿来说就是私人仓库,想实现在家和公司同步开发,可以将代码提交到github上,这样就能轻松pull代码,再也不用每次拷U盘或者是上传网盘了。1、打开github创建一个仓库2、复制仓库地址,在想放代码的文件夹内右键,git bash here打开git命令行窗口3、执行git clone (你刚新建的)仓库地址执行完毕会发现github上的文件就到...
2019-05-28 11:27:03
227
原创 使用js实现在有限的区域拖动图片
这是一个使用js制作的简单的仿淘宝商品详情放大镜效果的demo,两种显示模式:适应大小和显示原图,前者是显示在父元素定义的区域内,最大不超过100%,而后者是显示图片原图尺寸。当点击“显示原图”时,可以拖动图片查看图片细节。github地址:https://github.com/zerozrn/draggable-picture...
2019-05-28 10:44:45
650
原创 vue-cli2.0+element-ui2.4开发项目踩坑记
前言最近迷上了vue,可以说它真的是很方便,大大提高了开发项目的速度和效率,连自己的博客也采用vue作为框架开发,我沉浸在此,乐此不疲。以下是在使用vue过程中遇到的一些坑,有大有小,特此记录,以作总结。1、执行npm run dev报listen EADDRNOTAVAIL 的错误往常都是没错的,上礼拜安插网线后就出现这样的错误,所以推测是ip出现了问题,由此打开cmd,输入ipconf...
2019-05-27 09:51:09
259
原创 CSS水平或垂直居中技巧
前言css水平和垂直居中是一个更古不变的话题,它常常出现在优美的网页上以及各大前端面试当中。说来惭愧,在两年前面试的时候,我完全不知道如何做到水平和垂直均居中的方法,那场面别提有多尴尬了(ps:特想找个地洞钻进去)。。。时隔两年,对于这个问题算是有一些了解了,现做个小小的整理,也算是对自己学习的总结。注:文中例子没写明html代码时,使用的是下面结构:<div class="examp...
2019-05-09 11:07:51
1611
原创 JavaScript中如何创建对象以及继承的实现
前言 继承也是我去年面试中支支吾吾答不上来的一个题,现在虽说还没有完全吃透它,不过一点一滴地去接触、思考、理解、实践,总能吃透它的。我为什么把创建对象和继承放在一起说呢?那是因为对象的创建是理解继承的前提,继承,那当然是对象的继承。一、创建对象虽然Object构造函数和对象字面量都可以用来创建单个对象,但是它们都有一个明显的缺点:使用同一个接口创建很多对象,...
2019-05-09 10:02:21
229
转载 简单介绍三个判断数组的方法的区别和优劣
这三个方法如下:Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()解析:1. Object.prototype.toString.call()每一个继承 Object 的对象都有 toString方法,如果 toString方法没有重写的话,会返回 [Object type],其中 type 为对象的类型。...
2019-03-04 10:19:24
717
原创 树形结构递归遍历,根据某个属性值查找其所在的对象
今天在做一个组织结构图时,图是用一个树来表示的,有唯一的根节点以及若干个子节点,二话不说我瞬间就写出来了这个结构,我的定义如下:var data = { id: 1, name: "根节点", children:[{ id: 2, name: "节点1", children: [{ i...
2018-11-07 19:06:06
10187
原创 JavaScript字符串反转
JavaScript中,字符串反转算是一个常见的前端面试题了。下面由简单到复杂总结了几种方式。1、for循环 说实话,这是最容易想到的方式了,因为不管是菜鸟还是高级前端,对for循环真的是烂熟于心,尽管高级的早已抛弃它。function reverseString(str){ var res = new Array(), len = str.length;...
2018-03-10 16:21:09
1706
原创 两年前端却不知this为何许?
说来惭愧,再讲一个故事吧。带着2年前端经验的我去面试,被闭包问住了,尴尬了整个面试气氛。第二次,OK,失败了总要知道为什么吧,于是闭包被我简单的攻略了。面试官问我闭包时,拿起笔就写了一个简易版的闭包。好啊,既然你知道闭包,那你说说在你写的这个闭包的这一段代码里,这里,这里,这里this分别是什么?啊啊啊啊,老天,Are you kidding me? Q:// (1)这里thi...
2018-03-09 20:34:09
657
原创 JavaScript数组常用方法
在javaScript中,数组恐怕是除了Object之外最常用的类型了,它不仅每一项可以保存任何类型的值,而且其长度可以动态调整。1、toLocaleString()、toString()、valueOf()和join([separator]) 这三个方法中,前两个方法把数组转换成字符串,valueOf()会返回数组本身。在调用前两个方法时,会分别调用每一项的相对应的方法。 join(...
2018-03-08 22:51:55
270
原创 困扰我许久的痛楚:闭包
内心的话 我现在从事前端工作两年了,可是我所掌握的前端技术是那种跨越状态的,学习时太过急躁,这也学,那也学,导致基础一团糟。去年找工作面试,面试官问我知不知道什么是闭包,我当时想都没想,就说应该是命名空间吧,因为闭包闭包嘛,封闭的一个块,就这样吊儿郎当地回答了,面试官惊讶地摇了摇头,好像在说,工作2年了连闭包都不知道。当时那个尴尬啊,脸一下子红到了脖子根儿,才知道自己原来这么菜。问继...
2018-03-08 15:53:19
167
原创 如何在网页title左侧加上个性icon,呈现高逼格网站?
当我们浏览诸如百度、CSDN或者是新浪微博时,都会在网页title左侧看到标志性的icon,显得非常高大上,如果给自己的网站或者原创的网页加上这样的icon,就不用每次打开网页看到的都是一个貌似打不开文件的一个白色文档icon,而且也算是学习了如何加上这样的icon,这对于前端来说,是必备的基础。那么这个是怎么实现的呢?有2种方法:1、在每个html文件的head标签内,使用link标签,icon...
2017-12-06 11:55:56
4328
原创 修改wamp中默认的数据库密码
WAMP安装好后,mysql密码是为空的,会造成权限和不安全的问题,那么要如何修改呢?下面是我亲自尝试的一种最简单的方法。1、首先,通过WAMP打开mysql控制台。如图所示:提示输入密码,因为现在是空,所以直接按回车。2、然后输入“use mysql“,意思是使用mysql这个数据库,提示“Database changed”就ok。3、然后输入要修改的密码的sql语句“update user s...
2017-11-13 11:59:42
1265
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人