2020年08月_jinmu520

原创 20个很有帮助的 Web 前端开发教程

在平常的搜索中，我碰到过很多有趣的信息，应用程序和文档，我把它们整理在下面这个列表。这是收藏的遇到的有用内容的一个伟大的方式，可以在你需要的时候方便查阅。相信你会在这个列表中发现对你很有用的资料。1、CSS Vocabulary一个伟大的指向和点击的小应用程序，让你加快速度掌握 CSS 语法的各个不同部分，学习各个属性的正确的名称。2. Liquidapsive一个简单的信息化布局，通过选择框的方式，可以让你在响应式，自适应，流动和静态布局中选择，所以你可以看到四大布局类型之间的区别。目前是在

2020-08-31 15:20:41 1079

原创 web前端开发规范总结

Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为分离（HTML-CSS-JS代码分离，不同行为代码高内聚低耦合），兼容性优良（早期版本浏览器兼容，移动端和P

2020-08-31 14:45:11 165

原创前后端分离的优缺点

虽然一直在用前后端分离开发项目，却一直没仔细考虑过前后端开发的优缺点。前后端分离已经成为互联网项目开发的业界标准使用方式，通过 nginx + Tomcat 的方式（也可以中间加一个 nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构，弹性计算架构，微服务架构，多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端 html 页面通过 ajax 调用后端的 restful api 接口并使用 json

2020-08-28 13:43:22 422

原创转型HTML5前端工程师怎样学才能拿高薪？

优秀的HTML5前端开发工程师要在知识体系上有广度和深度，且具备快速学习的能力。前端开发工程师不仅要掌握基本的HTML5前端开发技术、网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。一、前端工程师至少要满足四类客户的需求1、产品经理这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的，甚至是不可能实现的应用。一般来说，产品经理都追求丰富的功能。2、UI设计师这些人负责应用程序

2020-08-27 14:16:56 152

原创零基础web前端学习之JavaScript 和css 阻塞

web前端学习之JavaScript 和css 阻塞，JavaScript 是客户端和服务器端的脚本语言，可以插入HTML 页函中，并且是目前较热门的Web 开发语言。同时， JavaScript 也是面向对象的编程语言。JavaScript 是一个可以被引入HTML 页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。JavaScript是客户端脚本语言，它称为非结构化编程。JavaScript 的阻塞特性是所有浏览器在下载JavaScript 代码的时候，会阻止其他一切活动，比

2020-08-26 11:43:50 193

原创 JavaScript事件详解

想必大家对JavaScript的事件都不陌生吧，大多数在网站开发的时候都会用到，这也是JavaScript的基本功之一，本文就为各位梳理一下相关知识。JavaScript事件模型JavaScript事件模型，也就是事件机制，分为两类DOM0级事件模型和DOM2级事件模型。DOM0级事件模型DOM0级事件模型是早期的事件模型，比如说一个onclick事件缺点：无法绑定多个相同的事件，注册多个同类型的函数的话，就会发生覆盖，之前注册的函数就会无效document.getElementById('c

2020-08-25 13:54:04 241

原创 Web前端程序员该如何准备面试？这些面试知识应该掌握

面试其实是实力和运气并存的事情，所以一方面我们要做好知识的准备，另一方面也要抓住时机，该出手就出手，那么Web前端程序员该如何准备面试呢？下面和一起来看看吧！一：Web前端面试什么？针对Web前端工程师这个岗位，我见过不少学员在面试之前的准备工作。做题，做题，再做题，这是不少学员面试前的准备，满心期待着依靠这些面试题能够通过面试，而也有不少学员不这样，该怎么学习就怎么学。充其量就是准备准备技术之外的一些面试技巧，也没见做几道面试题。其结果呢，整天做面试题的不少学员，面试一次又一次，一两个月还没有找到

2020-08-25 13:41:59 705

原创 Web前端的性能优化，需要怎么做?

文末有福利本文将分享一些前端性能优化的常用手段，包括减少请求次数、减小资源大小、各种缓存、预处理和长连接机制，以及代码方面的性能优化等方面。base64：尤其是在移动端，小图标可以base64（webpack），大图片慎用（如果加载速度过于慢的，而且很重要的图片，可以用base64）1、减少HTTP的请求次数和传输报文的大小「CSS Sprite（雪碧图、图片精灵）技术」使用字体图标（Icon Font）或者SVG等矢量图+减少HTTP请求次数或者减少请求内容的大小+渲染更快：因为它们是基于代

2020-08-15 14:41:15 188

原创 HTML页面的基本代码结构是什么？

1、什么是标签：html标签组成是html文档的最基本元素,一般是成对出现,由开始标签和与其对应的结束标签构成.?如，，，，等,此外，还有一些标签是单独出现的，如,等，标签可以相互嵌套使用。由于html语言是一门弱类型语言,对格式的要求不是非常严格，因此所有标签是不区分大小写的,但是，一般在实际开发中，大家都统一使用小写。2、html文档的基本结构如上图，每一个html文档的基本结构为：第一层：<!DOCTTYPE>------！文档类型，它的目的是要告诉标准通用标记语言解析器，它

2020-08-13 14:22:24 2741

原创成为一名专业的前端开发人员，需要学习什么？

你有没有看过你非常喜欢的网站，是否研究过它的布局方式，有没有想过我自己能不能也能实现一个，甚至比你看的网站更好！所有这些可见的站点界面和特效都是通过前端开发构建的（有时也称为“前端Web开发”）。前端开发人员是一些最受欢迎的角色，目前各大知名互联网公司的前端开发人员的工资水平甚至超过了后端开发人员。那前端开发需要学什么呢？本篇html中文网将分解前端开发人员使用和需要的所有技能，先从前端开发的定义开始。什么是前端开发？虽然网页设计是网站的外观，但前端开发是将该设计的页面通过代码的形式在网络上进行展

2020-08-11 16:40:49 4566

原创 Web前端基础知识整理

1、前端基础知识文件分类XML(扩展标记语言)装载有格式的数据信息,用于各个框架和技术的配置文件描述特点:扩展名为.xml内容区分大小写标签要成对出现,形成容器,只能有一个标签按正确的嵌套顺序,只有一个根标签标签属性的语法:属性名=”值”,写在头上,空格隔开格式: <?xml version="1.0" encoding="UTF-8"> - 首行 <class> ... </class> - 标签 <!--

2020-08-10 13:57:55 830 1

原创 5个小技巧让你写出更好的JavaScript 条件语句

在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。使用 Array.includes 来处理多重条件举个栗子：// 条件语句function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); }}乍一看，这么写似乎没什么大问题。然而，如果我们想要匹配更多的红色水果呢，比方说『樱桃』和『蔓越莓』？

2020-08-08 14:06:36 122

原创程序员吐槽：组里新来一个“加班狂”，可把大家害惨了

前两天关于《华为阿里员工跳槽到微软后遭抵制》的话题引发了网友们对奋斗逼的热议！你有遇到过这样的情况吗？最近又有网友在职场论坛吐槽：组里新来了一个特别能装，很能奋斗的人，但是都是在老板面前，而且天天非工作时间在群里发状态。这类人一般称之为“奋斗逼”。今天有某互联网公司的员工深夜吐槽：“组里新入职一个极品奋斗逼，真是开眼了，大家来看看：1. 经常早上7点多在群里说，不好意思家里有事，20分钟后到！ 2. 晚上经常10点多在群里说家里有事，早点走。3. 经常凌晨1点多在群里发各种文档 4. 经常在朋友圈发周末

2020-08-07 15:03:15 173

原创 ”扶我起来，我还能学！“ 之ES2021 抢先尝

从 ES2015（ES6）之后，每年，JS 都会在其新标准里添加一些有意思的新特性。尽管距离 ES2021 发布还有有很久（大概在明年夏天），但是我们可以先看一下已经进入 Stage 4 阶段的提案。这些提案到时候都会进入 ES2021 的标准。（Stage 4 是啥？）TC39 在把提案转换为最后的标准之前，这些提案都会经历 State 1～4 四个阶段。只有到 Stage 4 的提案会被标记为“已完成”，并在将来进入到下一个 ES 标准里。有兴趣的话，可以点击这里查看目前每个 Stage 都有哪些提

2020-08-05 16:38:55 317 1

原创「译文」你必须掌握的 7 种 JavaScript 错误类型

能够快速地错误定位，解决问题，是我们开发中非常重要的一种能力。从浏览器控制台到运行Node.js的计算机终端，我们到处都会看到错误。这篇文章重点介绍了在JS开发过程中可能遇到的 7 种错误类型。1、 RangeError 范围错误当数字超出允许的值范围时，将抛出此错误；或者JS执行进入死循环。const log = console.logconst arr = [90,88]arr.length = 90**99我们有一个数组，带有两个元素的arr。接下来，我们尝试将数组扩展为包含.

2020-08-01 11:39:28 202

jinmu520的博客