- 博客(27)
- 收藏
- 关注
RSS订阅原创 JavaScript从入门到放弃-JavaScript历史介绍
JavaScript历史 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 在上个世纪的1995年，当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。 由于网景公司希望能在静态HTML页面上添加一些动态效果，于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错，这哥们只用了10天时间。 为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推广，但事实上Jav
2020-10-30 14:50:34
168
原创 在web开发中，为什么前端比后端更得到转行程序员的青睐？
通过各大招聘网站上都可以看出，前端工程师是一个很大的缺口，很多企业愿意用高薪来聘请优秀的前端开发工程师。前端在互联网中越来越受到大家的青睐，所以，近几年学前端的人也逐渐增多。具体前端比后端有哪些可见优势呢？ 1、Web开发分类与区别 人们通常将Web分为前端和后端，前端相关的职位有前端设计师(UI/UE)，前端开发工程师，后端相关的有后端开发工程师。 2、技术栈区别 看各大招聘网站上，公司对前端开发工程师的要求莫过于精通HTML，CSS，JS，有良好的交互设计能力等。再看公司对后端开发工程师的要求：
2020-10-29 14:49:20
790
原创 面试官问我 JavaScript 到底是什么？我居然懵了
前言 引用《JavaScript 高级程序设计第四版》中说的话 ——“从简单的输入验证脚本到强大的编程语言，JavaScript 的崛起没有任何人预测到。它很简单，学会用只要几分钟；它又很复杂，掌握它要很多年。要真正学好用好 JavaScript，理解其本质、历史及局限性是非常重要的”。 面试官：JavaScript 是什么？ 我：em… JavaScript 就是 JavaScript… 试想一下，如果面试官问你：JavaScript 是个啥？你会怎么回答呢？说实话，听到这个问题的时候我的脑子是有一瞬间是
2020-10-28 15:56:52
631
原创 前端学起来特别吃力，新人入前端怎么学？
最近收到一些问题，问前端学起来吃力，连续更新几次回答的比较全了。现在整理下分享给小伙伴们。 : 前言 前端工作两年多。大部分前端原理、框架都能完全运用。工作中几乎遇不到解决不了的问题（除了那些恶心无法实现的需求）现在经常被安排去面试新人（被安排去面试，主要是工作能力比较突出的原因，公司还有很多3年以上的员工）。 下面说说我的学习方法或许对你有用！ 一、打好基础不用说 HTML、CSS、JavaScript 三大件，完全掌握。不懂得就直接查 MDN。 HTML重点掌握语义化。区分块级和内联标签。其他查文档就好
2020-10-28 15:37:27
587
原创 WebPack基础入门(一)：万物皆可webpack
前言 前端技术日新月异的发生着变化，涌现出了很多的框架以UI为主的三大框架(react,vue,angular)，与样式相关的less、sass。语法相关的es6 typescript以及npm上面成千上万的第三方工具包，各种可以提高开发效率的新思路和框架层出不穷，但是他们都有一个共同的特点不能够直接运行，必须转换后才能正确运行。WebPack 就是做这件事的，将源代码转换成可以执行的 JavaScript HTML CSS代码。 关于WebPack的内容有很多，我只挑出我常用到的做一下笔记内容，主要有五
2020-10-26 19:45:18
207
原创 为什么 CSS 这么难学？
CSS 不正交并不是对 CSS 的指责，如果能正交它肯定会做到正交的，现在的设计虽然不完美，但可能是最好的设计。 下文列举的问题能在规范里找到解释不能说明 CSS 是正交的，因为正不正交应该是从表面上就能看出来的。正交一般都是对接口的约束，具体实现我不管的。 本答案可以很好地解释「为什么你会觉得 CSS 难学」，至于不难的学习方式，其实是不存在的。要么你大量练习从实践中总结，要么你大量阅读文档从理论中领悟，反正 CSS 就是很难学。 我是这么觉得的，如果有人问 CSS 为什么这么难学，我们就应该好好回答
2020-10-24 11:46:42
1075
原创 给萌新HTML5 入门指南
HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。 什么是HTML5？ 广义上的HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。 但我们在日常中常说的HTML5技术，实际指的是
2020-10-24 10:59:26
221
原创 初识JS-基础中的基础
浏览器 一、浏览器分类 1.以谷歌浏览器webkit内核为主（V8引擎） 谷歌浏览器 Chrome 苹果浏览器 Safari 国产浏览器 360普通浏览器 360极速浏览器 猎豹浏览器 搜狗浏览器 QQ浏览器 UC浏览器 … 欧朋浏览器 Opera （v14版本时候） 2.Gecko内核 火狐浏览器 Firefox 3.Trident内核 IE浏览器 IE6~8 IE9~IE11 IE Edge 二、开发者工具 打开开发者工具：F12 / FN+F12 （再或者浏览器页面 -> 右键 ->检
2020-10-23 14:25:31
259
原创 初始JavaScript，世界上最流行的语言之一！
1.JavaScript 是什么？ JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 2.JavaScript的作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cordova) 控制硬件-物联网(Ruff) 游戏开
2020-10-22 15:12:28
301
原创 CSS 三大特性
CSS层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同权重选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。 一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。 样式冲突，遵循的原则是就近原则。 那个样式离着结构近，就执行那个样式。 样式不冲突，不会层叠 CSS继承性 所谓继承性是指书写CS
2020-10-22 13:41:42
523
原创 前端学习路线
前言 通过对前端知识进行一个评级，确定现在阶段，然后提供清晰的学习路线，完成进阶。希望可以通过这篇文章，可以帮助大家少走弯路。 目标： 了解自己的实力 明确不同阶段的学习路线 大纲 对前端知识进行一次评级 level1阶段 level2阶段 JavaScript进阶 Vue进阶 浏览器原理 数据结构与算法 设计模式 网络 性能优化 前端工程化 其他 总结 后续文章的输出规划 参考资料 对前端知识进行一次评级(定级赛) level1 : 没有接触过前端，对于前端没有什么概念 level2 : 使用js,cs
2020-10-21 11:53:16
466
原创 一份优秀的前端开发工程师简历是怎么样的？
简历不仅仅是履历，它的重要作用是展示能力！！！ 在阿里常年招聘，筛过各式各样的简历，每到招聘季，筛简历、面试过程非常耗精力，当然，原因之一是我想招非常优秀的人，宁可多花些时间，另一方面，除了那些不合格的简历之外，还有好多简历语焉不详，不得不在电面时反复确认，同时为了兼顾应聘者感受，又要装作很职业的样子跟他做一些互动，往往这部分有大量被筛掉的人，这侵占了我的大片时间。为了提高这部分人的简历通过（面试）的效率，列几点建议： 第一，自荐简历一定要署名 招聘季的招聘信息发出去后，邮箱会收到大量简历，邮件标题和附件基
2020-10-20 13:46:32
395
原创 我如何开始学习Web开发
在本文中，我将向您介绍如何作为一名全栈软件开发人员开始我的道路，特别是关于微宇宙学校计划的第一部分，其中包括前端开发的两个元素，它们是HTML和CSS，而不是仅此而已，这将包括HTML和html5之间的差异，CSS与CSS3之间的差异，以及关于我一生中始终忽略的一件奇妙的事情，在某些情况下会节省您的生命，即框架。 HTML和HTML5 HTML或超文本标记语言被称为Internet的主要语言。随着时间的流逝，HTML进行了许多更新，当前，最新的HTML版本是HTML5。这两个版本之间的一些区别是： HTM
2020-10-17 14:16:23
200
1
原创 6常见的HTML和CSS面试问答
在本文中，我将介绍一些面试官最常见的问题和答案。会有关于HTML和CSS的问题。如果您喜欢阅读，请继续。 CSS选择器的特异性是什么？它如何工作？ 使用CSS选择器时，可以使用许多不同的方法来选择某个元素或元素组，但是有四种类别：内联样式（1000），ID（100），类（10）和元素（1 ）。 你注意到数字了吗？程序员很少知道这一点，但是它们代表了每种类别的特殊性。数字越大，特异性越高，它加起来！例如，如果您使用 #home h1，特异性是 100 + 1 = 101，这将不仅仅是#home 2.什么是
2020-10-16 14:17:52
119
原创 零基础小白前端学习之初始CSS
现在的互联网前端分为三层： HTML:超文本标记语言。从语义的角度描述页面结构 CSS:层叠样式表。从审美的角度负责页面样式 JS:Javascript。从交互的角度描述页面的行为 css它是一个很神奇的东西，设计者可以通过修改样式表的定义从而使我们的网页呈现出完全不同的外观。比如大家耳熟能详的购物网站：淘宝、京东、小米等等。 1.认识css CSS全称为“层叠样式表”(Cascading Style Sheets),它主要是用于定义HTML内容在浏览器内的显示样式，比如文字大小、颜色、字体加粗等等。 如下
2020-10-16 13:54:55
186
原创 2020受欢迎的20个JavaScript 库
点赞再看，养成习惯 直接开门见山，看看有哪些好用受欢迎的库值得我们使用。 1.nodemon GitHub： github.com/remy/nodemo… GitHub Stars: 19.6 k 在编写调试Node.js项目，修改代码后，需要频繁的手动close掉，然后再重新启动，非常繁琐。现在，我们可以使用nodemon这个工具，它的作用是监听代码文件的变动，当代码改变之后，自动重启。 2.Sharp 网址：sharp.pixelplumbing.com/en/stable/ GitHub： git
2020-10-15 10:32:58
588
1
原创 深挖前端 JavaScript 知识点 —— 史上最全面、最详细的 Cookie 总结
完整阅读本文大约需要二十分钟时间，可根据文章结构图直接阅读自己需要的部分。 1.Cookie 产生的背景 所有新技术的出现都是为了解决某一痛点。 我们都知道，HTTP 协议是无状态的，服务器无法知道两个请求是否来自同一个浏览器，也不知道用户上一次做了什么，每次请求都是完全相互独立，这严重阻碍了交互式 Web 应用程序的实现。例子： 购物车：在典型的网上购物场景中，用户浏览了几个页面，买了一盒饼干和两瓶饮料。最后结帐时，由于 HTTP 的无状态性，不通过额外的手段，服务器并不知道用户到底买了什么。 登录.
2020-10-13 13:56:54
156
原创 一个非科班大学生的四年，到秋招收获了腾讯和字节的offer
前言 大学以来都没给自己做过总结，趁着最近有空，就把这几年一并总结一遍吧。先自我介绍一下，笔者2017年上大一，在广东的某师范211读通信工程（手动狗头）。现在大四，秋招收获了腾讯和字节的offer。那么我是怎么从读电子到跑去做前端的呢，还有我是如何自学前端的。且听我细细道来~ PS:offer真诚求比较 字节DATA前端，做的是头条小程序的那一套生态（感觉是纯前端） 腾讯实习转正，之后应该是全栈，个人感觉要补好多后台知识 base都是深圳 求意见~ 大一 17年的9月份，背起小书包满怀憧憬的来到了师大，
2020-10-12 11:36:20
358
原创 一个前端的10年前端职业路
前言 也许是自己的关注点变了，也许是跟自己年纪相仿的同行都成了行业大牛，最近时常看到一些前端大佬的总结分享，例如：《工作10年谈谈XXX》、《在阿里做了五年技术主管，XXX》、《在阿里云做前端》、《XXX，前端专业方向的尽头》等等。此类文章，我都一一拜读了，果真受益匪浅，大佬就是大佬。 转念一想，好像哪里不对，我特么也这么老了，怎么还这个鬼样子？ 本来不想写什么文章的，既没有改变人类的命运，又没有什么轰动行业的事迹，全是一些琐碎的小事。 可是每每看到一篇类似10年总结的同行文章，仿佛都有一个人在问我：“你的
2020-10-09 14:43:51
228
原创 前端系统化学习【JS篇】:（四-3）基本数据类型之Boolean篇
前言 细阅此文章大概需要 7分钟左右 本篇中详细讲述详细讲述了： Boolean布尔数据类型简述 其他类型值转换为布尔类型值的方法和各种情况 在==比较的过程中，数据类型转换的规则 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。 下一篇会尽快更新，已经写好的文章也会在今后随着理解加深或者加入一些图解而断断续续的进行修改。 如果觉得这篇文章对您有帮助，还请点个赞支持一下，谢谢大家！
2020-10-08 11:52:56
301
原创 前端系统化学习【JS篇】:（四-1）基本数据类型之Number篇
前言 细阅此文章大概需要 40分钟\color{red}{40分钟}40分钟左右 本篇中详细讲述\color{red}{详细讲述}详细讲述了： Number数字数据类型简述 isNaN（检测一个值是否为非有效数字）方法 自增及其特殊性 其他类型值转换为数字类型的方法和各种情况 数组对象以及map方法回调函数的类型转换例子 进制转换 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。
2020-10-08 11:28:19
379
原创 前端系统化学习【JS篇】:（四）Javascript中的数据类型
前言 细阅此文章大概需要 3分钟\color{red}{3分钟}3分钟左右 本篇中简述\color{red}{简述}简述了： Javascript中常用的数据类型 基本数据类型 引用数据类型 数据类型的检测（简述） 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。 下一篇会尽快更新，已经写好的文章也会在今后随着理解加深或者加入一些图解而断断续续的进行修改。 如果觉得这篇文章对您有帮
2020-10-07 15:50:16
106
原创 前端系统化学习【JS篇】:（三）Javascript中的命名规范
前言 细阅此文章大概需要 4分钟\color{red}{4分钟}4分钟左右 本篇中讲述了： JS中的命名规范 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。 下一篇会尽快更新，已经写好的文章也会在今后随着理解加深或者加入一些图解而断断续续的进行修改。 如果觉得这篇文章对您有帮助，还请点个赞支持一下，谢谢大家！ JS中的命名规范 严格区分大小写 let Test =
2020-10-07 15:43:20
143
原创 前端系统化学习【JS篇】:（二）Javascript、变量和值的简述
前言 细阅此文章大概需要 10分钟\color{red}{10分钟}10分钟左右 本篇中简要概述\color{red}{简要概述}简要概述了： JavaScript语言的三部分构成 JavaScript中的变量 变量的多种定义方式以及他们的区别 值的多重定义方式 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。 下一篇会尽快更新，已经写好的文章也会在今后随着理解加深或者加入一些图解
2020-10-06 11:20:51
239
原创 前端系统化学习【JS篇】:（一）浏览器简述
前言 细阅此文章大概需要 8分钟\color{red}{8分钟}8分钟左右 本篇中简要讲述\color{red}{简要讲述}简要讲述了： 常见的浏览器内核 浏览器的控制台 Script标签的位置 代码调试（debugger） 在浏览器控制台中打印引用数据类型的结果，展开与合起的区别 如果有任何问题都可以留言给我，我看到了就会回复，如果我解决不了也可以一起探讨、学习。如果认为有任何错误都还请您不吝赐教，帮我指正，在下万分感谢。希望今后能和大家共同学习、进步。 下一篇会尽快更新，已经写好的文章也会在今后随着理解
2020-10-06 11:01:25
244
原创 【前端规划】来看看我整理的这一份专属技术知识图谱吧~
前言 国庆和中秋节来啦，整整八天的大长假，那岂不是能痛快的——学个够啦~哈哈哈放纵要有，学习也不能落下呀，一年也难得有几次这么大段的自主学习时间呢是不是。 既然有这么长的时间学习，自然要好好地梳理一下学习计划，把平时遗漏的知识点补全，整理一份知识体系，所以今天就来制作一张前端知识图谱吧，冲冲冲！ 定一个小目标 在开始之前，我们得先想好，我们最终想要得到的图谱是怎么样的，什么样的图谱才算达到了心里的预期。我自己是总结了几个特点： 不拘于形式 首先，我们要知道，最终这个图谱的形式可以是多样的。你可以使用思维导
2020-10-05 14:50:49
369
原创 他写出了 Vue，却做不对这十道 Vue 笔试题
有十道关于 Vue 的选择题，在群里引出了一众社区知名人士竞折腰，最后钓出了 Evan You 本人亲自挑战…… 然后他自己也做错了（其中的某两道）。 鲁迅会做错鲁迅文选的阅读理解？有截图为证： 所以，只要答对这十道题里的九道以上，你就实打实地（在做题这个维度上）超越了尤大，比他更懂 Vue 了噢！是不是很心动？ 其实要求都不用这么高，只要做对六七道，就已经可以吊打一群小有名气的社区选手了。 所以到底都是些什么问题呢？你可以点击 [原题传送门] 前往观光，但为了表示敬意，这里特地手打了一遍搬运过来： V
2020-10-05 14:34:22
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人