Author: admin

如何安装WordPress

WordPress 以其易于安装而闻名。在大多数情况下,安装 WordPress 是一个非常简单的过程,只需不到五分钟即可完成。许多网络主机现在提供工具(例如 Fantastico)来自动为您安装 WordPress。但是,如果您想自己安装 WordPress,以下指南会有所帮助。

安装 WordPress 前须知

在开始安装之前,您需要具备和完成一些事情。请参阅安装之前一文。
如果您需要多个 WordPress 实例,请参阅安装多个 WordPress 实例

基本说明

这是为那些已经熟悉执行此类安装的人提供的说明的快速版本。更详细的说明如下。

  1. 如果您还没有下载并解压 WordPress 包,请下载并解压。
  2. 在您的 Web 服务器上为 WordPress 创建一个数据库,以及一个拥有访问和修改它的所有权限的MySQL (或 MariaDB)用户。
  3. (可选)查找

如何在 Windows 中设置路径和环境变量

路径和环境变量的设置因计算机上的 Windows 操作系统版本而异。选择下面适用于您的 Windows 版本的链接,然后按照步骤操作。

笔记修改路径和环境变量需要管理员权限。

在 Windows 11 中设置路径和变量

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

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

学习网络开发旧金山

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

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

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

让我们开始吧!

为什么要学习 Web 开发?

简而言之,工作潜力。

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

这些教程涵盖的技能:

 

                

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

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

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

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

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

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

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

                

推特的推荐算法

Twitter 旨在为您提供当今世界上发生的最好的事情。这需要一种推荐算法,将每天发布的大约 5 亿条推文提炼成少数几条热门推文,最终显示在您设备的For You时间轴上。该博客介绍了该算法如何为您的时间线选择推文。

我们的推荐系统由许多相互关联的服务和工作组成,我们将在本文中详细介绍。虽然应用程序的许多区域都推荐推文——搜索、探索、广告——但这篇文章将重点关注主页时间线的“为你推荐”提要。

我们如何选择推文?

Twitter 推荐的基础是一组核心模型和功能,它们从推文、用户和参与数据中提取潜在信息。这些模型旨在回答有关 Twitter 网络的重要问题,例如“您将来与其他用户互动的可能性有多大?” 或者,“Twitter 上有哪些社区,其中有哪些热门推文?” 准确回答这些问题使 Twitter 能够提供更相关的推荐。

推荐管道由使用这些功能的三个主要阶段组成:

  1. 在称为候选采购的过程中从不同的推荐来源获取最佳推文。
  2. 使用机器学习模型对每条推文进行排名。
  3. 应用启发式和过滤器,例如过滤掉来自您已阻止的用户的推文、NSFW 内容和您已经看过的推文。

负责构建和提供 For You 时间线的服务称为 Home Mixer。Home Mixer 建立在 Product Mixer 之上,Product

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

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头中的相应源列表中指定散列。

一文搞懂 script 标签

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

基本功能

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

内联

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

 

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

13 个前端可能用得上的 CSS技巧

13 个前端可能用得上的 CSS技巧

修改输入占位符样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平和垂直居中。多么熟悉的场景!前端开发者几乎每天都会和它们打交道,本文收集 13 个CSS技巧,一起来来温故一下吧。

1. 解决图片5px间距问题

是否经常遇到图片底部多出 5px 间距的问题?不着急,有4种方法可以解决。

  • 解决方案 1:将其父元素的 font-size:0px
  • 解决方案 2:将 img 的样式增加 display:block
  • 解决方案 3:将 img 的样式增加 vertical-align:bottom
  • 解决方案 4:将父元素的样式增加 line-height:5px

2. 如何让元素高度与窗口相同

在现在前端中,CSS有一个单位是 vh,将元素高度样式设置为 height:100vh

3. 修改输入框 placeholder 样式

这个是表单输入框占位符属性,如何来修改默认样式,如下:

input::-webkit-input-placeholder {
  

web应用 101 -介绍 Web 应用是什么,比如 SPA(单页应用)、SSR(服务器端渲染)、SSG(静态网站生成)

让我们从一个故事开始:当我的职业泡沫之外的人问我我在做什么时,我说“我建立网站”。如果他们好奇,我补充说这些网站相当复杂。如果他们继续问,我会尝试用一些例子来详细说明:Facebook、Spotify、Twitter。并不是我为这些公司工作,而是希望给他们一个“我建什么样的网站”的好印象。然而,大多数情况下,谈话不会超出“我建立网站”的范围,我对此没有意见。

如今,一个网站不等于另一个网站。网站的范围从产品营销网站到成熟的社交媒体平台。作为 web 开发的新手,要了解整个情况并不容易:从 HTML 和 CSS 的传统简单网站开始,从 web 服务器返回,变成一个复杂得多的具有复杂客户端的全栈应用程序- 服务器通信和状态管理。

如果您已经在学习 HTML、CSS 和 JavaScript,并且不了解网站和 Web 应用程序的基础知识,那么这本综合指南适合您。…