Technical-Articles-Collection

从网络收集的中文或中英文对照的技术文章合集，仅将其中提及的技术点作为资料备查。所有内容来自以下链接或网站：

• https://examples.javacodegeeks.com
• https://scotch.io
• https://www.codespeedy.com
• https://dzone.com
• https://www.ibm.com
• https://www.robinwieruch.de
• https://www.samanthaming.com
• https://developer.mozilla.org
• https://spring.io
• https://dmitripavlutin.com

目录（Contents）

Java

• Java SimpleDateFormat Example（Java SimpleDateFormat 类案例）
• Java Custom Exception Example（Java 自定义异常案例）
• How to design Classes and Interfaces（如何设计类和接口）
• 9 differences between Array and ArrayList in Java（Java 中数组和 ArrayList 的 9 个区别）
• Java optional parameters（Java 中的可选参数）
• 3 things every java developer should stop doing（每个 Java 开发者都应该停止的三件事）
• Java 8 中的 Streams API 详解
• Guidelines for using volatile variables（volatile 变量使用指南）
• Enabling Cross Origin Requests for a RESTful Web Service（为 RESTful Web 服务启用跨域请求）

JavaScript

• 5 Tips to Write Better Conditionals in JavaScript（优化 JavaScript 条件语句的 5 个技巧）
• Difference between JavaScript function in href and onclick（JavaScript 函数在 href 和 onclick 中的区别）
• How to Remove Array Duplicates in ES6（ES6 中如何删除数组重复元素）
• Use console.table to display your data（使用 console.table 展示数据）
• Better Array check with Array.isArray（Array.isArray 是更好的数组检查方式）
• ES6 Arrow Functions Cheatsheet（ES 6 箭头函数问题的备忘）
• Bad Variable Names to Avoid（避免糟糕的变量名）
• How to give your boolean variables a better name（怎样给 boolean 变量起一个好名字）
• Code Smell: No AND in Function name（函数名不要有 AND 在其中）
• Colorful Console Message（丰富多彩的控制台消息）
• JS Essentials: Falsy Values
• Refactoring the if Condition（重构 if 条件语句）
• 2 Ways to Merge Arrays in JavaScript（JavaScript 中合并数组的两种方法）
• 3 Ways to Clone Objects in JavaScript（JavaScript 中拷贝对象的三种方法）
• Flatten Array using Array.flat() in JavaScript（JavaScript 中使用 Array.flat() 扁平化数组）
• 5 Ways to Convert a Value to String in JavaScript（JavaScript 中转换数值为字符串的五种方法）
• Passing Arrays as Function Arguments（将数组作为函数参数传递）
• Quick Debug using || with console.log
• 5-Best-Practices-to-Write-Quality-Arrow-Functions（编写高质量箭头函数的五个最佳实践）
• Deep Dive into JavaScript's Array Map Method（深入研究 JavaScript 数组的 map 方法）

React

• How to useReducer in React?（在 React 中如何使用 useReducer）
• What is a Reducer in JavaScript?（JavaScript 中的 Reducer 是什么）
• What are Controlled Components in React?（什么是 React 的受控组件）
• React Function Components（React 的函数组件）
• React State Hooks: useReducer, useState, useContext（React 状态钩子：useReducer、useState、useContext）
• useReducer vs useState in React（useReducer 与 useState 在 React 中的对比）
• What are React Hooks?（React 钩子是什么？）
• React Conditional Rendering（React 的条件渲染）
• React Context（React 上下文）
• How to useContext in React（在 React 中如何使用 useContext）
• How to use React memo（如何使用 memo）
• How to useMemo in React（如何使用 useMemo）

CSS

• CSS :empty Selector
• CSS :not Selector
• Highlight text with HTML <mark> tag
• Strikethrough using HTML5
• Styling Placeholder Text with CSS
• CSS only-child
• HTML <kbd> Tag

General

• Cross-Origin Resource Sharing (CORS)（跨域资源共享）