CSS中的font-weight属性可以设置以下字体加粗效果：normal：普通字体，不加粗。bold：粗体字，加粗效果比普通字体更明显。bolder：更粗的字体，加粗效果比bold更加明显。lighter：更细的字体，加粗效果比normal更加细微。数字值：数字值越大，加粗效果越明显。常用的数字值有400（普通字体）、700（粗体）、900（黑体）。需要注意的是，字体是否能够被加粗还与字体本身有关，不是所有字体都支持加粗效果。

HTML中的textarea标签可以设置以下常用属性：name：定义textarea的名称，用于表单提交时的识别。rows：定义textarea的行数。cols：定义textarea的列数。disabled：禁用textarea，使其无法编辑。readonly：将textarea设置为只读，用户无法编辑其中的文本。placeholder：定义textarea的占位符，提示用户应该在其中输入什么内容。required：设置textarea为必填项，表单提交时如果没有填写则会提示错误。maxlength：限制用户在textarea中输入的最大字符数。除此之外，还可以使用一些与样式相关的属性，如class、id、style等，来设置textarea的外观和样式。

在JavaScript中，对象展开运算符可以用于对一个对象进行浅拷贝（shallowcopy）、合并对象、添加属性和方法等操作。使用对象展开运算符（也称作扩展运算符）可以方便地对对象进行处理，使代码更加简洁易懂。对象展开运算符使用三个点（...）来表示，在处理对象时将它们展开为字面量形式。这个操作可以将一个对象的所有属性和方法展开为单独的键值对，也可以在创建一个新的对象时将现有的对象合并到其中。下面是一些常见的使用场景：浅拷贝对象浅拷贝操作可以复制现有对象的所有属性和方法到一个新的对象中，但是如果原始对象中的属性或方法是对象或数组，则只会复制它们的引用而不是创建新的对象。这就意味着，在新对象上修改这些属性或方法会影响原始对象。constobj1={name:'Alice',age:25};constobj2={...obj1};console.log(obj2);//{name:'Alice',age:25}合并对象使用对象展开运算符也可以将多个对象合并为一个。如果有重复的属性，后面的对象会覆盖前面的对象的同名属性。constobj1={name:'Alice',age:25};constobj2={job:'programmer',salary:50000};constobj3={...obj1,...obj2};console.log(obj3);//{name:'Alice',age:25,job:'programmer',salary:50000}添加属性和方法使用对象展开运算符还可以方便地添加新的属性和方法到现有的对象中。constobj1={name:'Alice',age:25};constobj2={...obj1,job:'programmer'};constobj3={...obj2,sayHello(){console.log(`Hello,mynameis${this.name}andIama${this.job}.`);}};obj3.sayHello();//Hello,mynameisAliceandIamaprogrammer.需要注意的是，对象展开运算符只能用于浅拷贝一个对象。如果需要深拷贝一个对象，应该使用其他的库或者手写函数来实现。

CSS中的border-width属性可以设置元素的边框宽度。它可以接受以下关键词或数值作为值：thin（细边框），等同于1像素；medium（中等边框），等同于3像素；thick（粗边框），等同于5像素；数值类型，可以是正整数或带有单位的数值，如px、em等；可以设置单独的边框宽度，如border-top-width、border-right-width、border-bottom-width、border-left-width等。举例来说，如果要为一个元素设置粗边框，可以使用以下代码：border-width:thick;如果要为元素的顶部边框设置边框宽度为2像素，可以使用以下代码：border-top-width:2px;需要注意的是，border-width属性只能设置边框的宽度，如果需要设置边框的样式和颜色，需要使用border-style和border-color属性。

HTML中的title标签可以设置以下属性：text：标题文本，用于在浏览器标签栏中显示页面标题。dir：指示文本方向的属性，可以设置为"ltr"（从左到右）或"rtl"（从右到左）。lang：指定标题文本语言的属性，使用语言代码，如"en"（英语）或"zh"（中文）。xml:lang：类似于lang属性，但用于XML文档。accesskey：指定访问页面标题的快捷键。tabindex：指定标题的Tab键顺序。onblur：定义在失去焦点时执行的脚本。onfocus：定义在获得焦点时执行的脚本。其中，text属性是最常用的，也是必需的属性，它定义了在浏览器标签栏中显示的页面标题。

display:flex是CSS中的一种布局方式，它可以将一个容器元素的子元素排列成一行或一列，并且可以通过设置各个子元素的属性来调整它们在容器中的位置和大小。使用flex布局有以下几个关键词：flex-direction：用于指定子元素的排列方向，可以是水平方向（即一行）或垂直方向（即一列）。justify-content：用于指定子元素在主轴上的对齐方式，可以是居中、靠左、靠右、两端对齐等等。align-items：用于指定子元素在交叉轴上的对齐方式，可以是居中、顶部对齐、底部对齐等等。flex-grow：用于指定子元素的放大比例，可以让一个或多个子元素占据剩余空间。flex-shrink：用于指定子元素的缩小比例，可以让一个或多个子元素在空间不足时自动缩小。总之，display:flex可以让我们更方便地实现一些常见的布局效果，如居中、两侧对齐、等高布局等等。

HTML中的table标签可以设置如下属性：border：表格边框的宽度，可以用像素值或者0来表示没有边框；cellpadding：单元格内容与单元格边框之间的距离；cellspacing：单元格之间的空格距离；width：表格的宽度；height：表格的高度；align：表格在页面中的对齐方式，可以是left、center、right；bgcolor：表格的背景颜色；summary：给表格一个概括性的描述；caption：给表格添加标题；colspan：单元格横向合并的数量；rowspan：单元格纵向合并的数量；scope：给表头单元格定义作用域，可以是col、row、colgroup、rowgroup等；headers：指定当前单元格的头部单元格；其中，border、cellpadding、cellspacing、width、height这几个属性是使用频率比较高的重要关键词。

展开运算符是JavaScript中一种常用的数据处理方式，它可以将一个数组或对象拆分成独立的元素或属性，并将它们插入到另一个数组或对象中。使用展开运算符可以简化代码，提高代码的可读性和可维护性。使用展开运算符处理数组使用展开运算符可以将一个数组拆分成独立的元素，并将它们插入到另一个数组中。例如：constarr1=[1,2,3];constarr2=[4,5,...arr1,6,7];console.log(arr2);//[4,5,1,2,3,6,7]在上面的例子中，展开运算符...arr1将数组arr1拆分成独立的元素1、2和3，并将它们插入到数组arr2中。除了在数组中插入元素之外，展开运算符还可以用来复制数组。例如：constarr1=[1,2,3];constarr2=[...arr1];console.log(arr2);//[1,2,3]在上面的例子中，展开运算符...arr1将数组arr1拆分成独立的元素1、2和3，并将它们插入到一个新的数组中，从而完成了数组的复制。使用展开运算符处理对象除了可以处理数组之外，展开运算符还可以用来处理对象。使用展开运算符可以将一个对象拆分成独立的属性，并将它们插入到另一个对象中。例如：constobj1={a:1,b:2,c:3};constobj2={d:4,e:5,...obj1,f:6};console.log(obj2);//{d:4,e:5,a:1,b:2,c:3,f:6}在上面的例子中，展开运算符...obj1将对象obj1拆分成独立的属性a、b和c，并将它们插入到对象obj2中。除了在对象中插入属性之外，展开运算符还可以用来复制对象。例如：constobj1={a:1,b:2,c:3};constobj2={...obj1};console.log(obj2);//{a:1,b:2,c:3}在上面的例子中，展开运算符...obj1将对象obj1拆分成独立的属性a、b和c，并将它们插入到一个新的对象中，从而完成了对象的复制。展开运算符还可以与解构赋值一起使用，用来提取对象中的部分属性。例如：constobj1={a:1,b:2,c:3};const{a,...rest}=obj1;console.log(a);//1console.log(rest);//{b:2,c:3}在上面的例子中，展开运算符...rest将除了属性a以外的其它属性拆分成一个新的对象，并将它们赋值给变量rest。

HTML中的input标签可以设置多种类型，常用的包括：文本输入框：type="text"密码输入框：type="password"单选框：type="radio"复选框：type="checkbox"日期选择框：type="date"时间选择框：type="time"邮箱输入框：type="email"数字输入框：type="number"搜索框：type="search"文件上传框：type="file"其中，文字输入框和密码输入框是最常见的，其他输入框根据需求进行选用。在使用时还可以结合使用一些属性来做更细致的控制，比如input标签中的placeholder属性、required属性等。

在JavaScript中，可以使用异步编程来避免阻塞线程并提高程序的响应速度。常用的异步编程方式包括回调函数、Promise对象和async/await。其中，Promise对象是一种常用的异步编程方式，它可以让我们更方便地处理异步操作的结果和错误。一个Promise对象包含了异步操作的状态和结果，它可以处于三种状态之一：进行中（pending）、已完成（fulfilled）和已拒绝（rejected）。当Promise对象的状态转变为已完成或已拒绝时，可以通过then()和catch()方法来处理它的结果或错误。创建一个Promise对象可以使用Promise构造函数，它接受一个函数作为参数，这个函数又接受两个参数resolve和reject，分别表示异步操作成功和失败时的处理函数。在异步操作完成后，调用resolve或reject函数来改变Promise对象的状态。//创建Promise对象letpromise=newPromise(function(resolve,reject){//异步操作//...if(/*异步操作成功*/){resolve(result);}else{reject(error);}});//处理Promise对象的结果或错误promise.then(function(result){//处理异步操作成功的结果}).catch(function(error){//处理异步操作失败的错误});除了使用原生的Promise对象，还可以使用一些基于Promise对象的库，如axios、fetch等，来更方便地进行异步操作。另外，async/await是ES2017中新增的异步编程方式，它通过async函数和await操作符来简化异步操作的代码。async函数会返回一个Promise对象，其中的异步操作可以使用await操作符来等待其结果，而不需要使用then()和catch()方法来处理。//使用async/await进行异步编程asyncfunctionfoo(){try{letresult=awaitsomeAsyncOperation();//处理异步操作的结果}catch(error){//处理异步操作的错误}}