当前位置: 首页 > news >正文

手机网站做seo网站建设需要敲代码吗

手机网站做seo,网站建设需要敲代码吗,设计师学习网站,有趣的网站名称题目 编写一个程序,接收一个使用下划线命名法(underscore_case)编写的变量名列表,并将它们转换为驼峰命名法(camelCase)。 输入将来自插入到DOM中的文本区域(请参见下面的代码)&…

题目

编写一个程序,接收一个使用下划线命名法(underscore_case)编写的变量名列表,并将它们转换为驼峰命名法(camelCase)。
输入将来自插入到DOM中的文本区域(请参见下面的代码),在按下按钮时进行转换。
测试数据(粘贴到文本区域中)
underscore_case
first_name
Some_Variable
calculate_AGE
delayed_departure
应该输出以下内容(5个独立的console.log输出)

 underscoreCase            ✅ 
firstName                  ✅✅ 
someVariable               ✅✅✅ 
calculateAge               ✅✅✅✅ 
delayedDeparture           ✅✅✅✅✅

提示1:记住哪个字符定义了文本区域中的新行😉
提示2:解决方案只需要适用于由两个单词组成的变量,例如a_b
提示3:先不要担心✅。只有在变量名称转换正常工作后再处理它😉
提示4:这个挑战是故意设定为困难的,所以如果你卡住了,开始观看解决方案。然后暂停并继续!
之后,可以使用您自己的测试数据进行测试!
祝您好运 😀

document.body.append(document.createElement('textarea'));
document.body.append(document.createElement('button'));
const text = document.querySelector('textarea').value;

参考

document.body.append(document.createElement('textarea'));
document.body.append(document.createElement('button'));document.querySelector('button').addEventListener('click',function(){const text = document.querySelector('textarea').value;const rows = text.split('\n');for (const [i,row] of rows.entries()) {const [first, second] = row.toLowerCase().trim().split('_');const output = `${first}${second.replace(second[0],second[0].toUpperCase())}`;console.log(`${output.padEnd(20)}${'✅'.repeat(i+1)}`);}
})

在这里插入图片描述

注:
这段代码主要是通过JavaScript实现了以下功能:

  1. 动态创建了一个文本区域和一个按钮,并将它们添加到页面的元素中。
    ○ document.body.append(document.createElement(‘textarea’)) 创建了一个元素并将其添加到中。
    ○ document.body.append(document.createElement(‘button’)) 创建了一个元素并将其添加到中。
  2. 为按钮添加了一个点击事件监听器,当按钮被点击时执行相应的事件处理程序。
    ○ document.querySelector(‘button’) 选择器找到页面中的第一个元素。
    ○ .addEventListener(‘click’, function() { … }) 添加了一个点击事件监听器,并指定一个匿名函数作为事件处理程序。
  3. 在事件处理程序中,获取文本区域的值,并根据换行符拆分成多行文本。
    ○ const text = document.querySelector(‘textarea’).value 获取文本区域的值。
    ○ const rows = text.split(‘\n’) 使用换行符\n将文本拆分为多行,保存在rows数组中。
  4. 使用循环遍历每一行的文本,并对变量名进行转换。
    ○ for (const [i, row] of rows.entries()) { … } 使用for…of语法遍历rows数组的每一项,同时获取索引和当前行的值。
  5. 在每一行内部,使用下划线将变量名拆分为两部分,并将第二部分的首字母大写,然后合并为新的变量名。
    ○ const [first, second] = row.toLowerCase().trim().split(‘_’) 将当前行的文本转换为小写,去除前后空格,并使用下划线拆分为两个部分,保存在first和second中。
    ○ const output = first{second.replace(second[0], second[0].toUpperCase())}`` 将第一个部分first与第二个部分的首字母大写后的部分拼接为新的变量名output。
  6. 最后,输出转换后的变量名和相应的✅符号到控制台。
    ○ console.log(output.padEnd(20){‘✅’.repeat(i+1)}) 使用模板字符串将转换后的变量名和对应的✅符号输出到控制台。padEnd(20)使得变量名占据20个字符的宽度,然后使用’✅’.repeat(i+1)生成i+1个✅符号。
    这段代码涉及的JavaScript知识点包括DOM操作(动态创建元素、选择器、事件监听器)、字符串处理(大小写转换、拼接、填充)、数组迭代(for…of循环、entries()方法)、以及模板字符串的使用。
http://www.yayakq.cn/news/357129/

相关文章:

  • 用照片做视频的模板下载网站好烟台百度网站
  • 华大基因 网站建设网站说说模板.
  • 新媒体 网站建设 管理规范wordpress版本不一致如何更换空间
  • 中化建工北京建设投资有限公司网站wordpress指定id文章
  • 网站开发的基本过程新浪 sae wordpress
  • 网站建设微信运营销售seo的优点
  • 模板网站多少钱做网站中心
  • 网站职业培训学校三只松鼠网络营销方案
  • 红色网站 后台外贸网站seo优化方案
  • 新乡商城网站建设价格asp.net不适合做网站
  • 建设网站一般要多久原创文章代写
  • 做网站有弹窗叫什么做柜子喜欢上哪些网站看
  • 天津市工程建设交易网站查汗国中江县规划和建设局网站
  • 如何规划一个网站网页升级访问紧急通知狼
  • 响应式网站是怎么做的海南哪家公司做网站做的好
  • 网站 盈利模式郑州做网站企业
  • 网站如何做支付接口网站建设书籍赚客吧
  • 服务器打不开网站wordpress 又拍云加速
  • 网站群建设技术方案小程序制作二维码
  • 做好门户网站建设网站建设 合优企业
  • 高校校园网站建设项目的要求一天一元网站建设
  • 建设网站用什么服务器买卖域名的网站好
  • 临沂手机端建站模板学ui设计一般多少钱
  • 月刊可以用什么网站做58同城招聘 招聘网
  • 中文域名网站重庆建设工程信息网查询成绩
  • 学校二级网站建设自查情况核酸检测是否收费
  • 网站哪类业务建设投入会带来间接收益wordpress升级后编辑器没有
  • 西瓜编程网站怎么做安阳县事业单位招聘2023
  • 营销型网站有那些网站公司网站搭建费用
  • 天河网站建设设计大连建设网球场价格