- 博客(41)
- 资源 (1)
- 收藏
- 关注
原创 封闭了内心却包容了天下,闭包你并不孤独
起点本文之所以会写这种老生常谈的文章,是为了接下来的设计模式做铺垫。既然已经提笔了,就打算不改了,继续写下去,相信也一定有很多人对闭包这样的概念有些模糊,那就瞧一瞧、看一看毕竟闭包和高阶函数这两种概念,在开发中是非常有分量的。好处多多,妙处多多,那么我们就不再兜圈子了,直接开始今天的主题,闭包&高阶函数闭包闭包是前端er离不开的一个话题,而且也是一个难懂又必须明白的概念。说起闭包,...
2019-08-29 17:42:03
274
2
原创 我从来不理解JavaScript闭包,直到有人这样向我解释它
当代码在JavaScript中运行时,执行代码的环境非常重要,并将概括为以下几点:全局作用域——第一次执行代码的默认环境。函数作用域——当执行流进入函数体时。(…) —— 我们当作 执行上下文 是当前代码执行的一个环境与作用域。换句话说,当我们启动程序时,我们从全局执行上下文中开始。一些变量是在全局执行上下文中声明的。我们称之为全局变量。当程序调用一个函数时,会发生什么?以下几个...
2019-08-29 17:24:53
381
1
原创 你在 19 年剩余的时间里还能学点什么?
时间过得真快,转眼之间 19 年都已经快进入 9 月份了。今天就来谈谈在这剩余的时间中我们还可以学点什么来充实自己,提高自己的竞争力。前端基础前端基础的重要性我觉得不需要多说了,无论是写出健壮的代码还是定位问题亦或者是面试中都是相当重要的一块内容。如果你认为自身的前端基础还不过关的话,应该把大量的时间放在学习基础上。计算机基础计算机基础对于前端开发者来说最重要的是以下三点:网络数...
2019-08-29 16:58:01
211
原创 前端工程师如何持续保持热情
对于一种事情,经常重复的话,很容易就会厌烦、觉得无趣、失去了当初的热情。做不完的业务需求,日复一日,就觉得工作乏味、都是体力活;c端做多了,就觉得业务逻辑没有挑战性,没意思,设计要求苛刻,特别烦;b端做多了,就觉得天天写平台,天天对着无味的数据,没机会玩一下炫酷的特效;技术建设做多了,看着自己做的东西都腻了;研究一些花哨的东西,又对工作内容没有什么意义;想用一下最新技术,然而项目...
2019-08-29 16:44:29
205
原创 纯CSS实现动态晴阴雨雪
1 引言本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果:再看看HTML代码:<!--晴--><div class="weather sunny"></div><!--阴--><div class="weather cloudy"></div><...
2019-08-29 16:16:54
355
原创 这一次,彻底弄懂 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是...
2019-08-29 15:06:42
300
原创 写代码水平的几个发展阶段
背景杜欢在我的眼中是一名非常出色的全栈工程师,他拥有 10 年以上的开发经验,无论从技术深度和广度上都有很不错的造诣,即使已经做到了部门技术总监的位置,还能始终保持着对技术的热爱和追求,令我非常佩服。他根据多年的经验,总结出程序员写代码的水平分为以下几个发展阶段:懵懂刚开始学习编程或学习一种新技术的时候,会有种雾里看花的感觉,似懂非懂,就算记住了也不会用。要突破这个阶段的方法就是“练习”,...
2019-08-28 16:52:58
188
原创 这些功能其实不需要 JS,CSS 就能搞定
直接入题每个单词的首字母大写其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能,想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法:function capitalizeFirst( str ) {let result = ‘’;result = str.toLowerCase().replace(/( |^)[a-z]/g, (L) => L.toUpp...
2019-08-28 16:39:23
157
原创 重学 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:23:22
102
原创 你不知道的 JS 错误和调用栈常识
大多数工程师可能并没留意过 JS 中错误对象、错误堆栈的细节,即使他们每天的日常工作会面临不少的报错,部分同学甚至在 console 的错误面前一脸懵逼,不知道从何开始排查,如果你对本文讲解的内容有系统的了解,就会从容很多。而错误堆栈清理能让你有效去掉噪音信息,聚焦在真正重要的地方,此外,如果理解了 Error 的各种属性到底是什么,你就能更好的利用他。接下来,我们就直奔主题。调用栈的工作机制...
2019-08-28 15:59:54
485
原创 《程序员十二时辰》,居然是这样的!内容过于真实 ...
据说程序员的一天是这样渡过…7:00 开始新的一天起床缓冲中,已经进行 ……6%回想昨晚不该又 Hgih 到 2 点7:10 闹钟响到第 6 次的时候,终于鼓起勇气起床。其实我也不想那么晚睡,但,只有凌晨以后的时间我才觉得时间属于自己!**7:**40 地铁中上班的心情比上坟还要沉重每天在地铁就拼劲了一天的力气哪怕你是一个96公斤的胖子,也可以被挤地双脚悬空。住在燕郊的同事...
2019-08-28 15:22:08
395
原创 20个让你效率更高的CSS代码技巧
在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1、注意外边距折叠与其他大多数属性不同,上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时,只会保留两个margin值中较大的那个。例如:HTML...
2019-08-25 16:22:27
212
原创 一名【合格】前端工程师的自检清单
开篇前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到:到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。这样是一个非常...
2019-08-25 15:43:45
240
原创 想用Node.js,领导不同意?
经过这几年的发展,前端普遍进入了技术深水区,只会Web页面开发已经难以满足企业需求,Node逐渐成为了刚性技能。但是很多同学还没有在业务上使用过Node,也不知道使用Node会带来哪些好处,更加没有办法说服老板。在翻看很多技术文章时,大家都提到“中间层”,在很多大型企业中,Node确实承担了“中间层”的角色,那么,Node为什么被广泛的应用在“中间层”呢?要回答这个问题,先来陈述下什么是中间层...
2019-08-23 17:40:07
154
原创 提升开发幸福感的10条JS技巧
总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。生成随机UIDconst genUid = () => {var length = 20var soupLength = genUid.soup_.lengthvar id = []for (var i = 0; i < length; i++) {id[i] = genUid....
2019-08-23 17:27:54
159
原创 Vue 实现前进刷新,后退不刷新的效果
需求一:在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。解决方案在 App.vue设置: <keep-alive include="list"> <router-view/> </ke...
2019-08-22 15:39:07
219
原创 如何优雅的实现前端国际化
今天小编会使用boostrap框架搭建一个配有中英文切换功能的网页,还有就是使用nodejs搭建后台服务,从头实现一个完整的前端国际化开发项目,内容不算很复杂,很适合前端已入门的胖友们。01 、前端国际化概述港真,自己刚接到这个需求的时候,也是不知如何下手,毕竟也没经验,后面就找了百度,经过一番探索,最终圆满的完成了任务,下面就把我的经验写下来,有需要的朋友拿去,不谢~~~首先我们先来普及一...
2019-08-21 17:23:58
5834
转载 数据动态过滤技巧在 Vue 项目中的实战
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-),过程中会涉及到一些Vue源码的概念比如 $mount、 render watcher等,如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~问题是这样的:页面从后台拿到的数据是由 0、 1之类的key,而这个key代表的value比如 0-女、 1-男的对应关系是...
2019-08-20 16:54:40
303
转载 阿里大佬浅谈大型项目前端架构设计
1、综合我在2年之前,写过一篇中小型项目的前端架构浅谈。随着能力的上升,以及在阿里巴巴工作的经验,是时候写一篇大型项目的前端架构分析了。本篇文章不会更多侧重于具体技术实现,而是尝试从更高角度出发,分析为什么要这么做,这些设计能解决什么问题,成本和收益如何。由于作者能力有限,可能会有所缺漏或者部分错误,欢迎读者指出。1.1、适用场景:本篇文章,适用于单个/多个大型项目、拥有超过10个以上...
2019-08-20 16:23:08
3816
1
转载 人人都会Vue,你的优势在哪里?
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说比别人厉害呢?能够独立用Vue写一个项目其实只是入了一个门,在如今技术快速发展的背景下,要真的作为一个敢说出熟练Vue的人,先看看下面这些是不是过关了?01.基本功我见过很多前端用Vue,React,就放弃Ja...
2019-08-19 17:04:08
147
转载 50行代码的MVVM,感受闭包的艺术
我们先看一下运行结果name 和 age 被响应式的渲染出来,在 2s 后我们修改了 name 的值,同样能在页面正确更新。我们来看一下最小化的 MVVM 的源码class Vue{constructor(opt){this.opt = optthis.observe(opt.data)let root = document.querySelector(opt.el)this.c...
2019-08-19 16:44:28
106
转载 5 分钟撸一个前端性能监控工具
简单而言,有三点原因:关注性能是工程师的本性 + 本分;页面性能对用户体验而言十分关键。每次重构对页面性能的提升,仅靠工程师开发设备的测试数据是没有说服力的,需要有大量的真实数据用于验证;资源挂了、加载出现异常,不能总靠用户投诉才后知后觉,需要主动报警。一次性能重构,在千兆网速和万元设备的条件下,页面加载时间的提升可能只有 0.1%,但是这样的数(土)据(豪)不具备代表性。网络环境、硬件设...
2019-08-19 16:15:21
508
转载 会了这3点,你就离高级前端更近一步
转眼2019也快走到下半年,过去的这段时间里,不论是互联网巨头还是初创企业,都纷纷进行了一波优化。 渐趋理智的资本淘汰了一批不能适应市场的业务,而业务的紧缩也淘汰了一批不能适应市场的程序员。有人都不清楚自己为什么会被优化,但也有人薪资水涨船高, 这背后说到底就是每个人的竞争力强弱。 Oracle前脚宣布裁员消息,后脚就有专场招聘会等着, 这是市场对他们的肯定 。专场招聘会部分名单,图来自网...
2019-08-18 21:31:49
80
转载 中高级前端开发高频面试题
var executeTimes = 0;var intervalTime = 500;var intervalId = null;// 放开下面的注释运行setInterval的DemointervalId = setInterval(intervalFun,intervalTime);// 放开下面的注释运行setTimeout的Demo// setTimeout(timeOutF...
2019-08-18 21:11:19
152
转载 高企web高级工程师:前端精通后,月薪轻松3W+
868.jpg总是会看到很多人问:我现在想学习Web前端开发该如何下手?学习路线是怎样的?随着最近几年来互联网的迅猛发展和普及,Web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。一、基础首先前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Javascript,但是它们的轻重缓急该如何去选择呢?柠檬认为在学习优先级上HTML > CSS > Ja...
2019-08-18 20:39:11
169
转载 解密初、中、高级程序员的进化之路(前端)
仅能完成简单模块和项目的开发工作,难以胜任复杂模块的开发。通常是入行不久, 1 年及以下工作经验的同学。能力要求1.熟悉前端基础知识如 HTML、JS、CSS 。2.能够使用一门 MVVM 框架进行简单的业务开发。3.遇到复杂的组件和模块,会找现有的轮子使用。4.会使用百度、google 等检索工具搜索问题。中级程序员(阿里 p5)在必要的辅导或标准流程支持下,能独立负责一个子模块或...
2019-08-18 20:23:17
171
转载 前端开发——递归函数
什么是递归函数闭包和递归,很多前端望而生畏,其实没那么难,今天我们来简单的谈一下递归函数,所谓的递归函数就是在函数体内调用本函数。说白了,就是自己调自己,使用递归函数一定要注意,处理不当就会进入死循环。递归函数的应用递归函数只有在特定的情况下使用 ,例如阶乘或者时间调用等。今天我们通过一个简单的案例来了解下递归函数问:有一堆桃子,每天吃掉一半,挑出一个坏的扔掉,第6天的时候发现还剩1个桃...
2019-08-15 20:53:21
1959
转载 如何成为一名优秀的web前端工程师(前端攻城师)?
我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西。我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。何为:前端工程师?前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!它要求前端开发工程师不仅要掌握基本的Web前端开发技术...
2019-08-15 19:04:44
128
转载 前端的焦虑,你想过30岁以后的前端路怎么走吗?
曾几何时,我总会很庆幸自己进了前端这个行业。因为在这个职业范畴里面,我如鱼得水,成长很快,成就感满满。然而,随着年龄和工龄的增长,渐渐发现自己的瓶颈越来越明显了,我感觉自己似乎碰到了前端的天花板。原因何在1.从客观原因来看,前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然很旺盛,但是对前端的技术能力要求却不是很高,特别是一些小公司或者不是技术驱动的公司。这给人一种错觉,好像只需要懂...
2019-08-14 21:06:36
166
转载 前后端分离后的前端时代,使用前端技术能做哪些事?
什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的页面模板中,最后将页面渲染到浏览器展示。这个过程中,前端只提供页面模板或者写一些JavaScrip...
2019-08-14 20:50:19
1400
转载 前端开发常见笔试/面试题总结 ——HTML / CSS篇
校招和社招时频繁遇到的面试题iframe 有哪些缺点?页面看起来较杂乱,不易管理,布局不佳,易分散用户注意力不利于搜索引擎的优化移动设备兼容性差会增加http请求,对服务器造成负担cookie和localStorage、seesionStorage的区别是什么?共同点是都保存在浏览器端,区别如下:cookies是为了标识用户身份而存储在本地的数据,会随http请求一同发送到服务...
2019-08-14 20:24:57
237
转载 几个有益的 CSS 小知识
样式的顺序CSS 代码:.red {color: red;}.blue {color: blue;}HTML 代码:这是什么颜色这是什么颜色记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上)答案你们应该是知道的。可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器。div p {color:...
2019-08-13 21:20:24
71
转载 前端技能图谱
前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。概述我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。简单来说html就是一堆标签,然后可以在页面显示出一些控件,例如表格,输入框,按钮等。而css的作用在于控制html的标签位置,效果等,如果不是css的话,我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能,动态操作页面的元素,还可以通...
2019-08-13 20:44:40
291
转载 如何面试大厂web前端?(沟通软技能总结)
最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到为找工作而且苦恼的你,可能每个人的方法不一样,不过至少可以提供一些参考。先说明一下我的基本情况,93年生人,初中毕业后上了一家技校,网络工程专业,函授中央广播电视大学信息管理专科证书,11年毕业,工作7年了,...
2019-08-12 21:43:47
808
转载 回顾前端历史,明晰前端未来
本篇文章适用于 1-3 年的 WEB 新人也同样适用于 3-5 年的前端老人。本文是回顾历史,预测未来的文章,所以会以时间线的形式一步一步过来,会有 WEB 的诞生,WEB 发展的重大转折点。让你清晰明白 WEB 诞生的历史意义?没有浏览器人们如何查阅信息?IE 作为 windows 预装的浏览器为什么不如 Google 浏览器的市场份额大等等1991 年 HTML 诞生了在 web 诞生之...
2019-08-12 21:16:38
1074
转载 快速入门VUE
先给大家科普一下:前端JS框架和前端UI框架的区别前端JS框架:基于js进行一定封装与一些独立设计的框架 比如:jQuery,Vue,React,angular等等前端UI框架:基于某种js框架进行设计的UI组件库,就是一些写好的UI组件,拿来就能用,不需要自己写css比如: 基于JQuery的Bootstrap,jQuery Smart UI 等 基于Vue的iView,Element等...
2019-08-05 21:34:19
142
转载 2019 年 Vue 学习路线图!
2019 年 Vue 学习路线图!如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染,等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧,但其实并不是只有你一个人有这种感受,所有经验水平的开发人员都会持续感觉到这种莫名的压力。一口气吃不...
2019-08-05 20:55:56
231
原创 前端代码书写规范
JS代码格式规范 js文件, vue文件, 及jsx文件都遵循eslint规范, 而且在.eslintrc.js 对eslint进行一些配置, 我们遵循业界通用代码规范, 去除一些鸡肋的限制, 详情可见[eslint-rules](https://eslint.org/docs/rules/) 注意: 我们本地开发时候, 会有eslint进行预检查, 如果有不符合规范的...
2019-05-24 14:23:14
3297
1
原创 写给同事的前端学习路线
前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。1,HTML,CSS部分。HTML/CSS初学,就照着http...
2019-05-22 08:18:03
187
原创 我们新建了一个前端技术交流群
程序员要有一定得自学能力,如果连起码得自学能力都没有,那谈什么变技术大牛?凭什么拿高薪;但是在技术探索的这一条路上,我们总会遇到很多难以解决的问题,这个时候就需要朋友的帮助了,但是大家有时候都很忙,怎么办?所以我认为在程序员成长道路上,大家应该互相帮助,资源互相共享,学习共同监督,找到一群志同道合得朋友一起成长蜕变;其实我觉得程序员这个群体还是蛮可爱的,很多技术大牛愿意帮助他人,也乐于分享,在一些...
2019-05-21 07:52:54
951
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人