自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

张培跃的个人博客

关注「张培跃」公众号,回复「电子书」,有惊喜!

原创 带你完成Android Studio安装及环境配置(图文教程)

一、确保安装java环境,即是否安装有JDK。如未安装,请参考上篇文章。二、Android Studio下载:链接:https://pan.baidu.com/s/1C4xVv78dbVA6fwR2MmS9Vw 提取码:rr83 三、新建一个名为androidstudio的文件夹,在该文件夹下新建sdk, studio, work四、点击下载好的安装文件五、点击Next按钮六、默认全选,继续Next七、点击I Agree八、如下图配置好地址,然后继续Next九、点击Insta

2020-05-17 17:40:49 1568

原创 Java 环境JDK下载、安装以及环境变量配置详细图解

一、安装java环境,JDK1、JDK下载地址链接:https://pan.baidu.com/s/10EJlkjw3nVRhx7GA2MGN1Q 提取码:gno5 2、找个盘符,创建一个名为java的文件夹,在java文件夹内新建JDK文件夹,最后在JDK文件夹内再新建两个文件夹:jdk,jre3、点击下载的JDK开始安装,点击下一步4、此时出现的界面是jdk的安装,点击更改按钮,把目录更改到jdk目录下5、点击下一步安装,等待……6、以下界面是jre的安装,把目录更改到jre目

2020-05-16 23:14:35 463

原创 一名前端开发工程师的离职邮件,字里行间都是痛!

我的大领导:受疫情的影响,咱们貌似许久未曾谋面了,不知您现在活的还好吗?首先,请不要误会,我给您写这封信,绝对不是想要表达对您的思念之情,而是想要告知您一个非常有趣的事情:大脑是个很神奇的器官,它在妈妈的肚子里就已经开始工作了,并且它不会停止运转,直到您当上了领导。如果不出预料的话,您应该已经不记得我具体名字了吧!就像我入职时您给我的承诺一样!那我先自我介绍一下,我是最近您在无形中增加了一...

2020-04-23 20:41:21 663 3

原创 [已解决]react异常:Can't perform a React state update on an unmounted component

报错如下:Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous t...

2020-04-21 22:47:10 1314

原创 通过webstorm快速创建react组件模板

一、点击File,然后点击Settings二、添加模板三、模板内容import React, {Component} from 'react';export default class ${NAME} extends Component { constructor(props) { super(props); this.state = {};...

2020-04-16 22:46:58 319 4

原创 你真的搞懂VUE了吗?来,做道面试题吧!

直接上题:const MockComponent = { render(){ return this.$slots.default; }, data(){ return { status:'', }; }, watch:{ status:{ ha...

2020-04-11 22:04:53 260 1

原创 [已解决]vue-cli项目启动报:spawn cmd ENOENT

vue-cli项目启动报:spawn cmd ENOENT,如下图解决方案:由于环境变量里system32的缺失,加上即可:—————END—————喜欢本文的朋友们,欢迎关注公众号 张培跃,收看更多精彩内容!!!...

2020-03-26 23:05:48 904

原创 [已解决]npm异常:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed

执行npm相关命令时,报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory如图:解决方案:删除C:\Users{账户}\下的.npmrc文件...

2020-03-11 23:09:21 1469

原创 javascript的装逼优化技巧之惰性加载函数

天下武功唯快不破!编程也是同理!程序的优化,其实最终优化的是代码执行速度。而执行速度的提升往往是从很多代码细节当中不断堆砌出来的。相反,垃圾代码也是同理。程序优化的过程往往也是提升编程效率的一个有效捷径。今天为大家分享的是JavaScript当中的惰性函数。所谓惰性函数的重点就在这个惰字上,它是函数式编程应用的一种。由于它很惰,所以其只会在函数第一次调用时执行。如果在字面上不好理解,那么请细...

2020-03-07 17:03:50 188 1

原创 一位优秀前端工程师的简历应该怎么写?

​如今前端市场的从业人员很多且鱼龙混杂,真正的高手大牛非常稀缺,呈典型的金字塔形状,所以前端的招聘也是很多猎头及HR的痛点所在。那么在这种混乱的环境中,如何才能让自己突出重围?需要实力,更需要技巧。简历筛选是第一步,在这里我仅对于简历的内容及形式提一些自己的看法,供大家参考。1、简历不仅仅是你的个人经历,它更重要作用是通过展示你的个人能力让你获得更多的面试机会,从而增加你快速入职的可能性。所...

2020-02-29 22:09:03 696

原创 一场被真话包场的前端面试记录……

​面试官:等很久了吧,我是故意的!这不是要装的忙一点,让领导看看嘛。前端小李:看你们这公司不大,破事倒是不少!要不是到门口了,我都想回去。面试官:没错,我们就是一个名副其实的小垃圾公司。最近公司给我下达了KPI任务,让我每天必须面试7人以上,拿你来凑个数。稍等下,我先装着看下你的简历……看你这简历,毕业的大学很普通啊!前端小李:我哪里是什么普通大学毕业的,其实我就是在网上随机找了个野鸡大学!本人...

2020-02-29 22:04:14 184

原创 JavaScript的变量及作用域(清晰版)

假如你没去过天安门、故宫、长城相当于你没到过北京。假如你搞不懂JS变量的作用域,相当于你没学过JS。关于JS变量作用域的重要性自己好好悟吧!提示:查看本文章记得看注释哦!JS是一门弱类型(松散型)的语言,这也就是说其天生就与众不同,独领风骚! 在讲解变量作用域之前,我们先来了解一下JS中的变量。JS中的变量与其它语言有很大的不同,由于JS变量拥有松散(不强制)的本质,从而决定了其只是...

2020-02-18 19:30:26 216

原创 做完这20道前端面试题,你定会瞬间膨胀!

做完这20道前端面试题,你定会瞬间膨胀!​1、Vue框架的作者是谁?A、秦始皇B、孙悟空C、弥勒佛D、尤雨溪E、刘德华2、MongoDB底层的程序语言是:A、汉语B、C++C、英语D、日语3、你用过的最垃圾的浏览器是:A、IAB、IBC、ICD、IDE、IE4、下列什么命令可以在当前目录新建一个Git仓库?A、git initB、请创建一个仓库C、求求你创...

2020-02-13 22:06:54 328

原创 javascript总结:new操作符的本质

new 构造函数的执行流程:创建对象,并给予属性名为__proto__,值为构造函数原型(prototype)的属性。将构造函数的this指向为刚创建的对象。执行构造函数的语句。将创建的对象进行返回。function myNew (fun) { return function () { // 创建一个新对象且将其隐式原型指向构造函数原型 let...

2019-10-24 13:53:48 272

原创 vue项目中使用mint-ui Loadmore组件报错解决方案: Ignored attempt to cancel a touchmove event with cancelable=false

报错内容如下:[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.上面的内容虽然不会影响到项目的运行效果,但看着飘一串红字总是稍有一些不爽,所...

2019-09-01 12:16:32 2702 2

原创 2019前端必用正则表达式汇总整理——亲自验证,请放心使用!

医生的药方,道士的画符以及程序的正则表达式被尊誉为人世间的三大装逼神器!作为优秀前端的你,出门时怎能不拎几个正则?所以我在这里为大家精心准备了大把的正则,并亲自验证,放心拿去,不谢!1、 手机号:mobile/^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/2、国内座...

2019-09-01 11:17:55 343

原创 Vue原理解析:Vue 实例如何实现代理 data 对象属性的访问

对于初学Vue.js的小伙伴而言,可能会认为Vue实例是一个很神奇的东西!因为它除了帮助我们完成双向绑定之外,还在某些细节方面为我们增加了一些理解上面的小烦恼!希望通过这篇文章能够为勤勉的你解惑~看一段简单代码先:new Vue({ el:"#myApp", data:{ userName:"laoWangTou", age:16 },...

2019-08-17 20:44:19 673

原创 javascript总结:setTimeout模拟setInterval

setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔。setInterval(()=>{}, 1000);setTimeout(()=>{}, 1000);区别:setInterval在执行完一次代码之后,经过指定的时间间隔,执行代码,而setTimeout只执行一次那段代码。注意:假设s...

2019-08-14 22:31:45 266

原创 javascript总结:深拷贝与浅拷贝的实现

浅拷贝: 将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用深拷贝: 创建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用”。我们希望在改变新的数组(对象)的时候,不改变原数组(对象)时需要使用深拷贝。1、浅拷贝实现原对象const obj = { siteName:"张培跃", i...

2019-08-08 18:50:29 374

原创 javascript中call()、apply()与bind()的区别及实现原理解析

由于call()、apply()与bind()都是属于Function.prototype对象下的方法,所以每个function实例都拥有有call、apply与bind属性。相同点:都是为改变this指向而存在的。异同点:使用call()方法时,传递给函数的参数必须逐个列举出来,使用apply()方法时,传递给函数的是参数数组。bind()和call()很相似,第一个参数是this的指向,...

2019-08-01 11:47:01 514

原创 vuex结合vue-meta实现router动态设置meta标签

网站的访问流量中,有相当一部分都是来自于搜索引擎,而来自于搜索引擎的流量又全部是免费的,所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的!一、meta标签介绍meta标签提供关于HTML文档的元数据(元数据指用于描述数据的数据)。元数据不会显示在页面上,但是对于机器是可...

2019-06-17 21:03:24 2801 2

原创 js面试题:JS如何获得URL地址中的参数及值

代码不复杂,就不加注释了:function query(sHref = window.location.href){ var obj = {}; var args = sHref.split('?'); if(args[0] == sHref) return obj; var arr = args[1].split('&'); for(var i ...

2019-06-07 21:48:32 899

原创 对vue中nextTick()的理解及使用场景说明

异步更新队列:请记住:**vue是依靠数据驱动视图更新的,该更新的过程是异步的。**即:当侦听到你的数据发生变化时, Vue将开启一个队列(该队列被Vue官方称为异步更新队列)。视图需要等队列中所有数据变化完成之后,再统一进行更新。示例:<div id="myApp"> <input type="button" value="点我呀" @click="changeSt...

2019-06-05 20:46:23 1832 1

原创 揭露培训机构以招聘名义变相招生的欺诈套路!莫被骗!附上企业黑名单!

最近几年,得益于互联网行业的蓬勃发展,IT教育产业火的一塌糊涂。线上线下的培训机构如雨后春笋般的出现了。有人的地方就会有江湖,有江湖的地方必然有纷争!培训机构的命脉是招生,而招生的竞争又怎是一个惨烈可以形容!于是乎大大小小的培训机构各显神通,招生的套路与手段也是五花八门且层出不穷!其中也不乏一些剑走偏锋的机构,以招聘的名义变相招生进行欺诈!一、欺诈套路揭秘1、在各大招聘门户网站上发布招聘...

2019-05-19 21:20:25 2312

原创 React归纳笔记:快速上手Redux之一初识

如何打造可复用的视图组件一直是React所关注的。但如果你要开发一个大型的web应用的话,只使用React是一件非常痛苦的事情。因为单是解决组件之间的数据传递与状态管理就够你喝一壶的了!在此向各位力荐一类库——Redux,它可以帮助我们更加高效、清晰地对应用和组件的状态进行管理!Redux介绍随着单页面应用的需求越来越复杂,你所需要管理的状态也越来越多。这里所说的状态即是数据,它不仅仅包括...

2019-05-17 18:44:50 307

原创 人间真实:最烂代码排行榜!!!

读完此榜,希望不要影响到大家伙的代码观!……从今天起,我的代码信条:1、没有最烂,只有更烂!2、只要能跑起来的代码,就是好代码!第十名:巧妙避开起名的烦恼<p class = 'c1'></p><p class = 'c2'></p><p class = 'c3'></p>...***...<p...

2019-05-12 19:18:59 1473 5

原创 vue使用小技巧之如何使用阿里巴巴矢量图标库

阿里巴巴矢量图标库介绍:设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。目前拥有icon即将突破500万。网址:https://www.iconfont.cn本篇文章将会为小伙伴们详细图解——在vue中如何使用阿里巴巴矢量图标!1、打开阿里巴巴矢量图标库网址2、注册并登陆(略)3、点击图标管理...

2019-05-08 20:42:49 1055 1

原创 徜徉在神级的代码之中,我心狂神移!

最近,在带学生开发一联合项目。那真是分分踩一坑,坑坑不一样!大量的独特算法携带着个性的变量命名。复杂的项目结构夹杂着畸形的文件路径。缩进的大小无常孕育着注释的如也空空。格式的混乱无章包含着语句的从不换行。磅礴的代码森林延伸着无数条羊肠小道。编译的意外通过惊爆出黄色的感叹多条。迷失在学生的代码之中,我心狂神移。时而胸闷,时而肚子痛,时而胸闷肚子痛!最后,双手竟不知该归向何...

2019-05-04 11:32:52 315

原创 vue前端UI框架,一点都不圆润,盘它!

面对众多vue前端UI框架,看着它们干干巴巴、麻麻赖赖的样子,一点都不圆润,跟我一起盘它!Vue移动端UI框架1、Vux(star:15620)VUX(读音 [v’ju:z],同 views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。暂未适配 vue-cli@3.x官网:https://vux.li/中文文档:https://doc.vux.li...

2019-05-03 20:52:37 918

原创 通过Node.js完美解决Vue-Cli3.0上线时的二大痛点

在前端框架的历史中,React 和 Angular 一直都处于主角的位置。其间,有众多的新框架试图冲杀进来分一杯羹,但都未成功,除了 Vue。作为一个比 React 和 Angular 都更年轻的框架,Vue 自打去年在GitHub上的star数量超过React之后,其势如破竹的增长势头好像一直就未曾停歇过!Vue 有一个与React 的 create-react-app 非常相似的官方CL...

2019-04-25 21:45:10 307

原创 GIT没有关联小图标(红色、绿色图标)解决方案

1、按Win+R键打开运行对话框,输入 regedit.exe ,准备修改注册表;2、在HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explorer文件夹下新建一个“字符串值”文件:名称为 “Max Cached Icons” (最大缓存图标) , 值是 “2000”3、效果如下:4、现在可以重启下电脑,看...

2019-04-24 23:46:30 2382

原创 共同见证:GitHub上Start增长最快的二十万级神仙项目,没有之一!

​GitHub一直都是程序员心中圣地般的存在。在这里,你不仅可以进行代码托管与项目管理,而且还可以为你的项目建立静态主页。当然,你还可以将你的简历放在这里,为你将来找工作进行加分……所以,建议小伙伴们在闲暇之余可以多来GitHub上逛一逛,没准就会发现什么新大陆。如果你对GitHub不太熟悉的话,建议你可以多多关注:https://github-trending.com/(寻找最好的G...

2019-04-22 20:51:57 407 1

原创 深陷axios坑中,久久不得爬出,望君莫犯!

本人一生与bug英勇奋战,可谓斩敌无数,双手沾满鲜血,对于bug早已见怪不怪了。怎奈对于一些始料未及,史无前例的另类bug,真是惊呆了我的小伙伴们!我在使用axios的过程中,遇神坑一个,坑虽不大,但深陷其中并久久不得爬出。在此记录一下,望君莫犯!一切的一切,都要从axios的transformRequest属性说起…一、transformRequest的四个特征:1、可以在向服务器发...

2019-04-16 21:14:13 415

原创 小白在学习编程的道路上该如何杀出一条血路

由于工作的原因,我每隔一段时间都要对学生进行一场模拟面试~每每面试完之后,心中总会有同样的感慨:大家都是同样的起点,同样的学习周期,同样的老师,为何最终的结果却是鸿沟般的差距?原因可能是:大家用在学习上的时间、精力以及对待学习的态度不同,当然还有学习方法的不同。换句话说:你可能真的不懂得如何学习编程!在此,我斗胆提几个小小的建议,希望对学习编程的你有所帮助:1、给自己定一个能够达到的小目...

2019-04-14 22:03:15 270

原创 价格不限!给我一个走心理由,送你想要IT书籍!送书,我可是认真的!

首次免费任性送书活动开启啦!开不开心?激不激动?!我们公众号目前虽正处于发展阶级,但也取得了一点点的小进步!为了感谢广大粉丝对本公众号长期以来的关心与陪伴~ 。我们决定开启首次免费任性送书活动!!!活动规则说明(请仔细阅读):1、本次活动共送出京东商城计算机相关书籍10本,每人限1本。2、本次活动5月1日20:00截止,中奖名单会及时公布并第一时间送出礼物。3、本活动所...

2019-04-11 15:01:22 370

原创 996.ICU持续引发关注,Python 之父再次为中国程序员发声!

从中国历史的长河中不难发现,中国老百姓的底线真的很低,只要有口饭吃,不管在什么环境下都能生存,是绝不会反抗的。自3月27日996.ICU话题诞生以来,到目前获得的Star数量已经突破20万了!由此可见其所引发的关注一直未曾停歇过!不过,相信在众多的关注者中,绝大多数人的反映应该是这样的:先Star一下,然后围观两眼,顶多再发两句感慨,再然后便退回原位,最后保持沉默。当然,国内也从不缺乏聪明之...

2019-04-10 23:38:30 157

原创 好马要配好鞍!程序员各路傍身神器排行榜!!!

俗话说,好马要配好鞍!摸爬职场多年的猿老们,办公桌上或多或少都会有一些彰显自己身份地位的“好东西”。身为优秀程序员的你,置办一身好行头,自然也在情理之中。现根据功能作用大小,对各路神器排名如下:第十名:仿古电话听筒代码敲久了,脸上容易油腻,接个电话,满屏幕的油。所以郑重推荐装X利器 - 手机听筒。手机一响,优雅的拿起听筒,从位子上站起来,一定要站起来,让远处的产品经理刚好能听到的音量,...

2019-04-07 14:11:44 2115 10

原创 小伙深夜加班骑车逆行了,被拦了,爆发了,下跪了,大哭了,压力真的好大!

看到骑车逆行被拦后爆发的视频,心里堵了好一阵,不管你们有没有感触,反正对我感触很大。真是生容易,活容易,生活不容易!事情是这样的:深夜,杭州一小伙骑单车逆行时被交警拦下了,随后小伙接到一个电话,没想到接完电话,小伙子摔了手机,彻底崩溃了。他大声喊着自己每天要加班到十一二点,女朋友忘了带钥匙了,让他送,公司也在催他,他真的觉得好累。我隔着屏幕都能感受到他的疲惫,仿佛全世界的人都在逼着他、针对着...

2019-04-06 11:07:32 358 1

原创 EJS模板在express中的使用攻略及应用实例(建议收藏)

一、什么是ejs?ejs当中的"E" 代表 “effective”,即【高效】。EJS 是一套非常简单的模板语言,可以帮你利用普通的 JavaScript 代码快速生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。二、快速使用EJS1、安装ejs与expresscnpm install ejs expre...

2019-04-06 10:48:39 372

原创 程序员面试时遇到的高深问题与入职后的工作

相信小伙伴们曾经都有过这样的经历:面试时被面试官的各种高深问题(例如奇葩异常的解决方案、脑洞大开的逻辑算法、各种框架的底层原理,以及大型项目的架构方案与是否拥有高并发经验等等)折磨的不知所措直至无言以对……那时的你面对着眼前面试官奇异嘴脸时,不知是否怀疑过自己所面试的岗位级别?或者有种想要尽快离开现场的冲动?如果我现在告诉你,面试你的那哥们很有可能是在装逼你相信吗?倘若面试官问你的所有问题...

2019-04-05 19:02:05 279

提示
确定要删除当前文章?
取消 删除