HTML

学习 Web 开发：初学者的 7 个基本步骤

admin 建站 暂无评论 959 浏览

学习 Web 开发：初学者的 7 个基本步骤

学习网络开发旧金山

在 Web 开发领域开展职业生涯似乎非常棘手。有无数的语言和工具需要学习——对于初学者来说，甚至弄清楚从哪里开始学习似乎也很困难。

但在实践中，这个过程可能不会像您想象的那么复杂。一旦您了解作为入门级 Web 开发人员需要具备哪些技能，您将能够在短期内建立您的学术基础。

想知道如何学习网页开发？我们是来帮忙的。本文适用于任何有兴趣进入 Web 开发领域或希望提高现有技能的人。它将涵盖一些基本术语、Web 开发专业知识以及开发和管理网站所需的工具和技能。换句话说，它将带您了解启动您的职业生涯所需了解的一切。

让我们开始吧！

为什么要学习 Web 开发？

简而言之，工作潜力。

Web 开发是一个快速发展的职业。美国劳工统计局预测， 2019 年 至2029 年，网络开发人员的工作岗位将增长 8%。网络开发人员可以是自由职业者，也可以作为公司内部员工工作，而且许多人都在远程工作。简而言之，对于任何重视专业发展和学习机会的人来说，这是一个很好的领域。

这些教程涵盖的技能：

 

…
                
Read more

作为绝对初学者学习 Web 开发

admin web前端 暂无评论 119 浏览

想作为初学者学习 Web 开发，但不确定从哪里开始？

很难知道学习编码的最佳方法，因为那里有大量资源。但是现在，您所需要的只是 Web 开发的基础知识——对下一步的方向进行一般性解释。

首先，这是您作为 Web 开发新手需要遵循的步骤。

学习 Web 开发基础知识的步骤：

  1. 了解网站工作原理、前端与后端以及使用代码编辑器的基础知识
  2. 学习基本的 HTML、CSS 和 JavaScript
  3. 学习工具：包管理器、构建工具、版本控制
  4. 学习 Sass、响应式设计、JavaScript 框架
  5. 学习后端基础知识：服务器和数据库、编程语言

我建议按顺序执行步骤 1、2 和 3。然后，根据您是想专注于更多的前端还是后端，您可以按任何顺序执行步骤 4a 或 4b。…

                
Read more

关于html5：脚本和样式元素的HTML“nonce”属性的目的是什么？

admin web前端 暂无评论 699 浏览

What’s the purpose of the HTML “nonce” attribute for script and style elements?

W3C说HTML5.1中有一个新的属性，叫做nonce，用于style和script，可以被网站的内容安全策略使用。

我在google上搜索了一下，但最后还是没有得到它，这个属性实际上做了什么，在使用它时会发生什么变化？

 

 相关讨论

 

  • 看起来这对你的站点来说只是一个额外的安全措施，你把它添加到一个链接或表单中，当页面被服务时，如果这个nonce与你的不匹配，那么你就不服务于页面了。
  • @皮特，你是说没人能装你的script和style？像hotlink禁令？
  • 它也适用于普通页面和表单验证

 

 

nonce属性使您能够"白名单"某些内联script和style元素，同时避免使用csp unsafe-inline指令(这将允许所有内联script和style指令)，因此您仍然保留一般不允许内联script和style的关键csp功能。

因此，nonce属性是一种告诉浏览器特定脚本或样式元素的内联内容不是由某些(恶意)第三方注入到文档中，而是由控制文档的服务器的人故意放入文档中的方法。

https://developers.google.com/web/fundamentals/security/csp/如果您必须使用，它提供了一个很好的示例，说明如何使用nonce属性，具体步骤如下：

 

  • 对于您的Web服务器收到的针对特定文档的每个请求，让您的后端从加密安全的随机数生成器(如EDNnf03nceIOfn39fn3e9h3sdfa)生成一个包含至少128位数据的随机base64编码字符串。那是你的现在。
  • 以步骤1中生成的nonce为例，对于任何要"白名单"的内联script/style，使后端代码在通过线发送之前在文档中插入nonce属性，该nonce作为值：
    1
    <script nonce="EDNnf03nceIOfn39fn3e9h3sdfa">…
  • 使用步骤1中生成的nonce，将nonce-预先发送给它，并使您的后端生成一个csp头，其中包含script-src或style-src的源列表值：
    1
    Content-Security-Policy: script-src 'nonce-EDNnf03nceIOfn39fn3e9h3sdfa'

 

因此，使用nonce的机制是一种替代方法，而不是让您的后端生成您希望允许的内联script或style的内容散列，然后在CSP头中的相应源列表中指定散列。

…
Read more

一文搞懂 script 标签

admin web前端 暂无评论 1,090 浏览

前端开发应该都知道 HTML 中 <script> 标签的作用——引入 JS 代码，不过由于脚手架和打包工具的普及，我想很少有人再亲手写 <script> 了。本期就借机写一下这个快被遗忘了的 <script> 教程，看看大家是否真的掌握了这个元素。

基本功能

废话不多说了，直入正题。<script> 引入 JS 的方式主要有三种：内联、外置，以及动态引入。

内联

直接将 JS 代码写到 script 标签内：

 

<html>
  <head>
    <script>
      console.log("Hello");
…
    
Read more

浏览器的怪异模式和标准模式

admin web前端 暂无评论 402 浏览

怪异模式和标准模式

在很久以前的网络上，页面通常有两种版本：为网景（Netscape）的 Navigator 准备的版本，以及为微软（Microsoft）的 Internet Explorer 准备的版本。当 W3C 创立网络标准后，为了不破坏当时既有的网站，浏览器不能直接弃用这些标准。因此，浏览器采用了两种模式，用以把能符合新规范的网站和老旧网站区分开。

目前浏览器的排版引擎使用三种模式：怪异模式（Quirks mode）、接近标准模式（Almost standards mode）、以及标准模式（Standards mode）。在怪异模式下，排版会模拟 Navigator 4 与 Internet Explorer 5 的非标准行为。为了支持在网络标准被广泛采用前，就已经建好的网站，这么做是必要的。在标准模式下，行为即（但愿如此）由 HTML 与 CSS 的规范描述的行为。在接近标准模式下，只有少数的怪异行为被实现。

…
    
Read more

10个HTML文件上传技巧

admin web前端 暂无评论 1,040 浏览

作者： Tapas Adhikary
译者：前端小智
来源：dev

点赞再看，养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

github 地址：https://github.com/qq44924588...

简介

上传文件功能可以说是项目经常出现的需求。从在社交媒体上上传照片到在求职网站上发布简历，文件上传无处不在。在本文中，我们将讨论 HTML文件上传支持的10种用法，希望对你有用。…

Read more

什么是回流与重绘 (Reflow & Repaint)

admin web前端 暂无评论 1,202 浏览

写在前面

在讨论今天的主角之前，我们要先了解一下浏览器的渲染机制。以Google,Firefox,Safari为例，Firefox 使用Geoko——Mozilla 自主研发的渲染引擎，Safari 和Chrome 都使用 webkit。

我们主要以 Webkit的主流程为例

  • 浏览器使用流式布局模型 (Flow Based Layout)
  • 解析HTML 生成 DOM 树
  • 解析CSS 生成CSSOM 规则树
  • 将 DOM 树与 CSSOM 规则树合并在一起生成渲染树
…
            
Read more