- 博客(103)
- 资源 (1)
- 收藏
- 关注
RSS订阅
转载 码匠编程：零基础从前端入门到前端开发工程师路线
一、前端学习路径规划下面是一个学习线路图，其实还有很多的技术导图中没有涉及到，对于初学者来说，能够掌握上边的知识点已经很不错了。零基础从前端入门到前端开发工程师路线二、入坑前的三问想要入前端的坑，首先做好思想准备。也是我教导学生的时候经常问他们的三个问题，第一，你确定以后三年之内做前端吗？第二，你是对前端是真感兴趣还是为了毕业之后为了找工作才去学习前端的？第三，无论遇到什么样的困难，你真...
2019-12-18 19:16:17
2905
2
转载 CSS样式全部属性和难记忆点（归纳）
有一些CSS的冷门样式太多了，但是又想记住，可以看这篇文章，这篇文章包括了一些css需要记忆的一些属性，不包括平时经常使用的（相信你已经接触的太多了）**正在学习前端的小伙伴你在学习的过程中是否经常遇到一个不会的问题就卡好几个小时，严重的好几天，有时候问题还很简单，只是一下子没有想通呢？不要担心不要气馁，刚学的都这样，是正常的。想解决这种问题方法很简单，在这里给大家推荐一个前端交流裙：457188470，，里面有正在从事前端工作的大佬，还有一群前端爱好者，学习氛围很好，不会的在里面问大家都能给你解答
2021-02-26 16:21:29
822
转载 前端面试常考的手写代码不是背出来的！
防抖function debounce(func, ms = 1000) { let timer; return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { func.apply(this, args) }, ms) }}// 测试const task = () => { console.log.
2021-02-24 13:50:35
689
原创 新人学习web前端必须要知道的基础知识，让你轻松入门
Web前端开发是由网页制作演变而来的，主要由HTML、CSS、JavaScript三大要素组成。专业的Web前端开发入门知识也一定会包含这些内容，今天我就给大家简单介绍一下。HTML超文本标记语言，标准通用标记语言下的一个应用。包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。CSS层叠样式表CSS是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。Ja
2021-02-23 18:00:26
659
1
原创 看看20万程序员怎么评论：前端程序员会不会被淘汰？
今天看到新闻，有团队做了款软件手机版这段时间发布了，可以直接生成网页，在想web前端值得学下去还是该改学后端，做这个决定。个人感觉最吸引的地方就是门槛低还可以按照自己要求傻瓜式生成，已经看到体验感不错的网页，而且科技追求的不是一直都是精益求精 吗，不知道是不是自我危机意识太强烈？目前刚接触前端菜鸟我的疑惑是，最终目的网页做出来的目的不就是为了符合顾客的要求，还有访问者体验感吗？两个都能做到，而且成本更低效果目前可能先差一点，只剩下时间问题到后来效果也会弥补吧。诚望前端各位前辈能给个答案：网友1：10
2021-02-23 17:53:05
938
2
转载 JavaScript中this的指向问题及面试题你掌握了吗？
this 作为JavaScript中的一个关键字，它的复杂度很高，主要原因是它所处不同场景的代表的指向是不一样的。这里先做一个结论，重要事情说三遍：this的指向是由上下文环境动态决定的this的指向是由上下文环境动态决定的this的指向是由上下文环境动态决定的我自己是一名从事了多年开发的web前端老程序员，前段时间我花了一个月整理了一份最适合学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以添加下面的QQ群，即可免费获取。this指向实例场景关于this的指
2021-02-22 16:23:23
386
原创 web前端开发学什么？自学需要多久？
网络看到了很多贴子，web前端需要学习什么？自学要多久？要学习哪些技术？有什么要求……也有很多朋友在网络上自学的，也有参加网络教学的，或者在去一些培训学校参加培训Web前端的，都会关心一个“web前端需要学习什么”？其实WEB前端才在近十年火起来的，但是却在各大公司，包括百度、京东、淘宝、阿里巴巴、天猫等都设置了专门的Web前端部分，由此可见，Web现在是一个比较火热的行业。那要进入这个行业，web前端需要学习什么？今天我就来和大家一些说说吧。web前端需要学习什么？自学要多久？“web前端需要
2021-01-14 15:49:48
1453
转载 CSS 奇技淫巧：动态高度过渡动画
这个问题源自于掘金上的一个留言，一个朋友问到，为什么我下面这段代码的高度过渡动画失效了？伪代码大概是这样：{ height: unset; transition: all 0.3s linear; will-change: height; &.up { height: 0; } &.down { height: unset; }}把它还原成一个实际的 Demo，效果大概是这样（本质想的想法是
2021-01-14 14:49:27
937
转载 今天聊：做好前端的 10 个习惯
第一个习惯，在操作系统上，把英语作为首选语言。无论是电脑，还是手机，还是平板，还是在 APP 里面，把语言全部设置为英语，让自己除了讲话外，尽可能处在一个纯英语的环境中，坚持这件事十年如一日，当你看到一个英文单词，不必在大脑中做中文翻译，其意了然于胸。第二个习惯，在日常工作中，用英语作为搜索语言。这个习惯继承于第一个习惯，程序的世界是英文的世界，这个世界的问题，用它的语言去解决最高效，任何的技术问题，先转化为英文单词和短句，坚持使用 Google/Stackoverflow/Github/Medi
2021-01-13 15:33:27
477
转载 快过年了，用JS让你的网页放烟花吧
如何实现的？我自己是一名从事了多年开发的web前端老程序员，前段时间我花了一个月整理了一份最适合学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以添加下面的QQ群，即可免费获取。先创建一个Canvas先新建一个和网页可视区大小一样的canvas，并且通过监听显示区的resize事件，来改变canvas的大小。var canvas = document.getElementById('myCanvas');var context = canvas.getConte
2021-01-13 15:29:49
1058
转载 2021了，你还不能玩转js正则表达式？
正则表达式是用于匹配字符串中字符组合的模式，即实现对字符串中的信息进行查找、替换和提取操作。下面是我对js中正则表达式的整理与总结。如果大家发现文章中有问题，欢迎大家在评论中指正。正则常见语法1.1 匹配模式Example:// 获取所有匹配项，并忽略大小写const testString = 'test Test tEsT abdskxc ioewhsnc'const reg = /test/giconsole.log(testString.match(reg)) // [ 'tes.
2021-01-12 16:04:46
751
转载 2021-01-08
前端性能的影响（长篇大论警告❗️❗️❗️）前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。来自Google的数据表明，一个有10条数据0.4秒能加载完的页面，变成30条数据0.9秒加载完之后，流量和广告收入下降90%。Google Map 首页文件大小从100KB减小到70-80KB后，流量在第一周涨了10%，接下来的三周涨了25%。亚马逊的数据表明：加载时间增加100毫秒，销量就下降1%。所以：重铸性能之光，我辈义不容辞对了，最近有不少小伙伴私信我吐槽说
2021-01-08 17:00:55
615
原创 你见过哪些令你瞠目结舌的 JavaScript 代码技巧？
function getRating(rating) { if(rating > 5 || rating < 0) throw new Error('数字不在范围内'); return '★★★★★☆☆☆☆☆'.substring(5 - rating, 10 - rating );}可以快速打印一个五分制的评分情况。Math.random().toString(36).substr(2,10)获得一个10位长度的随机字符串3.4.贴一个在《Jav...
2020-12-30 19:17:56
326
原创 程序员感慨：进了央企才知道毕业进互联网是脑子进水，有生活真好
对于我们现在的职场人来说，不能单纯的说国企和事业单位还有私企哪个更好，因为这是属于几种不同的性质，根本就是不能进行比较。比如，事业单位里，有编制和没编制差别很大，编制不同差别也很大，国企，快倒闭的国企和垄断业的国企也没法比。私企，家族私企，夫妻店，互联网一线私企这也都没有办法比。在互联网职场社区，一位职场人发帖感慨到。坐标武汉，从一家恶心的出海公司裸辞出来，接到了头条(15K，大小周)和一家央企11K的office，选择进了央企，现在真心后悔刚毕业那会脑子是进了水，非要往互联网里钻。央企里各种隐性的福利
2020-12-29 18:24:48
2951
原创 37岁老程序员8点下班被同事嘲讽：公司寄生虫，网友：讨厌奋斗逼
近日，在职场论坛上看到一个帖子，真是让人很生气。当时发这帖子的员工说，公司有个37岁的老程序员，平时根本不加班，别人天天辛苦加班到十一二点，而他倒好，只要过了8点就回家了。其实这不是重点，重点是部门本来就比较忙，同事周末都会来公司加班，老员工根本不管这么多，一点都不考虑其他员工的感受，简直就像是公司的寄生虫。那么网友对此怎么看的呢？评论扎心了！ 有网友说你管那么多干嘛，还去举报别人，你这样的人才是该骂。首先一点，老员工不加班肯定是有道理的，你作为他的同事完全没资格指责别人，要是老员工不加班影.
2020-12-25 19:40:42
278
转载 只会用console.log调试？快来试试这些高效的调试方法
别光知道用console.log调试了，快来试试这些高效的调试方法！作为一名前端开发人员，你一定经常是用 console.log 来进行开发调试，这当然没什么问题，但你可能不知道，除了 console.log ，浏览器的 Console 对象还包含了许多其他非常有用的方法，让我们一起来领略一下吧。console.log介绍console.log方法使我们最常使用的了，用于在控制台打印信息。他的功能还是很强大的，各种数据类型如number、string、array、object、function等都能
2020-12-23 16:27:59
403
1
转载 你需要知道的css布局
背景布局是我们前端开发中不可避免的，简单回忆一下 css 的布局方案，供大家参考以及自己参阅。居中布局这里的居中布局是不定宽度为前提，固定宽度情况也包含其中。水平居中inline-block + text-align.parent { text-align: center;}.child { display: inline-block;}这个方案的兼容性比较好，可兼容到 IE8，对于 IE567 不支持inline-block,需要使用 css hack 进行兼容。
2020-12-19 12:06:36
198
2
转载 今天被公司安排给候选者进行初面，分享我的6道面试题
今天被抓差给候选者进行初面。在这里记录一下面试中涉及的几个知识点。每次面试我都会递给候选者一瓶水，这样可以让候选者没那么紧张，有更好的状态进行面试，毕竟面试是双向选择，公司也需要尽快找到合适的人，没那么多网上说的心理战。这里我还想吐槽一下面试造火箭工作拧螺丝，尤其是开发行业，很多面试官针对自己擅长的方向大问特问，完全忽略了候选人的优势，从而给候选人带来一个极差的面试体验。面试最好还是要通过候选人身上的优点来判断对方是否适合加入你的团队。正常的面试应该是按照候选人简历中涉及的技术点发问，不然面试时给你一
2020-12-16 20:14:02
273
转载 码匠编程：CSS让元素绝对居中，你知道几种方法？
经常碰到有同学在问，如何让一个元素上下左右都居中呢？ 相信大家在面试的时候也会经常碰到这个问题，一下列出来几种方式以供大家参考，如有不足之处，请大家补充问题描述：给定两个元素，这两个元素是父子级关系。并且两个元素的大小都是不确定的，那么这时候如何让子级在父级中上下左右都居中？（暂且设定父级比子级要大一些）第一种：利用定位先上代码及效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UT
2020-11-06 17:35:37
495
原创 码匠编程：零基础自学WEB前端，从第一份工作5K到现在13K，学习经验分享
现在看到各行各业的人都在转行学习WEB前端，想给大家一些学习建议和忠告。首先告诉你的是WEB前端是高薪职位，学出来后薪资起码五千起步，干了一年后薪资基本会翻到8K。所以想要拿到高薪是没有那么容易的，不要看别人月薪几万，你就觉得自己也可以。无论你是什么行业的，目前转行最多的都是一些比较传统的行业，机械电子土木这些。这些专业做10年也就是1W的薪资。而WEB前端这块做一两年就可以达到1W，这就是行业的差距，就是因为差距太大，所以想要改变很难，不是参加个培训班，自己随便学学就行改变的，你需要花大量的时间去学习。
2020-11-04 17:56:26
483
转载 自学前端不用慌张！零基础自学前端必备手册，学成月薪12K
随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！那么对于零基础的一个学员该怎么学习前端呢？一...
2020-02-12 17:08:43
1909
原创 8年web前端开发老程序员告诉你如何零基础学习web前端
随着web前端的飞速发展，学习web前端的人员也是越来越多，在移动 互联网 时代，相信我们每个人的手机上都装有数十个APP，这些APP的开发其实也和当下热门的 Web 前端开发息息相关。事实上，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技...
2020-02-12 16:33:03
2057
原创 程序员怒斥：阿里如此嚣张？为所欲为？谁让你动了我的浏览器
在过去，要洗一个人的脑是比较麻烦的一件事。比如一些保险、直销等等，要先把人骗去一些闭塞的地方，主持人说得口干舌燥，又唱又哭，或许也还未能将你洗脑成功。而现在，洗一个人的脑何需那么麻烦，随着你的信息被越来越多的人掌握，随时被各种平台监控，这些比你自己还了解自己的利益资本，随时掌握着你的一举一动，更可以随时让你自己的大脑产生出他们所想要的数据。移动时代，当我们的手机被各大资本家角逐的时候，我们的...
2019-12-31 15:51:15
2536
原创 码匠编程：7 个令人兴奋的 JavaScript 新特性
前言一个ECMAScript标准的制作过程，包含了Stage 0到Stage 4五个阶段，每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3或者Stage 4阶段，这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将使用 # 符号表示类的私有变量。这样就不需要使用闭包来隐藏不想暴露给外界的私有变量c...
2019-12-25 16:34:10
2236
原创 码匠编程：学习Web前端开发时有哪些技术点
现在学前端的人是越来越多，学习质量也是参差不齐。过来人的身份告诉你，如果你还没有下定决心花时间去学习Web前端，那也可以先找些视频学习下，Web前端开发有哪些常见技术点!接下来，就看看Web前端开发有哪些常见技术点!1、你有哪些性能优化的方法?(1)减少http请求次数：CSSSprites,JS、CSS源码压缩、图片大小控制合适;网页Gzip，CDN托管，data缓存，图片服务器。(2)前...
2019-12-25 16:05:43
2282
1
原创 JavaScript如何实现字符串拼接操作
实际应用中，目标字符串的生成可能需要多个数据的拼接。由于应用频繁，几乎是所有编程语言都必须掌握的操作，当然每种语言具有各自特点。本文将通过代码实例详细介绍一下JavaScript如何实现字符串拼接操作。一.使用加号()拼接:加号不但可以实现算数运算，也可以实现字符串拼接操作。代码实例如下:console.log("爱前端"````"专注全栈大前端");上述代码使用加号()实现两个字符...
2019-12-25 15:47:07
2580
转载 Web前端开发的框架可以应用到哪些地方
随着时间的推移，网页设计越来越具有创新性。web前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以...
2019-12-24 18:40:37
2091
1
原创 JavaScript中用var和不用var的区别
Javascript声明变量的，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。varnum=1;是在当前域中声明变量。如果在方法中声明，则为局部变量（localvariable），如果是在全局域中声明，则为全局变量。而num=1;事实上是对属性赋值操作。首先，它会尝试在当前作用域链（如在方法中声明，则当...
2019-12-24 18:37:18
1912
原创 css 中多种边框的实现小窍门
背景知识：box-shadow，outline鉴于使用场景的多元化，多重边框的设计越来越多，以往可以借助 border-image 属性应付一下，但是这个在css 代码层面并不是很灵活。现在我们借助 box-shadow 和 outline 两个属性来分别实现多重边框。1、box-shadow 方案思路：利用 box-shadow 的第四个参数（扩张半径）的大小，多重投影代码示例：<...
2019-12-23 16:59:19
2115
转载 实现一个基于Vue的Button小组件
概述原生HTML的button只能保证功能存在，样式都不怎么好看。当然也可以通过编写css样式来改变原生HTML中的button显示，但是现在各个UI框架都很流行，也很方便，很多时候都是直接引入框架就能获得非常好看、好用的样式组件。那么此篇文章使用Vue也来实现一个好看、使用的Button小组件。实现button.vue首先需要在模板页面将基本button组件需要的元素进行组装<t...
2019-12-23 16:37:55
2900
原创 快过年了，分享 25 个 JS 实用技巧送给大家吧
本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新~类型强制转换1.1 string强制转换为数字可以用 *1来转化为数字(实际上是调用 .valueOf方法)然后使用 Number.isNaN来判断是否为 NaN，或者使用 a!==a 来判断是否为 NaN，因为 NaN!==NaN‘32’ * 1 // 32‘ds’ * 1 // NaNnul...
2019-12-18 19:27:34
4162
6
原创 公司有个技术大拿，别人加班他不加，老板：真当我不敢辞退你吗？
在职场上，很多人都会抱怨自己加班多，一般这些员工水平都是比较一般的，要么就是公司给的钱不够，没有太大的动力去加班。如果你真的是技术大佬，即使你不加班，老板也不能拿你怎么样，万一被辞退了，也不怕没有公司招人。所以说有技术就有底气，有技术才能拿高工资。在职场论坛上看到这样一个帖子：老板要求核心员工加班被拒：就不加班，老板：真的我不敢辞退你，网友：给3倍加班费了吗？这到底是怎么回事呢？原来这帖子是...
2019-09-18 17:37:14
2719
1
原创 程序员一人对接四人郁闷吐槽：轮流指挥，只有我从天亮忙到天黑
职场上，每个人扮演着不同的角色，也有着不同的职责。领导需要管理好团队，将工作分配给最合适的人来做，而员工要做的，就是发挥自己的专业技能，尽善尽美地完成工作。这样一级对一级负责的方式，最大的优点就是高效。相反地，如果跨度太大，会适得其反。最近，一位网友在职场社区分享了他的经历。他被团队里的四位“领导”轮流指挥，直呼苦不堪言。到底是怎么回事呢？原来，这位网友就职于互联网大厂，是BAT其中的一家。...
2019-09-18 17:33:34
2077
原创 外包员工午休起身喝水被正式员工大骂：脑子进“S”，打扰我休息
为什么程序员都不太喜欢去外包公司？原因真的很现实。主要是有这几点原因，一是：在外包工作没有归属感。二是：在外包工作没有保障。三是：技术积累比较少。四是：很多人看不起外包。最近在互联网匿名社区看到这样一个帖子：外包员工午起身喝水被正式员工大骂：脑子进“屎”，打扰我休息，这是怎么回事呢？原来在当天中午1点50分的时候，这个外包员工因为口渴想要喝水，因为上班是2点钟，程序员想着应该也快上班了，就起...
2019-09-16 16:06:47
5225
6
原创 如何评价，为何程序员被骂立马就辞职呢？
最近在网上流传这样一句话：不要大声责骂年轻人，他们会立刻辞职的，但是你可以往死里骂那些中年人，尤其是有车有房有娃的那些。看到这句话似乎并不合理，骂人也要分对象？然而在职场上这种现象确实存在。年轻人没有什么压力，又是血气方刚的年纪，干得不爽立马辞职，而中年人就不一样了，有房有车要养，还要带娃，辞职会断了经济来源，让生活无法继续，因此不会轻易辞职，即使遇到不顺，也会逆来顺受，保住饭碗要紧。对于程序...
2019-09-16 15:52:20
2382
原创 程序员面试时自称字节跳动工作两年，被发现学历造假，结果蒙了
前言：金九银十招聘旺季，有的求职者在求职过程中为了获得工作的机会，有大部分其实能力不错的人，却由于各种原因，比如学历达不到公司的要求，只好编造一些假的工作经历或者是学历以此达到自己目的。最近在职场论坛上看到这样一个帖子：员工面试时自称互联网大公司工作两年，被发现学历造假，HR：估计工作经验也是假的。这是怎么回事呢？原来这个HR最近面试了几个候选人，其中一个面试还是挺好的，而且在他简历中还有2...
2019-09-12 16:11:33
13977
2
原创 我是学渣，但是我零基础自学web前端成功了
从 13 年专科毕业开始，一路跌跌撞撞走了很多弯路，做过餐厅服务员，进过工厂干过流水线，做过客服，干过电话销售可以说经历相当的“丰富”。最后的机缘巧合下，走上了前端开发之路，作为一个非计算机专业且低学历的人来说，自学编程其实不是件容易的事情，不过庆幸的是自己坚持下来了。目前工作还算不错，收入在目前所在的城市不算高，不算低，生活也还过得去，继续加油努力，也希望自己在今后更上一层。从 16 年下半...
2019-09-12 16:08:27
2727
原创 面试官通过21天步数考察候选人诚意，结果拒了清华生收了三本生
作为一名上班族，好多人都经历过各种各样的面试，如果是一名技术人员，想必面试的核心部分当然是技术方面的面试，如果技术方面无法胜任，其他方面即使再优秀也是不能得到面试官的认可，不过话又说回来，如果技术方面很优秀，其他方面不达标，也不可能得到面试官的赏识，说起其他方面可能就比较多了，除了技术方面，不同的面试官有着不同的面试标准，不同的面试官看重的点也可能有所偏差。近期，就有一名网友给我们分享了他所看...
2019-09-11 17:13:38
1812
原创 程序员哭诉：面试被头条HR人身攻击，说我长相让他失望，被打击
HR的成长路径大概可以分为两条：一是科班出生，接受过人力资源管理系统教育，而后顺理成章走向HR岗位；二是半路出家，并无扎实的人力资源管理专业知识，但有过业务部门工作经验，因为某种原因转型为HR。当然，一个HR的素质让应聘者望而却步更会影响一个企业招聘成败最直接的因素，就是招聘人员的素质。在互联网职场论坛，一名职场人发帖哭诉到。去字节跳动面试UI岗，面试官刚坐下第一句话就说我的长相让他有点失望，...
2019-09-11 17:00:00
2178
原创 前端面试那些事
项目相关自我介绍：职业经历，项目经历选一个你觉得印象最深的项目讲一讲，然后会从项目里面切入到 web 基础（html/css/js），这一块大概会聊 20-30 分钟，所以一定要提前选好一个自己做过的得意的项目，花一点时间捋一捋你觉得项目中出色的点，用到了比较 hack，比较酷炫的方法解决了哪些痛点。JS 基础（ES5）原型：这里可以谈很多，只要围绕 [[ prototype ]] 谈，都...
2019-09-11 16:44:21
1800
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人