- 博客(41)
- 收藏
- 关注
转载 封闭了内心却包容了天下,闭包你并不孤独
起点本文之所以会写这种老生常谈的文章,是为了接下来的设计模式做铺垫。既然已经提笔了,就打算不改了,继续写下去,相信也一定有很多人对闭包这样的概念有些模糊,那就瞧一瞧、看一看毕竟闭包和高阶函数这两种概念,在开发中是非常有分量的。好处多多,妙处多多,那么我们就不再兜圈子了,直接开始今天的主题,闭包&高阶函数闭包闭包是前端er离不开的一个话题,而且也是一个难懂又必须明白的概念。说起闭包,它...
2019-08-29 17:43:09
127
转载 我从来不理解JavaScript闭包,直到有人这样向我解释它
当代码在JavaScript中运行时,执行代码的环境非常重要,并将概括为以下几点:全局作用域——第一次执行代码的默认环境。函数作用域——当执行流进入函数体时。(…) —— 我们当作 执行上下文 是当前代码执行的一个环境与作用域。换句话说,当我们启动程序时,我们从全局执行上下文中开始。一些变量是在全局执行上下文中声明的。我们称之为全局变量。当程序调用一个函数时,会发生什么?以下几个步骤:...
2019-08-29 17:25:47
148
转载 你在 19 年剩余的时间里还能学点什么?
时间过得真快,转眼之间 19 年都已经快进入 9 月份了。今天就来谈谈在这剩余的时间中我们还可以学点什么来充实自己,提高自己的竞争力。前端基础前端基础的重要性我觉得不需要多说了,无论是写出健壮的代码还是定位问题亦或者是面试中都是相当重要的一块内容。如果你认为自身的前端基础还不过关的话,应该把大量的时间放在学习基础上。计算机基础计算机基础对于前端开发者来说最重要的是以下三点:网络数据结...
2019-08-29 16:59:30
129
转载 前端工程师如何持续保持热情
对于一种事情,经常重复的话,很容易就会厌烦、觉得无趣、失去了当初的热情。做不完的业务需求,日复一日,就觉得工作乏味、都是体力活;c端做多了,就觉得业务逻辑没有挑战性,没意思,设计要求苛刻,特别烦;b端做多了,就觉得天天写平台,天天对着无味的数据,没机会玩一下炫酷的特效;技术建设做多了,看着自己做的东西都腻了;研究一些花哨的东西,又对工作内容没有什么意义;想用一下最新技术,然而项目...
2019-08-29 16:43:48
122
转载 纯CSS实现动态晴阴雨雪
1 引言本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果:再看看HTML代码:<!--晴--><div class="weather sunny"></div><!--阴--><div class="weather cloudy"></div><...
2019-08-29 16:18:50
133
转载 这一次,彻底弄懂 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是...
2019-08-29 15:02:34
71
转载 写代码水平的几个发展阶段
背景杜欢在我的眼中是一名非常出色的全栈工程师,他拥有 10 年以上的开发经验,无论从技术深度和广度上都有很不错的造诣,即使已经做到了部门技术总监的位置,还能始终保持着对技术的热爱和追求,令我非常佩服。他根据多年的经验,总结出程序员写代码的水平分为以下几个发展阶段:懵懂刚开始学习编程或学习一种新技术的时候,会有种雾里看花的感觉,似懂非懂,就算记住了也不会用。要突破这个阶段的方法就是“练习”,...
2019-08-28 16:53:51
95
转载 这些功能其实不需要 JS,CSS 就能搞定
直接入题每个单词的首字母大写其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能,想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法:function capitalizeFirst( str ) {let result = '';result = str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpperCa...
2019-08-28 16:37:53
145
转载 重学 JS 系列:聊聊 new 操作符
new 的作用我们先来通过两个例子来了解 new 的作用function Test(name) { this.name = name}Test.prototype.sayName = function () { console.log(this.name)}const t = new Test('yck')console.log(t.name) // 'yck't.sa...
2019-08-28 16:27:43
98
转载 你不知道的 JS 错误和调用栈常识
大多数工程师可能并没留意过 JS 中错误对象、错误堆栈的细节,即使他们每天的日常工作会面临不少的报错,部分同学甚至在 console 的错误面前一脸懵逼,不知道从何开始排查,如果你对本文讲解的内容有系统的了解,就会从容很多。而错误堆栈清理能让你有效去掉噪音信息,聚焦在真正重要的地方,此外,如果理解了 Error 的各种属性到底是什么,你就能更好的利用他。接下来,我们就直奔主题。调用栈的工作机制...
2019-08-28 16:01:39
125
转载 《程序员十二时辰》,居然是这样的!内容过于真实 ...
据说程序员的一天是这样渡过....7:00 开始新的一天起床缓冲中,已经进行 ……6%回想昨晚不该又 Hgih 到 2 点7:10 闹钟响到第 6 次的时候,终于鼓起勇气起床。其实我也不想那么晚睡,但,只有凌晨以后的时间我才觉得时间属于自己!7:**40 地铁中**上班的心情比上坟还要沉重每天在地铁就拼劲了一天的力气哪怕你是一个96公斤的胖子,也可以被挤地双脚悬空。住在燕郊的同事...
2019-08-28 15:23:23
129
转载 提升开发幸福感的10条JS技巧
总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。生成随机UIDconst genUid = () => {var length = 20var soupLength = genUid.soup.lengthvar id = []for (var i = 0; i < length; i++) {id[i] = genUid.soup.ch...
2019-08-23 17:24:38
69
转载 Vue 实现前进刷新,后退不刷新的效果
需求一:在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。解决方案在 App.vue设置: <keep-alive include="list"> <router-view/> </kee...
2019-08-22 15:44:44
139
转载 如何优雅的实现前端国际化
今天小编会使用boostrap框架搭建一个配有中英文切换功能的网页,还有就是使用nodejs搭建后台服务,从头实现一个完整的前端国际化开发项目,内容不算很复杂,很适合前端已入门的胖友们。01 、前端国际化概述港真,自己刚接到这个需求的时候,也是不知如何下手,毕竟也没经验,后面就找了百度,经过一番探索,最终圆满的完成了任务,下面就把我的经验写下来,有需要的朋友拿去,不谢~~~首先我们先来普及一...
2019-08-21 17:42:09
146
转载 数据动态过滤技巧在 Vue 项目中的实战
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-),过程中会涉及到一些Vue源码的概念比如 $mount、 render watcher等,如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~问题是这样的:页面从后台拿到的数据是由 0、 1之类的key,而这个key代表的value比如 0-女、 1-男的对应关系是...
2019-08-20 16:52:27
68
转载 数据动态过滤技巧在 Vue 项目中的实战
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-),过程中会涉及到一些Vue源码的概念比如 $mount、 render watcher等,如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~问题是这样的:页面从后台拿到的数据是由 0、 1之类的key,而这个key代表的value比如 0-女、 1-男的对应关系是...
2019-08-20 16:52:22
156
转载 人人都会Vue,你的优势在哪里?
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说比别人厉害呢?能够独立用Vue写一个项目其实只是入了一个门,在如今技术快速发展的背景下,要真的作为一个敢说出熟练Vue的人,先看看下面这些是不是过关了?01.基本功我见过很多前端用Vue,React,就放弃Ja...
2019-08-19 16:59:59
102
转载 50行代码的MVVM,感受闭包的艺术
我们先看一下运行结果name 和 age 被响应式的渲染出来,在 2s 后我们修改了 name 的值,同样能在页面正确更新。我们来看一下最小化的 MVVM 的源码class Vue{constructor(opt){this.opt = optthis.observe(opt.data)let root = document.querySelector(opt.el)this.compile(...
2019-08-19 16:33:41
69
转载 5 分钟撸一个前端性能监控工具
简单而言,有三点原因:关注性能是工程师的本性 + 本分;页面性能对用户体验而言十分关键。每次重构对页面性能的提升,仅靠工程师开发设备的测试数据是没有说服力的,需要有大量的真实数据用于验证;资源挂了、加载出现异常,不能总靠用户投诉才后知后觉,需要主动报警。一次性能重构,在千兆网速和万元设备的条件下,页面加载时间的提升可能只有 0.1%,但是这样的数(土)据(豪)不具备代表性。网络环境、硬件设备千差万...
2019-08-19 15:53:21
341
转载 会了这3点,你就离高级前端更近一步
转眼2019也快走到下半年,过去的这段时间里,不论是互联网巨头还是初创企业,都纷纷进行了一波优化。 渐趋理智的资本淘汰了一批不能适应市场的业务,而业务的紧缩也淘汰了一批不能适应市场的程序员。有人都不清楚自己为什么会被优化,但也有人薪资水涨船高, 这背后说到底就是每个人的竞争力强弱。 Oracle前脚宣布裁员消息,后脚就有专场招聘会等着, 这是市场对他们的肯定 。专场招聘会部分名单,图来自网...
2019-08-18 21:29:03
82
转载 中高级前端开发高频面试题
var executeTimes = 0;var intervalTime = 500;var intervalId = null;// 放开下面的注释运行setInterval的DemointervalId = setInterval(intervalFun,intervalTime);// 放开下面的注释运行setTimeout的Demo// setTimeout(timeOutF...
2019-08-18 21:09:52
87
转载 高企web高级工程师:前端精通后,月薪轻松3W+
总是会看到很多人问:我现在想学习Web前端开发该如何下手?学习路线是怎样的?随着最近几年来互联网的迅猛发展和普及,Web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。一、基础首先前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Javascript,但是它们的轻重缓急该如何去选择呢?柠檬认为在学习优先级上HTML > CSS > Javsscript...
2019-08-18 20:36:55
232
转载 解密初、中、高级程序员的进化之路(前端)
仅能完成简单模块和项目的开发工作,难以胜任复杂模块的开发。通常是入行不久, 1 年及以下工作经验的同学。能力要求1.熟悉前端基础知识如 HTML、JS、CSS 。2.能够使用一门 MVVM 框架进行简单的业务开发。3.遇到复杂的组件和模块,会找现有的轮子使用。4.会使用百度、google 等检索工具搜索问题。中级程序员(阿里 p5)在必要的辅导或标准流程支持下,能独立负责一个子模块或...
2019-08-18 20:20:08
946
转载 前端开发——递归函数
什么是递归函数闭包和递归,很多前端望而生畏,其实没那么难,今天我们来简单的谈一下递归函数,所谓的递归函数就是在函数体内调用本函数。说白了,就是自己调自己,使用递归函数一定要注意,处理不当就会进入死循环。递归函数的应用递归函数只有在特定的情况下使用 ,例如阶乘或者时间调用等。今天我们通过一个简单的案例来了解下递归函数问:有一堆桃子,每天吃掉一半,挑出一个坏的扔掉,第6天的时候发现还剩1个桃...
2019-08-15 20:50:14
675
转载 如何成为一名优秀的web前端工程师(前端攻城师)?
我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西。我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。何为:前端工程师? 前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。 Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!它要求前端开发工程师不仅要掌握基本的W...
2019-08-15 18:59:53
138
转载 前端的焦虑,你想过30岁以后的前端路怎么走吗?
曾几何时,我总会很庆幸自己进了前端这个行业。因为在这个职业范畴里面,我如鱼得水,成长很快,成就感满满。然而,随着年龄和工龄的增长,渐渐发现自己的瓶颈越来越明显了,我感觉自己似乎碰到了前端的天花板。原因何在1.从客观原因来看,前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然很旺盛,但是对前端的技术能力要求却不是很高,特别是一些小公司或者不是技术驱动的公司。这给人一种错觉,好像只需要懂...
2019-08-14 21:03:09
141
转载 前端开发常见笔试/面试题总结 ——HTML / CSS篇
校招和社招时频繁遇到的面试题iframe 有哪些缺点?页面看起来较杂乱,不易管理,布局不佳,易分散用户注意力不利于搜索引擎的优化移动设备兼容性差会增加http请求,对服务器造成负担cookie和localStorage、seesionStorage的区别是什么?共同点是都保存在浏览器端,区别如下:cookies是为了标识用户身份而存储在本地的数据,会随http请求一同发送到服务器,而loc...
2019-08-14 20:23:00
285
转载 几个有益的 CSS 小知识
样式的顺序CSS 代码:.red {color: red;}.blue {color: blue;}HTML 代码:<div class="red blue">这是什么颜色</div><div class="blue red">这是什么颜色</div>记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上...
2019-08-13 21:19:47
95
转载 前端技能图谱
前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。概述我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。简单来说html就是一堆标签,然后可以在页面显示出一些控件,例如表格,输入框,按钮等。而css的作用在于控制html的标签位置,效果等,如果不是css的话,我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能,动态操作页面的元素,还可以通过网络...
2019-08-13 20:40:17
88
转载 如何面试大厂web前端?(沟通软技能总结)
最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到为找工作而且苦恼的你,可能每个人的方法不一样,不过至少可以提供一些参考。先说明一下我的基本情况,93年生人,初中毕业后上了一家技校,网络工程专业,函授中央广播电视大学信息管理专科证书,11年毕业,工作7年了,...
2019-08-12 21:50:08
129
转载 回顾前端历史,明晰前端未来
本篇文章适用于 1-3 年的 WEB 新人也同样适用于 3-5 年的前端老人。本文是回顾历史,预测未来的文章,所以会以时间线的形式一步一步过来,会有 WEB 的诞生,WEB 发展的重大转折点。让你清晰明白 WEB 诞生的历史意义?没有浏览器人们如何查阅信息?IE 作为 windows 预装的浏览器为什么不如 Google 浏览器的市场份额大等等1991 年 HTML 诞生了在 web 诞生之前人...
2019-08-12 21:00:54
174
转载 Web前端性能优化,应该怎么做?
想要成为一名合格的Web前端工程师,Web前端性能优化是一个必须要掌握的知识,那么应该怎么进行Web前端性能优化呢?1、CSS精灵CSS Sprites在国内很多人叫CSS精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片...
2019-08-09 19:13:58
115
转载 成为一个高薪的web前端程序员很难吗? 方法不对,过得很累
我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西。我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。今天来和大家如何成为优秀web前端开发,以及怎样获得高薪?何为前端工程师?前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!前端...
2019-08-09 16:57:32
391
转载 Vue.js的动态组件模板
组件并不总是具有相同的结构。有时需要管理许多不同的状态。异步执行此操作会很有帮助。实例:组件模板某些网页中用于多个位置,例如通知,注释和附件。让我们来一起看一下评论,看一下我表达的意思是什么。 评论现在不再仅仅是简单的文本字段。您希望能够发布链接,上传图像,集成视频等等。必须在此注释中呈现所有这些完全不同的元素。如果你试图在一个组件内执行此操作,它很快就会变得非常混乱。处理方式我们该如何处理这个...
2019-08-08 21:23:37
97
转载 前端程序员:头越来越秃,钱基本不涨!
前端程序员来说,谁的技术能力强,掌握的技术越多越前沿,谁就拥有个人价值倍增的更大可能。为什么? 这很好解释。且不说资深专家们的 演 讲、 广告、授课等副业带来的收入,单从最直观的 薪资 来看,初级前端工程师的工资就比高级前端工程师 低出了5K-15K不等 。高级初级再说回平台,高级前端工程师有更多的机会进入 D轮以上的公司。在小公司or传统公司里, 往往只需要一到两个高级前端程序员...
2019-08-08 20:59:06
140
转载 怎样成长为一个优秀的 Web 前端开发工程师?
怎样成长?那么,什么才是成长?答案只有一个,【学习】。不断的学习。所以这个问题应该是,如何学习才能成为一个优秀的web前端工程师。1、肯定是要大量的写代码,因为你看书只能让你懂。但你懂了之后,依然是做不出来 什么东西的。为什么呢?因为你没有实践,你看我也明白飞机的原理,我能开飞机吗?不能。2、多看经典的。网上确实有很多的教程,不是说它们不好,而说它们不够系统。你在网上看了很多篇教程,但...
2019-08-07 21:38:24
129
转载 什么是大前端?
摸索前端工程化时,针对群友作了个简单的问卷,参与人数不多,但也能表征一部分现象,统计结果如下,从中也可见些许端倪。独立的前端团队早已经不是什么新鲜事,在那些大厂大寨子里早已经存在,前端的发展可谓如日中天,一片从未有过的繁荣。前端三大件:HTML,CSS,JavaScript,这几年都有质的飞跃。HTML5的兼容性提升,多媒体支持,表单验证等等。CSS开发中加入的编程能力,JS领域内各种场景下基于N...
2019-08-07 21:10:59
237
转载 前端已经取代了前几年红得发紫的移动开发者,成为程序员新贵
现代互联网技术的成熟导致了技术分工的极度细化,一个技术团队往往会包括前端、后端、安全、运维、架构、测试等各种职责,尤其是前后端分离的技术实现,像关老爷手中一把锋利无匹的大偃月刀,彻底切断了前后端程序员的联系,只剩下了 HTTP。我们在2000年左右编程的时候可不是这样,从来没有前后端分离这回事。如果你自己不能扛起一个项目,不仅是会被淘汰,而且会被嘲笑。我最开始用 Perl 写 CGI 程序,后来...
2019-08-07 21:00:15
109
转载 现在学习web前端就业怎么样?
一、关于web前端目前就业前景几点分析1,市场:在中国web前端的市场永远都是巨大的,但是随着信息的普及,人人都知道web前端开发做的时间久了,工资高,所以必然会增加竞争程度。但这是好事,有竞争才有更多人才出现。web前端的生态系统几乎涵盖了目前市面上所有的软硬件,web前端在中国的地位20年都是霸主,几乎是万能的,你能想到的,web前端基本都能实现。2,需求目前智联,boss,拉勾网的招聘来看...
2019-08-07 20:37:27
160
转载 从前端到“钱”端,前端程序员的出路在何方
过去十年,是前端觉醒的十年。 前端这个行业很年轻,更早时候其实是有前端工作但是没有前端岗位。大家觉得这个东西程序员做也行,设计师做也行。前端工作一直存在,但是没有人认为它是一个独立的工种和岗位,也没有人去发展它的工程体系,更没有人去找它的核心价值。所以如果说过去十年前端是什么样的十年,我认为是觉醒的十年。 在过去十年中,前端技术的发展大致经历了三个阶段: 首先是...
2019-08-07 17:54:08
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人