助教统整 n 个方法帮助你写出更好的 CSS
总结作为六角学院助教一直以来审核作业上最容易碰上的问题,以及可以怎么应对。了解整篇文章将可以回避掉很多同学最常踩的坑!撰写程式并没有绝对的准则,留意文章可权衡的地方自行判断即可。本篇文章记录我撰写程式以来的经验与原则以及当六角学院助教审核同学时最常发现的问题。
总结作为六角学院助教一直以来审核作业上最容易碰上的问题,以及可以怎么应对。了解整篇文章将可以回避掉很多同学最常踩的坑!撰写程式并没有绝对的准则,留意文章可权衡的地方自行判断即可。本篇文章记录我撰写程式以来的经验与原则以及当六角学院助教审核同学时最常发现的问题。
在程式语言中最基本的问题就是问题就是如何纪录与操纵资料,牵扯到传值与传址的问题,这篇教学使用 JavaScript 搭配图表帮助你了解它们的差异。了解如何储存变数有助于更好的操控资料,避免出现改 A 却动到 B 的状况。
写程序久了会发现编写干净的可被维护的程序是一件相当困难的事情,其中一个造成维护困难的原因是因为「函数除外并返回结果除了过程中产生变化对其他的程序产生影响」,换句话说问题就是「不需要的结果,让程序变得捉摸不定理解难以」,应该纯粹了解函数的定义以及如何使用,以便更进一步编写干净的代码。
JavaScript 箭头函式是 ES6 版本中新增的语法,能够简洁明了地定义函式,并且已经被广泛的使用当中。于本篇文章中我们将会学习如何使用箭头函式来简化程式码,并且了解这个语法的特性以及要注意的地方,以及它可以被使用在那些场合当中。
我相信撰写程式并没有绝对的准则,但绝对有些常见可以权衡留意的地方。这篇文章记录著作为助教在检阅不同人写的代码的时候,留意到的一些潜在的问题……本篇文章主要是经验的浓缩,如果要详细的撰写建议可以参考看看无瑕的程式码,会有更全面的说明与案例。
绝大多数时候你不会想要使用「松散比对」,尝试使用「严格的比对」将程序撰写得严谨精确一些。在绝大多数的情况下,你不会想要使用松散比对,但是在某些情况下,可能会使用它会更为便利,本篇文章将介绍相关取舍,以及你可以在什么时候使用不同的比较方式。
如果你需要大于 3 层的嵌套,代表你已经搞砸了,应当考虑重构程式码,应当透过反转与封装程式来重构逻辑。这篇文章将详细的介绍现有问题以及使用 Guard Clauses 技巧撰写更好阅读的代码,也就是透过反转逻辑的技巧来撰写更少嵌套逻辑的程式。
为了优化网页加载顺序,本文通过实际案例说明为什么应该使用 HTML 内建的 `defer` 和 `async` 属性,先从问题出发再到三种解决方案与对比,利用原生 HTML Script 标签属性及能规划脚本的加载顺序。
搜寻列是普遍输入资料于 HTML 中最常用的方式之一,让我们学会如何使用它。本篇文章将会练习从无到有包含介面制作一个搜寻框,可以输入结果并比对现有资料显示关联的内容,是一个非常适合 JavaScript 新手的一道实用练习题目。
计数器是入门各大框架基本会见到的习题,可以说是任何 App 最低限度的功能展示。这次使用原生的 JavaScript 来重现该题目,并且一步一步的思考并改善结果,本篇文章将会练习制作一个具备加、减、重制功能的 JavaScript 计数器。
防抖与节流是前端效能主题中必定会出现的模式,对用户的输入进行适当的防抖与节流处理,除了有助于提升使用者体验之外,对开发者来说也节省掉许多潜在的资源浪费,透过实际案例还有动画图片一起来了解防抖与节流如何帮助我们提升程式效率。
了解单线程的 JavaScript 背后如何运作、并发处理事件背后的奥妙、拆解晦涩难懂的专有名词。浏览器执行环境中的 JavaScript 是单线程的,也就是一次只能执行一件事,如此一来其他事情就都会被搁置在后,让使用者等待。这是非常大的问题,但解决方法也非常的简单:「不要呆呆站在那里等!」。
待办事项是非常常见的习题,其中需求含括了增、删、读、改资料,充分的模拟到未来在操纵资料时会碰上的各种情境与问题。可以说各式各样的软体都是一种客制化的待办事项,透过制作待办事项足以熟悉编写应用的方方面面,跟着步骤写一次来练习基本的应用撰写。
在介绍到同步与非同步代码时,常常会以 setTimeout 或 setInterval 来模拟程式被非同步执行的状况,这两种「方法」都不算是 JavaScript 的一部分,不过大多主流执行环境都有提供 (浏览器、Node.js),是很好练习非同步处理 JavaScript 的起点,本文将会详细讲解其背后的故事与原理。
HTML 元素可以拥有自己的属性,用于表达各种类的资讯,像是从外观样式到无障碍资讯到各式各样的预设属性,而 data 属性是一个正式存储资料于 HTML 元素的属性,将资讯储存在 HTML 标签属性上,使 JavaScript 与 CSS 都能读取得到元素的资料。