老师问一个自己代码库的问题。

老师问一个自己代码库的问题。

7:10秒这里 老师说可以把这些函数 收藏起来 作为自己的代码库, 我想问的是,匹配的前提不是把str作为匹配对象,如:http://img1.sycdn.imooc.com//climg/5e5a6c6f09f295d208850131.jpg但是我们写代码 给标签写样式的时候不可能写在变量里头啊? 那要如何去获取标签 或者说元素内的标签里面的代码,然后把他-c 改转为驼峰形式的代码呢??


然后就是代码库自己是存起来到一个文本里面?以后开发的时候,代码的时候直接复制粘贴进去开发就行了?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

6回答
好帮手慕糖 2020-03-02 09:48:32

同学你好,是的,因为函数名是 toCamelCase,直接调用这个函数就可以了。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

好帮手慕糖 2020-03-01 18:30:48

同学你好,关于你的问题,回答如下:

1、myFn.js中是设置的js文件,如下:

http://img1.sycdn.imooc.com//climg/5e5b89f409bb6d8805480282.jpg

2、pratice.js中是封装下。且要将转驼峰的正则书写下,例:

http://img1.sycdn.imooc.com//climg/5e5b8e5209250b3e07460222.jpg

3、这样应该先进入pratice,再引入myFn,例:

http://img1.sycdn.imooc.com//climg/5e5b8a500937347b07540106.jpg

4、如下,调用函数得到的是函数的返回值,函数中缺少返回值,需要添加下。且使用类名获取的,是个集合,应该添加[0],如下,这样就可以获取到这个元素了。例:

http://img1.sycdn.imooc.com//climg/5e5b8aa809ec81f805780164.jpg

5、不过这样直接设置样式就行了,如下,就可以设置背景颜色了,不需要使用到转换驼峰的这个代码,例:

http://img1.sycdn.imooc.com//climg/5e5b8b3f09d20bc604310053.jpg

6、使用转驼峰的方式,要调用转驼峰的函数,整体可以参考如下:

http://img1.sycdn.imooc.com//climg/5e5b8e8b09f055c904330335.jpg

这个例子可能不太实用,因为我们可以直接设置,不过使用方式就是这样的,同学可以主要学习下方式哦。

如果我的回答帮助了你,欢迎采纳,祝学习愉快!

  • 提问者 陈立天 #1
    也就是说只要把两个js文件引入html后, 在myFn.js中写 一个 toCamelCase 就可以直接调用pratice.js中的函数了的意思吗?
    2020-03-01 19:53:36
  • 提问者 陈立天 #2
    看老师写的应该是这个意思?
    2020-03-01 19:53:52
提问者 陈立天 2020-03-01 16:03:01
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- <link rel="stylesheet"  type="text/css" href="/pratice.css"> -->
    <style type="text/css">
    .color{
        width: 200px;
        height: 200px;
        
    }
    </style>
</head>
<body>
    <div class="color"></div>
    <script type="text/javascript" src="/myFn.js"></script>
    <script type="text/javascript" src="/pratice.js"></script>
</body>
</html>
<script type="text/javascript" src="/myFn.js"></script>

var getElm=function(cls){
    document.getElementsByClassName(cls);
}

var color=getElm('color');

color{
    background-color:red;
}
    
    
    // -letter 转驼峰:
    function toCamelCase(str) {
    return str.replace(pattern, function (all, letter) {
      return letter.toUpperCase();
    })
    }

。。搞的有点蒙,不知道怎么联系起来 html js css 的写法都有点搞混了  我知道一个背景颜色没必要用转换也可以。我想搞懂这个思路,如何在一个js文件中引入另一个js文件代码库,给html修改这个背景颜色的思路而已

好帮手慕糖 2020-03-01 14:16:28

同学你好,引入js的方式是,先将封装的这个js库的代码引入。然后在进入当前的js,就可以使用js库中的内容哦。引入两个js即可。

不过看同学的这个思路,单纯设置个背景颜色,不需要转换也是可以的。

同学可以按照要实现的要求,考虑下具体的需求,自己先动手书写下代码,若是还是不成功,可以将要实现的具体效果,以及代码都粘贴过来,老师会帮助你修改的,这样自己动手实现的,印象才会更加深刻哦。

祝学习愉快~

提问者 陈立天 2020-03-01 11:47:10

老师能否给我举个例子 ,因为我不太会实际怎么运用。写一个具体的代码我看看??比如 在一个html网页中 有几个元素,然后我用单独的(外部)JS文件,获取到html的body 当中的一个元素,然后给这个元素加一个背景颜色? 前提是在这个单独的JS文件中 引入另外一个JS文件(也就是我的代码库)。要怎么操作啊? 能否写个实际的操作方法

好帮手慕糖 2020-03-01 10:42:25

同学你好,关于你的问题,回答如下:

1、是的,是指str。直接写在标签的时候,也不需要我们转换的。需要转换的话,肯定是在js进行转换,哪有的话,可以先在js中获取,然后赋值给一个变量。

又或者是在一个表单验证的时候,用户输入的内容是有连字符的,我们都可以将其转换为驼峰形式,不一定指属性。

2、同学说的这是一个方法,可以直接复制。或者可以单独写一个js文档,里面存在封装的函数,使用的时候引入文件调用方法即可。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师