前端技术交流
张miro
211计科毕业,曾就职于找钢网长沙研发部前端负责人,映客直播高级前端工程师;人生追求目标:学习使人快乐
展开
-
我们新建了一个前端技术交流群
程序员要有一定得自学能力,如果连起码得自学能力都没有,那谈什么变技术大牛?凭什么拿高薪;但是在技术探索的这一条路上,我们总会遇到很多难以解决的问题,这个时候就需要朋友的帮助了,但是大家有时候都很忙,怎么办?所以我认为在程序员成长道路上,大家应该互相帮助,资源互相共享,学习共同监督,找到一群志同道合得朋友一起成长蜕变;其实我觉得程序员这个群体还是蛮可爱的,很多技术大牛愿意帮助他人,也乐于分享,在一些...原创 2019-05-21 07:52:54 · 957 阅读 · 0 评论 -
数据动态过滤技巧在 Vue 项目中的实战
这个问题是在下在做一个 Vue 项目中遇到的实际场景,这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-),过程中会涉及到一些Vue源码的概念比如 $mount、 render watcher等,如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~问题是这样的:页面从后台拿到的数据是由 0、 1之类的key,而这个key代表的value比如 0-女、 1-男的对应关系是...转载 2019-08-20 16:54:40 · 311 阅读 · 0 评论 -
如何成为一名优秀的web前端工程师(前端攻城师)?
我所遇到的前端程序员分两种:第一种一直在问:如何学习前端?第二种总说:前端很简单,就那么一点东西。我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师。何为:前端工程师?前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript!它要求前端开发工程师不仅要掌握基本的Web前端开发技术...转载 2019-08-15 19:04:44 · 132 阅读 · 0 评论 -
前端开发——递归函数
什么是递归函数闭包和递归,很多前端望而生畏,其实没那么难,今天我们来简单的谈一下递归函数,所谓的递归函数就是在函数体内调用本函数。说白了,就是自己调自己,使用递归函数一定要注意,处理不当就会进入死循环。递归函数的应用递归函数只有在特定的情况下使用 ,例如阶乘或者时间调用等。今天我们通过一个简单的案例来了解下递归函数问:有一堆桃子,每天吃掉一半,挑出一个坏的扔掉,第6天的时候发现还剩1个桃...转载 2019-08-15 20:53:21 · 1967 阅读 · 0 评论 -
一名【合格】前端工程师的自检清单
开篇前端开发是一个非常特殊的行业,它的历史实际上不是很长,但是知识之繁杂,技术迭代速度之快是其他技术所不能比拟的。winter在他的《重学前端》课程中提到:到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。这样是一个非常...原创 2019-08-25 15:43:45 · 250 阅读 · 0 评论 -
20个让你效率更高的CSS代码技巧
在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的,有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。1、注意外边距折叠与其他大多数属性不同,上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时,只会保留两个margin值中较大的那个。例如:HTML...原创 2019-08-25 16:22:27 · 215 阅读 · 0 评论 -
如何优雅的实现前端国际化
今天小编会使用boostrap框架搭建一个配有中英文切换功能的网页,还有就是使用nodejs搭建后台服务,从头实现一个完整的前端国际化开发项目,内容不算很复杂,很适合前端已入门的胖友们。01 、前端国际化概述港真,自己刚接到这个需求的时候,也是不知如何下手,毕竟也没经验,后面就找了百度,经过一番探索,最终圆满的完成了任务,下面就把我的经验写下来,有需要的朋友拿去,不谢~~~首先我们先来普及一...原创 2019-08-21 17:23:58 · 5857 阅读 · 0 评论 -
回顾前端历史,明晰前端未来
本篇文章适用于 1-3 年的 WEB 新人也同样适用于 3-5 年的前端老人。本文是回顾历史,预测未来的文章,所以会以时间线的形式一步一步过来,会有 WEB 的诞生,WEB 发展的重大转折点。让你清晰明白 WEB 诞生的历史意义?没有浏览器人们如何查阅信息?IE 作为 windows 预装的浏览器为什么不如 Google 浏览器的市场份额大等等1991 年 HTML 诞生了在 web 诞生之...转载 2019-08-12 21:16:38 · 1084 阅读 · 0 评论 -
如何面试大厂web前端?(沟通软技能总结)
最近面了很多大厂的web前端岗位,都被刷了,在决定入职前,手里拿了几分待遇差不多的offer,后期的面试越来越顺,自己思考和总结了一下,原来面试也有好多技巧和方法可循,希望这些方法可以帮助到为找工作而且苦恼的你,可能每个人的方法不一样,不过至少可以提供一些参考。先说明一下我的基本情况,93年生人,初中毕业后上了一家技校,网络工程专业,函授中央广播电视大学信息管理专科证书,11年毕业,工作7年了,...转载 2019-08-12 21:43:47 · 818 阅读 · 0 评论 -
Vue 实现前进刷新,后退不刷新的效果
需求一:在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。解决方案在 App.vue设置: <keep-alive include="list"> <router-view/> </ke...原创 2019-08-22 15:39:07 · 233 阅读 · 0 评论 -
你不知道的 JS 错误和调用栈常识
大多数工程师可能并没留意过 JS 中错误对象、错误堆栈的细节,即使他们每天的日常工作会面临不少的报错,部分同学甚至在 console 的错误面前一脸懵逼,不知道从何开始排查,如果你对本文讲解的内容有系统的了解,就会从容很多。而错误堆栈清理能让你有效去掉噪音信息,聚焦在真正重要的地方,此外,如果理解了 Error 的各种属性到底是什么,你就能更好的利用他。接下来,我们就直奔主题。调用栈的工作机制...原创 2019-08-28 15:59:54 · 490 阅读 · 0 评论 -
这些功能其实不需要 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 · 160 阅读 · 0 评论 -
这一次,彻底弄懂 JavaScript 执行机制
本文的目的就是要保证你彻底弄懂javascript的执行机制,如果读完本文还不懂,可以揍我。不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为javascript是一门单线程语言,所以我们可以得出结论:javascript是按照语句出现的顺序执行的看到这里读者要打人了:我难道不知道js是...原创 2019-08-29 15:06:42 · 309 阅读 · 0 评论 -
纯CSS实现动态晴阴雨雪
1 引言本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果:再看看HTML代码:<!--晴--><div class="weather sunny"></div><!--阴--><div class="weather cloudy"></div><...原创 2019-08-29 16:16:54 · 372 阅读 · 0 评论 -
阿里大佬浅谈大型项目前端架构设计
1、综合我在2年之前,写过一篇中小型项目的前端架构浅谈。随着能力的上升,以及在阿里巴巴工作的经验,是时候写一篇大型项目的前端架构分析了。本篇文章不会更多侧重于具体技术实现,而是尝试从更高角度出发,分析为什么要这么做,这些设计能解决什么问题,成本和收益如何。由于作者能力有限,可能会有所缺漏或者部分错误,欢迎读者指出。1.1、适用场景:本篇文章,适用于单个/多个大型项目、拥有超过10个以上...转载 2019-08-20 16:23:08 · 3835 阅读 · 1 评论 -
想用Node.js,领导不同意?
经过这几年的发展,前端普遍进入了技术深水区,只会Web页面开发已经难以满足企业需求,Node逐渐成为了刚性技能。但是很多同学还没有在业务上使用过Node,也不知道使用Node会带来哪些好处,更加没有办法说服老板。在翻看很多技术文章时,大家都提到“中间层”,在很多大型企业中,Node确实承担了“中间层”的角色,那么,Node为什么被广泛的应用在“中间层”呢?要回答这个问题,先来陈述下什么是中间层...原创 2019-08-23 17:40:07 · 157 阅读 · 0 评论 -
提升开发幸福感的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 · 163 阅读 · 0 评论 -
写给同事的前端学习路线
前端要学习三个部分:HTML,CSS,JavaScript(简称JS),因此首先明确三个概念:HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。1,HTML,CSS部分。HTML/CSS初学,就照着http...原创 2019-05-22 08:18:03 · 190 阅读 · 0 评论 -
2019 年 Vue 学习路线图!
2019 年 Vue 学习路线图!如果你是 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染,等等。你可能还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。浸没在术语和工具的浩瀚海洋中难免会令人感到沮丧,但其实并不是只有你一个人有这种感受,所有经验水平的开发人员都会持续感觉到这种莫名的压力。一口气吃不...转载 2019-08-05 20:55:56 · 241 阅读 · 0 评论 -
快速入门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 · 150 阅读 · 0 评论 -
解密初、中、高级程序员的进化之路(前端)
仅能完成简单模块和项目的开发工作,难以胜任复杂模块的开发。通常是入行不久, 1 年及以下工作经验的同学。能力要求1.熟悉前端基础知识如 HTML、JS、CSS 。2.能够使用一门 MVVM 框架进行简单的业务开发。3.遇到复杂的组件和模块,会找现有的轮子使用。4.会使用百度、google 等检索工具搜索问题。中级程序员(阿里 p5)在必要的辅导或标准流程支持下,能独立负责一个子模块或...转载 2019-08-18 20:23:17 · 174 阅读 · 0 评论 -
高企web高级工程师:前端精通后,月薪轻松3W+
868.jpg总是会看到很多人问:我现在想学习Web前端开发该如何下手?学习路线是怎样的?随着最近几年来互联网的迅猛发展和普及,Web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。一、基础首先前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Javascript,但是它们的轻重缓急该如何去选择呢?柠檬认为在学习优先级上HTML > CSS > Ja...转载 2019-08-18 20:39:11 · 175 阅读 · 0 评论 -
中高级前端开发高频面试题
var executeTimes = 0;var intervalTime = 500;var intervalId = null;// 放开下面的注释运行setInterval的DemointervalId = setInterval(intervalFun,intervalTime);// 放开下面的注释运行setTimeout的Demo// setTimeout(timeOutF...转载 2019-08-18 21:11:19 · 156 阅读 · 0 评论 -
前端技能图谱
前端门槛低,但是里面门道很多,要想成为一个好的前端一点都不简单。概述我相信想开始学习前端的小伙伴们都会听说过html,css和js这三个大家伙。简单来说html就是一堆标签,然后可以在页面显示出一些控件,例如表格,输入框,按钮等。而css的作用在于控制html的标签位置,效果等,如果不是css的话,我们不会见到平时那些如此美观的页面。js的作用主要是提供运算功能,动态操作页面的元素,还可以通...转载 2019-08-13 20:44:40 · 298 阅读 · 0 评论 -
几个有益的 CSS 小知识
样式的顺序CSS 代码:.red {color: red;}.blue {color: blue;}HTML 代码:这是什么颜色这是什么颜色记得之前这是一道比较火的 CSS 考题,当时好像是有不少的人答错(30% 以上)答案你们应该是知道的。可以这样提升 CSS 性能后代选择器样式选择器中间的空格是什么?它的名字是 —— 后代选择器。div p {color:...转载 2019-08-13 21:20:24 · 73 阅读 · 0 评论 -
5 分钟撸一个前端性能监控工具
简单而言,有三点原因:关注性能是工程师的本性 + 本分;页面性能对用户体验而言十分关键。每次重构对页面性能的提升,仅靠工程师开发设备的测试数据是没有说服力的,需要有大量的真实数据用于验证;资源挂了、加载出现异常,不能总靠用户投诉才后知后觉,需要主动报警。一次性能重构,在千兆网速和万元设备的条件下,页面加载时间的提升可能只有 0.1%,但是这样的数(土)据(豪)不具备代表性。网络环境、硬件设...转载 2019-08-19 16:15:21 · 512 阅读 · 0 评论 -
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 · 109 阅读 · 0 评论 -
人人都会Vue,你的优势在哪里?
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说比别人厉害呢?能够独立用Vue写一个项目其实只是入了一个门,在如今技术快速发展的背景下,要真的作为一个敢说出熟练Vue的人,先看看下面这些是不是过关了?01.基本功我见过很多前端用Vue,React,就放弃Ja...转载 2019-08-19 17:04:08 · 151 阅读 · 0 评论 -
前端开发常见笔试/面试题总结 ——HTML / CSS篇
校招和社招时频繁遇到的面试题iframe 有哪些缺点?页面看起来较杂乱,不易管理,布局不佳,易分散用户注意力不利于搜索引擎的优化移动设备兼容性差会增加http请求,对服务器造成负担cookie和localStorage、seesionStorage的区别是什么?共同点是都保存在浏览器端,区别如下:cookies是为了标识用户身份而存储在本地的数据,会随http请求一同发送到服务...转载 2019-08-14 20:24:57 · 241 阅读 · 0 评论 -
前后端分离后的前端时代,使用前端技术能做哪些事?
什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的页面模板中,最后将页面渲染到浏览器展示。这个过程中,前端只提供页面模板或者写一些JavaScrip...转载 2019-08-14 20:50:19 · 1405 阅读 · 0 评论 -
前端的焦虑,你想过30岁以后的前端路怎么走吗?
曾几何时,我总会很庆幸自己进了前端这个行业。因为在这个职业范畴里面,我如鱼得水,成长很快,成就感满满。然而,随着年龄和工龄的增长,渐渐发现自己的瓶颈越来越明显了,我感觉自己似乎碰到了前端的天花板。原因何在1.从客观原因来看,前端相对于后端的入门门槛确实低了不少。公司对前端的需求量虽然很旺盛,但是对前端的技术能力要求却不是很高,特别是一些小公司或者不是技术驱动的公司。这给人一种错觉,好像只需要懂...转载 2019-08-14 21:06:36 · 170 阅读 · 0 评论 -
我从来不理解JavaScript闭包,直到有人这样向我解释它
当代码在JavaScript中运行时,执行代码的环境非常重要,并将概括为以下几点:全局作用域——第一次执行代码的默认环境。函数作用域——当执行流进入函数体时。(…) —— 我们当作 执行上下文 是当前代码执行的一个环境与作用域。换句话说,当我们启动程序时,我们从全局执行上下文中开始。一些变量是在全局执行上下文中声明的。我们称之为全局变量。当程序调用一个函数时,会发生什么?以下几个...原创 2019-08-29 17:24:53 · 396 阅读 · 1 评论