fix: remove codepen.io links from challenge articles
This commit is contained in:
Randell Dawson
committed by
Kristofer Koishigawa
Kristofer Koishigawa
parent
6167811c09
commit
f57e6d69d8
@ -40,8 +40,6 @@ localeTitle: قارن Scopes من var واسمح للكلمات الرئيسية
|
||||
}
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/wxwxRd)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
باستخدام `let` لك يمكن أن تعلن المتغيرات فيما يتعلق بنطاقها.
|
||||
|
||||
@ -46,8 +46,6 @@ localeTitle: قم بتعريف متغير للقراءة فقط مع الكلم
|
||||
printManyTimes("freeCodeCamp");
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/OwVxyx)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
باستخدام `const` في `sentence` يمكننا ان نجعلها للقراءة فقط وباستخدام `let` على `i` داخل لحلقة يمكننا تجنب استخدام `var` كل ذلك معا. لمزيد من الوضوح في الشفرة ، يمكننا أيضًا تغيير `sentence` إلى `SENTENCE` لإظهار أنها ثابتة.
|
||||
|
||||
@ -36,7 +36,6 @@ localeTitle: استكشاف الاختلافات بين فار والسماح ل
|
||||
catTalk();
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
|
||||
@ -40,7 +40,6 @@ localeTitle: Mutate An Array مع const
|
||||
editInPlace();
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/djoVjW)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
|
||||
@ -43,8 +43,6 @@ localeTitle: منع تحول الكائن
|
||||
const PI = freezeObj();
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/OwVxYB)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
باستخدام Object.freeze () على `MATH_CONSTANTS` يمكننا تجنب التلاعب بها.
|
||||
|
||||
@ -47,8 +47,6 @@ localeTitle: اكتب وظائف السهم لأعلى ترتيب
|
||||
console.log(squaredIntegers);
|
||||
`
|
||||
|
||||
 [تشغيل الكود](https://codepen.io/dylantyates/pen/WyWoYJ)
|
||||
|
||||
# شرح الشفرة:
|
||||
|
||||
يستخدم عامل `filter()` عوامل `filter()` و `map()` لترقيم كل الأعداد الصحيحة الموجبة في مصفوفة معينة.
|
||||
|
||||
@ -16,11 +16,6 @@ localeTitle: الحد الأقصى لحجم العنصر باستخدام الد
|
||||
` grid-template-columns: repeat(3, minmax(50px, 2fr));
|
||||
`
|
||||
|
||||
* * *
|
||||
|
||||
يمكنك أيضًا التحقق من هذا القلم المضمن على Codepen للاطلاع على المثال في الإجراء ، والذي يمكنك تغيير حجمه لعرض النتائج:
|
||||
|
||||
انظر القلم [الحد البند-الحجم-باستخدام-](https://codepen.io/skywardcode/pen/EeGGze/) minmax [\-function](https://codepen.io/skywardcode/pen/EeGGze/) بواسطة skywardcode ( [skywardcode](https://codepen.io/skywardcode) ) على [CodePen](https://codepen.io) .
|
||||
|
||||
### مصادر
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@ localeTitle: 比较var的范围并让关键字
|
||||
}
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/wxwxRd)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -47,7 +47,6 @@ localeTitle: 使用const关键字声明只读变量
|
||||
printManyTimes("freeCodeCamp");
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/OwVxyx)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -37,7 +37,6 @@ localeTitle: 探索var和let关键字之间的差异
|
||||
catTalk();
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@ localeTitle: 改变用const声明的数组
|
||||
editInPlace();
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/djoVjW)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -44,7 +44,6 @@ localeTitle: 防止对象突变
|
||||
const PI = freezeObj();
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/OwVxYB)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -48,7 +48,6 @@ localeTitle: 编写高阶箭头函数
|
||||
console.log(squaredIntegers);
|
||||
```
|
||||
|
||||
 [运行代码](https://codepen.io/dylantyates/pen/WyWoYJ)
|
||||
|
||||
# 代码说明：
|
||||
|
||||
|
||||
@ -18,11 +18,6 @@ localeTitle: 使用minmax函数限制项目大小##
|
||||
grid-template-columns: repeat(3, minmax(50px, 2fr));
|
||||
```
|
||||
|
||||
* * *
|
||||
|
||||
您也可以在Codepen上查看此嵌入式笔以查看实际操作中的示例，您可以调整其大小以查看结果：
|
||||
|
||||
请参阅[CodePen](https://codepen.io/skywardcode)上的[skywardcode](https://codepen.io) （ [@skywardcode](https://codepen.io/skywardcode) ）的Pen [limit-item-size-using-the-minmax-function](https://codepen.io/skywardcode/pen/EeGGze/) 。
|
||||
|
||||
### 资源
|
||||
|
||||
|
||||
@ -44,7 +44,6 @@ Change all the variables to `let` or `const` and rename `sentence`.
|
||||
}
|
||||
printManyTimes("freeCodeCamp");
|
||||
```
|
||||
 <a href='https://codepen.io/dylantyates/pen/OwVxyx' target='_blank' rel='nofollow'>Run Code</a>
|
||||
|
||||
# Code Explanation:
|
||||
|
||||
|
||||
@ -32,7 +32,6 @@ We need to change each `var` to `let` in our code.
|
||||
}
|
||||
catTalk();
|
||||
```
|
||||
 [Run code at codepen.io](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# Code Explanation:
|
||||
|
||||
|
||||
@ -38,7 +38,6 @@ Reassign the values of the `const` variable `s` using various element assignment
|
||||
}
|
||||
editInPlace();
|
||||
```
|
||||
 <a href='https://codepen.io/dylantyates/pen/djoVjW' target='_blank' rel='nofollow'>Run Code</a>
|
||||
|
||||
# Code Explanation:
|
||||
|
||||
|
||||
@ -16,9 +16,6 @@ Here is an **example** of what that looks like using a *before* and *after* appr
|
||||
```
|
||||
---
|
||||
|
||||
You may also check this embedded pen on Codepen to see the example in action, which you can resize to view the results:
|
||||
|
||||
<p data-height="265" data-theme-id="0" data-slug-hash="EeGGze" data-default-tab="css,result" data-user="skywardcode" data-pen-title="limit-item-size-using-the-minmax-function" class="codepen">See the Pen <a href="https://codepen.io/skywardcode/pen/EeGGze/">limit-item-size-using-the-minmax-function</a> by skywardcode (<a href="https://codepen.io/skywardcode">@skywardcode</a>) on <a href="https://codepen.io">CodePen</a>.</p>
|
||||
|
||||
### Resources ###
|
||||
[Mozilla Developer Network](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax)
|
||||
@ -41,8 +41,6 @@ Precisamos mudar `var` para `let` em nosso escopo de função e adicionar `let`
|
||||
}
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/wxwxRd)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
Usando `let` você pode declarar variáveis em relação ao seu escopo.
|
||||
|
||||
@ -47,7 +47,6 @@ Altere todas as variáveis para `let` ou `const` e renomeie a `sentence` .
|
||||
printManyTimes("freeCodeCamp");
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/OwVxyx)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
|
||||
@ -37,7 +37,6 @@ Precisamos mudar cada `var` para `let` nosso código.
|
||||
catTalk();
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@ Reatribuir os valores das `const` variáveis `s` usando vários atribuição de
|
||||
editInPlace();
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/djoVjW)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
|
||||
@ -44,7 +44,6 @@ Precisamos evitar que o valor de `MATH_CONSTANTS` seja alterado.
|
||||
const PI = freezeObj();
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/OwVxYB)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
|
||||
@ -48,7 +48,6 @@ Precisamos calcular e `realNumberArray` valores a partir do `realNumberArray` e
|
||||
console.log(squaredIntegers);
|
||||
```
|
||||
|
||||
 [Executar código](https://codepen.io/dylantyates/pen/WyWoYJ)
|
||||
|
||||
# Explicação do código:
|
||||
|
||||
|
||||
@ -18,11 +18,6 @@ Aqui está um **exemplo** do que parece ser uma abordagem _antes_ e _depois_ :
|
||||
grid-template-columns: repeat(3, minmax(50px, 2fr));
|
||||
```
|
||||
|
||||
* * *
|
||||
|
||||
Você também pode verificar essa caneta incorporada no Codepen para ver o exemplo em ação, que você pode redimensionar para exibir os resultados:
|
||||
|
||||
Veja a função [limite-de-item-tamanho-usando-o-minmax](https://codepen.io/skywardcode/pen/EeGGze/) da pena por skywardcode ( [@skywardcode](https://codepen.io/skywardcode) ) em [CodePen](https://codepen.io) .
|
||||
|
||||
### Recursos
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@ localeTitle: Сравните области действия переменны
|
||||
}
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/wxwxRd)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
|
||||
@ -47,7 +47,6 @@ localeTitle: Объявлять переменную только для чте
|
||||
printManyTimes("freeCodeCamp");
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/OwVxyx)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
|
||||
@ -37,7 +37,6 @@ localeTitle: Исследуйте различия между ключевыми
|
||||
catTalk();
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
|
||||
@ -41,7 +41,6 @@ localeTitle: Мутате массив, объявленный с констан
|
||||
editInPlace();
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/djoVjW)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
|
||||
@ -44,8 +44,6 @@ localeTitle: Предотвращение мутации объектов
|
||||
const PI = freezeObj();
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/OwVxYB)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
Используя Object.freeze () в `MATH_CONSTANTS` мы можем избежать манипулирования им.
|
||||
|
||||
@ -48,7 +48,6 @@ localeTitle: Написание функций стрелок с более вы
|
||||
console.log(squaredIntegers);
|
||||
```
|
||||
|
||||
 [Код запуска](https://codepen.io/dylantyates/pen/WyWoYJ)
|
||||
|
||||
# Код Объяснение:
|
||||
|
||||
|
||||
@ -18,11 +18,6 @@ localeTitle: Предельный размер элемента с помощь
|
||||
grid-template-columns: repeat(3, minmax(50px, 2fr));
|
||||
```
|
||||
|
||||
* * *
|
||||
|
||||
Вы также можете проверить это встроенное перо на Codepen, чтобы увидеть пример в действии, который вы можете изменить для просмотра результатов:
|
||||
|
||||
См. Pen [limit-item-size-using-the-minmax-функция с](https://codepen.io/skywardcode/pen/EeGGze/) помощью skywardcode ( [@skywardcode](https://codepen.io/skywardcode) ) на [CodePen](https://codepen.io) .
|
||||
|
||||
### Ресурсы
|
||||
|
||||
|
||||
@ -41,8 +41,6 @@ Necesitamos cambiar `var` para `let` nuestro alcance de función y agregar `let`
|
||||
}
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/wxwxRd)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
Mediante el uso de `let` se puede declarar variables en relación con su ámbito de aplicación.
|
||||
|
||||
@ -47,8 +47,6 @@ Cambia todas las variables a `let` o `const` y renombra la `sentence` .
|
||||
printManyTimes("freeCodeCamp");
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/OwVxyx)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
Al usar `const` en `sentence` podemos hacerlo de solo lectura y al usar `let` on `i` en el bucle for podemos evitar el uso de `var` completo. Para mayor claridad de código, también podemos cambiar la `sentence` a `SENTENCE` para mostrar que es una constante.
|
||||
|
||||
@ -37,8 +37,6 @@ Necesitamos cambiar cada `var` para `let` nuestro código.
|
||||
catTalk();
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/eKqoGY)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
Usando `let` lugar de `var` podemos evitar anular `catName` y `quote` .
|
||||
|
||||
@ -41,8 +41,6 @@ Reasignar los valores de los `const` variables `s` utilizando diferentes de asig
|
||||
editInPlace();
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/djoVjW)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
Intentar reasignar una variable `const` solo lectura generará un error, pero al usar varios elementos de asignación puede acceder y cambiar el valor de una matriz como lo haría con `let` o `var` .
|
||||
|
||||
@ -44,7 +44,6 @@ Necesitamos evitar que el valor de `MATH_CONSTANTS` cambie.
|
||||
const PI = freezeObj();
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/OwVxYB)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
|
||||
@ -48,7 +48,6 @@ Necesitamos calcular y cuadrar los valores de `realNumberArray` y almacenarlos e
|
||||
console.log(squaredIntegers);
|
||||
```
|
||||
|
||||
 [Ejecutar código](https://codepen.io/dylantyates/pen/WyWoYJ)
|
||||
|
||||
# Explicación del código:
|
||||
|
||||
|
||||
@ -18,11 +18,6 @@ Aquí hay un **ejemplo** de cómo se ve usar un enfoque de _antes_ y _después_
|
||||
grid-template-columns: repeat(3, minmax(50px, 2fr));
|
||||
```
|
||||
|
||||
* * *
|
||||
|
||||
También puede consultar este bolígrafo incorporado en Codepen para ver el ejemplo en acción, que puede cambiar de tamaño para ver los resultados:
|
||||
|
||||
Vea la función Pen [limit-item-size-using-the-minmax-function](https://codepen.io/skywardcode/pen/EeGGze/) de skywardcode ( [@skywardcode](https://codepen.io/skywardcode) ) en [CodePen](https://codepen.io) .
|
||||
|
||||
### Recursos
|
||||
|
||||
|
||||
Reference in New Issue
Block a user