phpyasi520的博客

这回，是真的顶不住了，爬上来吼两句。 就在前两天，知乎上有个在校大学生，邀请我回答一个前端方向的问题。 他的问题是这样的： 「为什么很多大学老师都不重视前端，说学了 jQuery 就能找到工作？」 看到这个问题，当时我就不冷静了，于是，提笔而书，怒怼之。 严重怀疑这些大学老师还活在七八年前，睁眼看看日历吧，都2020年了，还说这么没羞没臊的话，我听了都脸红，呸，渣男～～～ 那么问题来了，2020年，jQuery怎么样了？ 想必我最有发言权。 无独有偶，最近有小伙伴跟我吐槽：在bos...

本篇内容适用于：初学前端；及工作时间不久想回顾基础的各位伙伴； 文章主要由图片组成，看起来可能会不太方便，适合保存下来单张查看； 既然来了，就看看在走吧，总会有些收获的； 一、前端发展史 二、JS基础入门 1、认识浏览器 2、JS基础知识 初识JS-基础中的基础 3、三大输出方式 JS中的三大类输出方式 4、数据类型基础知识 number 数据类型基础知识 string 数据类型基础知识 boolean 数据类型基础知识 ...

我遍览群书，发现关于程序员的面试技巧，好的建议其实并不多。 我们也发现，很多很有才华的程序员在面试的时候总是掉链子，这大概是因为他们把大多数时间都用来搞技术开发，而忽略了学习面试技巧的重要性。 这何尝不是一种悲剧。有效的面试技巧能让你成功得到工作，即使你对那个领域也并不是非常熟悉。 1.给自己写一份非常专业的简历 我的建议是，如果你想增加自己的入选机会，那最好还是花点钱制作一份专业的简历。相较于你将来可能得到的巨大收获，这真的只是一个小小的投资。 2.研究面试官 当我联系程序员来面试的时候，

互联网上有很多由社区成员提供的工具，可以帮助改善我们前端开发人员的开发体验。下面分享一下我个人非常喜欢的几个前端工具。 1. EnjoyCSS 老实说，尽管我做了很多前端开发工作，但还是不太擅长使用 CSS。EnjoyCSS 是一款非常简单的工具，是我在困难时期的救星。它为用户提供了简单的 UI，让用户可以设计元素，并提供对应的 CSS 输出。 2. Prettier Playground Prettier 是一种代码格式化程序，支持 JavaScript，包括 ES2017、JSX、An.

关注小编，回复“1” 加入我们一起学习，天天进步 引言 整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习，作者简书上文章会持续更新，版权归原作者所有。 最新更新 codepen 一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。 codrops 一系列具有相当具有创意且有趣的前端效果的集合，是非常棒的学习资料，可以欣赏和下载使用。并且有些项目，也托管到了github仓库中 docsc...

提到流程图软件，大部分人想到的就是 Visio。 确实，Visio 用的人多，和 office 集成度也很高。 但是！！！ 1、Visio 不属于 Office 套件，需要单独购买; 2、很多 Mac、Linux 用户无法使用； image 今天，哈哥就给大家介绍一款堪比 Visio 的流程图软件：diagrams。 它可以在线操作，也可以本地安装，还有各种丰富的图标个功能。 下面就来感受下。 image 特性 多客户端支持 网页版没有所谓的客户端支持一说。 对于安装版，从

一，html+css基础 1-1 Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。 正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码： var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2})$/; var r = fieldValue.match(reg); if(r==nul.

像React，Vue这类的框架，响应式是其最核心的特性之一。通过响应式可以实现当改变数据的时候，视图会自动变化，反之，视图变化，数据也随之更新。避免了繁琐的dom操作，让开发者在开发的时候只需要关注数据本身，而不需要关注数据如何渲染到视图。 实现原理 2.x 在vue2.0中通过Object.defineProperty方法实现数据拦截，也就是为每个属性添加get和set方法，当获取属性值和修改属性值的时候会触发get和set方法。 let vue = {} let data = { ms

8款前端性能分析工具，全都是神器 你可以拥有世界上最漂亮，最吸引人的网站，但如果该网站无法快速加载到浏览器中，人们往往会忽略它。尽管有许多性能规则，但归根结底，这全取决于加载时间。 据Jakob Nielson所说，这是构建网站时应记住的事。 小于 100 毫秒是瞬时的。 100 毫秒至 300 毫秒的延迟是可被感知的。 一秒内，用户能保持思绪不间断，虽然他们会感觉到延迟，但能自己控制住思绪。 47% 的用户期望网页在两秒或更短时间内被加载。 40% 的用户在等待网站渲染超过3秒后，就...

前端开发工具 介绍 前端开发工具非常多，有webstorm、vscode、notePad++、sumlime、Hbuilder、 dreamweaver、editPlus、等等。但是业界主流的主要还是webstorm vscode ； 选择合适的开发工具 衡量一个开发工具的好坏，可以从这些方面： 能否满足你基本需求，--编码需求 能否帮助你愉快的开发--界面好看吗？ 能否帮助你高效的开发---插件多、模板多、自动格式化、快速提示、错误提示等等；响应快；带...

前端快捷操作汇总 1. Sublime Text3 快捷方式 需要安装emmet插件：先安装package control，参考官网安装package install，之后在窗口中输入emmet进行安装，安装好后按Ctrl+e检验有效性，如果报错，根据提示解决插件问题 1. 生成标签 直接输入标签名按Tab键 2. 生成多个同名标签， 例如 div*3 再按tab键 3. 如果有父子关系，使用ul>li, 按tab键。ul>li*5 4. 如果是同级标签：...

前端与 DSL 最近一直在想前端与 DSL 的一些联系与发展，DSL 的概念在后端工程师中可能会更加熟悉，但在前端领域中也是充斥着 DSL 的身影。 DSL 简介 DSL（Domain Specific Language）中文翻译为领域特定语言，例如 SQL、JSON、正则表达式等。与之形成对比的是 GPL（General Purpose Language），中文翻译为通用编程语言，我们熟悉的C、C++、JavaScript、Java 语言等就是。 特点 DSL 的特点，在...