목차
PHP 依赖注入,从此不再考虑加载顺序,从此不再加载
php教程 php手册 PHP 依赖注入,从此不再考虑加载顺序,从此不再加载

PHP 依赖注入,从此不再考虑加载顺序,从此不再加载

Jun 13, 2016 am 08:47 AM
jquery

PHP 依赖注入,从此不再考虑加载顺序,从此不再加载

说这个话题之前先讲一个比较高端的思想--'依赖倒置原则'

"依赖倒置是一种软件设计思想,在传统软件中,上层代码依赖于下层代码,当下层代码有所改动时,上层代码也要相应进行改动,因此维护成本较高。而依赖倒置原则的思想是,上层不应该依赖下层,应依赖接口。意为上层代码定义接口,下层代码实现该接口,从而使得下层依赖于上层接口,降低耦合度,提高系统弹性"

 

上面的解释有点虚,下面我们以实际代码来解释这个理论

比如有这么条需求,用户注册完成后要发送一封邮件,然后你有如下代码:

先有邮件类'Email.class.php'

<span>class</span> <span>Mail</span><span>{
    </span><span>public</span> <span>function</span><span> send()
    {
        </span><span>/*</span><span>这里是如何发送邮件的代码</span><span>*/</span><span>
    }
}</span>
로그인 후 복사

然后又注册的类'Register.class.php'

<span>class</span><span> Register{
    </span><span>private</span> <span>$_emailObj</span><span>;

    </span><span>public</span> <span>function</span><span> doRegister()
    {
        </span><span>/*</span><span>这里是如何注册</span><span>*/</span>

        <span>$this</span>->_emailObj = <span>new</span> <span>Mail</span><span>();
        </span><span>$this</span>->_emailObj->send();<span>//</span><span>发送邮件</span>
<span>    }
}</span>
로그인 후 복사

然后开始注册

<span>include</span> 'Mail.class.php'<span>;
</span><span>include</span> 'Register.class.php'<span>;
</span><span>$reg</span> = <span>new</span><span> Register();
</span><span>$reg</span>->doRegister();
로그인 후 복사

看起来事情很简单,你很快把这个功能上线了,看起来相安无事... xxx天过后,产品人员说发送邮件的不好,要使用发送短信的,然后你说这简单我把'Mail'类改下...

又过了几天,产品人员说发送短信费用太高,还是改用邮件的好... 此时心中一万个草泥马奔腾而过...

这种事情,常常在产品狗身上发生,无可奈何花落去...

以上场景的问题在于,你每次不得不对'Mail'类进行修改,代码复用性很低,高层过度依赖于底层。那么我们就考虑'依赖倒置原则',让底层继承高层制定的接口,高层依赖于接口。

<span>interface</span> <span>Mail</span><span>
{
    </span><span>public</span> <span>function</span><span> send();
}</span>
로그인 후 복사
<span>class</span> Email <span>implements</span> <span>Mail</span><span>()
{
    </span><span>public</span> <span>function</span><span> send()
    {
        </span><span>//</span><span>发送Email</span>
<span>    }
}</span>
로그인 후 복사
<span>class</span> SmsMail <span>implements</span> <span>Mail</span><span>()
{
    </span><span>public</span> <span>function</span><span> send()
    {
        </span><span>//</span><span>发送短信</span>
<span>    }
}</span>
로그인 후 복사
<span>class</span><span> Register
{
    </span><span>private</span> <span>$_mailObj</span><span>;

    </span><span>public</span> <span>function</span> __construct(<span>Mail</span> <span>$mailObj</span><span>)
    {
        </span><span>$this</span>->_mailObj = <span>$mailObj</span><span>;
    }

    </span><span>public</span> <span>function</span><span> doRegister()
    {
        </span><span>/*</span><span>这里是如何注册</span><span>*/</span>
        <span>$this</span>->_mailObj->send();<span>//</span><span>发送信息</span>
<span>    }
}</span>
로그인 후 복사

下面开始发送信息

<span>/*</span><span> 此处省略若干行 </span><span>*/</span>
<span>$reg</span> = <span>new</span><span> Register();
</span><span>$emailObj</span> = <span>new</span><span> Email();
</span><span>$smsObj</span> = <span>new</span><span> SmsMail();

</span><span>$reg</span>->doRegister(<span>$emailObj</span>);<span>//</span><span>使用email发送</span>
<span>$reg</span>->doRegister(<span>$smsObj</span>);<span>//</span><span>使用短信发送</span><span>
/*</span><span> 你甚至可以发完邮件再发短信 </span><span>*/</span>
로그인 후 복사

上面的代码解决了'Register'对信息发送类的依赖,使用构造函数注入的方法,使得它只依赖于发送短信的接口,只要实现其接口中的'send'方法,不管你怎么发送都可以。上例就使用了"注入"这个思想,就像注射器一样将一个类的实例注入到另一个类的实例中去,需要用什么就注入什么。当然"依赖倒置原则"也始终贯彻在里面。"注入"不仅可以通过构造函数注入,也可以通过属性注入,上面你可以可以通过一个"setter"来动态为"mailObj"这个属性赋值。

上面看了很多,但是有心的读者可能会发现标题中"从此不再考虑加载顺序"这个字眼,你上面的不还是要考虑加载顺序吗? 不还是先得引入信息发送类,然后在引入注册类,然后再实例化吗? 如果类一多,不照样晕!

确实如此,现实中有许多这样的案例,一开始类就那么多,慢慢的功能越来越多,人员越来越多,编写了很多类,要使用这个类必须先引入那个类,而且一定要确保顺序正确。有这么个例子, "a 依赖于b, b 依赖于c, c 依赖于 d, d 依赖于e", 要获取'a'的实例,你必须依次引入 'e,d,c,b'然后依次进行实例化,老的员工知道这个坑,跳过去了。某天来了个新人,他想实例化'a' 可是一直报错,他都不造咋回事,此时只能看看看'a'的业务逻辑,然后知道要先获取'b'的实例,然后在看'b'的业务逻辑,然后... 一天过去了,他还是没有获取到'a'的实例,然后领导来了...

那这个事情到底是新人的技术低下,还是当时架构人员的水平低下了?

现在切入话题,来实现如何不考虑加载顺序,在实现前就要明白要是不考虑加载顺序就意味着让程序自动进行加载自动进行实例化。类要实例化,只要保证完整的传递给'__construct'函数所必须的参数就OK了,在类中如果要引用其他类,也必须在构造函数中注入,否则调用时仍然会发生错误。那么我们需要一个类,来保存类实例化所需要的参数,依赖的其他类或者对象以及各个类实例化后的引用

该类命名为盒子 'Container.class.php', 其内容如下:

<span>/*</span><span>*
*    依赖注入类
</span><span>*/</span>
<span>class</span><span> Container{
    </span><span>/*</span><span>*
    *@var array 存储各个类的定义  以类的名称为键
    </span><span>*/</span>
    <span>private</span> <span>$_definitions</span> = <span>array</span><span>();

    </span><span>/*</span><span>*
    *@var array 存储各个类实例化需要的参数 以类的名称为键
    </span><span>*/</span>
    <span>private</span> <span>$_params</span> = <span>array</span><span>();

    </span><span>/*</span><span>*
    *@var array 存储各个类实例化的引用
    </span><span>*/</span>
    <span>private</span> <span>$_reflections</span> = <span>array</span><span>();

    </span><span>/*</span><span>*
    * @var array 各个类依赖的类
    </span><span>*/</span>
    <span>private</span> <span>$_dependencies</span> = <span>array</span><span>();

    </span><span>/*</span><span>*
    * 设置依赖
    * @param string $class 类、方法 名称
    * @param mixed $defination 类、方法的定义
    * @param array $params 类、方法初始化需要的参数
    </span><span>*/</span>
    <span>public</span> <span>function</span> set(<span>$class</span>, <span>$defination</span> = <span>array</span>(), <span>$params</span> = <span>array</span><span>())
    {
        </span><span>$this</span>->_params[<span>$class</span>] = <span>$params</span><span>;
        </span><span>$this</span>->_definitions[<span>$class</span>] = <span>$this</span>->initDefinition(<span>$class</span>, <span>$defination</span><span>);
    }

    </span><span>/*</span><span>*
    * 获取实例
    * @param string $class 类、方法 名称
    * @param array $params 实例化需要的参数
    * @param array $properties 为实例配置的属性
    * @return mixed
    </span><span>*/</span>
    <span>public</span> <span>function</span> get(<span>$class</span>, <span>$params</span> = <span>array</span>(), <span>$properties</span> = <span>array</span><span>())
    {
        </span><span>if</span>(!<span>isset</span>(<span>$this</span>->_definitions[<span>$class</span><span>]))
        {</span><span>//</span><span>如果重来没有声明过 则直接创建</span>
            <span>return</span> <span>$this</span>->bulid(<span>$class</span>, <span>$params</span>, <span>$properties</span><span>);
        }

        </span><span>$defination</span> = <span>$this</span>->_definitions[<span>$class</span><span>];

        </span><span>if</span>(<span>is_callable</span>(<span>$defination</span>, <span>true</span><span>))
        {</span><span>//</span><span>如果声明是函数</span>
            <span>$params</span> = <span>$this</span>->parseDependencies(<span>$this</span>->mergeParams(<span>$class</span>, <span>$params</span><span>));
            </span><span>$obj</span> = <span>call_user_func</span>(<span>$defination</span>, <span>$this</span>, <span>$params</span>, <span>$properties</span><span>);
        }
        </span><span>elseif</span>(<span>is_array</span>(<span>$defination</span><span>))
        {
            </span><span>$originalClass</span> = <span>$defination</span>['class'<span>];
            </span><span>unset</span>(<span>$definition</span>['class'<span>]);

            </span><span>//</span><span>difinition中除了'class'元素外 其他的都当做实例的属性处理</span>
            <span>$properties</span> = <span>array_merge</span>((<span>array</span>)<span>$definition</span>, <span>$properties</span><span>);

            </span><span>//</span><span>合并该类、函数声明时的参数</span>
            <span>$params</span> = <span>$this</span>->mergeParams(<span>$class</span>, <span>$params</span><span>);
            </span><span>if</span>(<span>$originalClass</span> === <span>$class</span><span>)
            {</span><span>//</span><span>如果声明中的class的名称和关键字的名称相同 则直接生成对象</span>
                <span>$obj</span> = <span>$this</span>->bulid(<span>$class</span>, <span>$params</span>, <span>$properties</span><span>);
            }
            </span><span>else</span><span>
            {</span><span>//</span><span>如果不同则有可能为别名 则从容器中获取</span>
                <span>$obj</span> = <span>$this</span>->get(<span>$originalClass</span>, <span>$params</span>, <span>$properties</span><span>);
            }
        }
        </span><span>elseif</span>(<span>is_object</span>(<span>$defination</span><span>))
        {</span><span>//</span><span>如果是个对象 直接返回</span>
            <span>return</span> <span>$defination</span><span>;
        }
        </span><span>else</span><span>
        {
            </span><span>throw</span> <span>new</span> <span>Exception</span>(<span>$class</span> . ' 声明错误!'<span>);
        }
        </span><span>return</span> <span>$obj</span><span>;
    }

    </span><span>/*</span><span>*
    * 合并参数
    * @param string $class 类、函数 名称
    * @param array $params 参数
    * @return array
    </span><span>*/</span>
    <span>protected</span> <span>function</span> mergeParams(<span>$class</span>, <span>$params</span> = <span>array</span><span>())
    {
        </span><span>if</span>(<span>empty</span>(<span>$this</span>->_params[<span>$class</span><span>]))
        {
            </span><span>return</span> <span>$params</span><span>;
        }
        </span><span>if</span>(<span>empty</span>(<span>$params</span><span>))
        {
            </span><span>return</span> <span>$this</span>-><span>_params;
        }

        </span><span>$result</span> = <span>$this</span>->_params[<span>$class</span><span>];
        </span><span>foreach</span>(<span>$params</span> <span>as</span> <span>$key</span> => <span>$value</span><span>) 
        {
            </span><span>$result</span>[<span>$key</span>] = <span>$value</span><span>;
        }
        </span><span>return</span> <span>$result</span><span>;
    }

    </span><span>/*</span><span>*
    * 初始化声明
    * @param string $class 类、函数 名称
    * @param array $defination 类、函数的定义
    * @return mixed
    </span><span>*/</span>
    <span>protected</span> <span>function</span> initDefinition(<span>$class</span>, <span>$defination</span><span>)
    {
        </span><span>if</span>(<span>empty</span>(<span>$defination</span><span>))
        {
            </span><span>return</span> <span>array</span>('class' => <span>$class</span><span>);
        }
        </span><span>if</span>(<span>is_string</span>(<span>$defination</span><span>))
        {
            </span><span>return</span> <span>array</span>('class' => <span>$defination</span><span>);
        }
        </span><span>if</span>(<span>is_callable</span>(<span>$defination</span>) || <span>is_object</span>(<span>$defination</span><span>))
        {
            </span><span>return</span> <span>$defination</span><span>;
        }
        </span><span>if</span>(<span>is_array</span>(<span>$defination</span><span>))
        {
            </span><span>if</span>(!<span>isset</span>(<span>$defination</span>['class'<span>]))
            {
                </span><span>$definition</span>['class'] = <span>$class</span><span>;
            }
            </span><span>return</span> <span>$defination</span><span>;
        }
        </span><span>throw</span> <span>new</span> <span>Exception</span>(<span>$class</span>. ' 声明错误'<span>);
    }

    </span><span>/*</span><span>*
    * 创建类实例、函数
    * @param string $class 类、函数 名称
    * @param array $params 初始化时的参数
    * @param array $properties 属性
    * @return mixed
    </span><span>*/</span>
    <span>protected</span> <span>function</span> bulid(<span>$class</span>, <span>$params</span>, <span>$properties</span><span>)
    {
        </span><span>list</span>(<span>$reflection</span>, <span>$dependencies</span>) = <span>$this</span>->getDependencies(<span>$class</span><span>);

        </span><span>foreach</span> ((<span>array</span>)<span>$params</span> <span>as</span> <span>$index</span> => <span>$param</span><span>) 
        {</span><span>//</span><span>依赖不仅有对象的依赖 还有普通参数的依赖</span>
            <span>$dependencies</span>[<span>$index</span>] = <span>$param</span><span>;
        }

        </span><span>$dependencies</span> = <span>$this</span>->parseDependencies(<span>$dependencies</span>, <span>$reflection</span><span>);

        </span><span>$obj</span> = <span>$reflection</span>->newInstanceArgs(<span>$dependencies</span><span>);

        </span><span>if</span>(<span>empty</span>(<span>$properties</span><span>))
        {
            </span><span>return</span> <span>$obj</span><span>;
        }

        </span><span>foreach</span> ((<span>array</span>)<span>$properties</span> <span>as</span> <span>$name</span> => <span>$value</span><span>) 
        {
            </span><span>$obj</span>-><span>$name</span> = <span>$value</span><span>;
        }

        </span><span>return</span> <span>$obj</span><span>;
    }

    </span><span>/*</span><span>*
    * 获取依赖
    * @param string $class 类、函数 名称
    * @return array
    </span><span>*/</span>
    <span>protected</span> <span>function</span> getDependencies(<span>$class</span><span>)
    {
        </span><span>if</span>(<span>isset</span>(<span>$this</span>->_reflections[<span>$class</span><span>]))
        {</span><span>//</span><span>如果已经实例化过 直接从缓存中获取</span>
            <span>return</span> <span>array</span>(<span>$this</span>->_reflections[<span>$class</span>], <span>$this</span>->_dependencies[<span>$class</span><span>]);
        }

        </span><span>$dependencies</span> = <span>array</span><span>();
        </span><span>$ref</span> = <span>new</span> ReflectionClass(<span>$class</span>);<span>//</span><span>获取对象的实例</span>
        <span>$constructor</span> = <span>$ref</span>->getConstructor();<span>//</span><span>获取对象的构造方法</span>
        <span>if</span>(<span>$constructor</span> !== <span>null</span><span>)
        {</span><span>//</span><span>如果构造方法有参数</span>
            <span>foreach</span>(<span>$constructor</span>->getParameters() <span>as</span> <span>$param</span><span>) 
            {</span><span>//</span><span>获取构造方法的参数</span>
                <span>if</span>(<span>$param</span>-><span>isDefaultValueAvailable())
                {</span><span>//</span><span>如果是默认 直接取默认值</span>
                    <span>$dependencies</span>[] = <span>$param</span>-><span>getDefaultValue();
                }
                </span><span>else</span><span>
                {</span><span>//</span><span>将构造函数中的参数实例化</span>
                    <span>$temp</span> = <span>$param</span>-><span>getClass();
                    </span><span>$temp</span> = (<span>$temp</span> === <span>null</span> ? <span>null</span> : <span>$temp</span>-><span>getName());
                    </span><span>$temp</span> = Instance::getInstance(<span>$temp</span>);<span>//</span><span>这里使用Instance 类标示需要实例化 并且存储类的名字</span>
                    <span>$dependencies</span>[] = <span>$temp</span><span>;
                }
            }
        }
        </span><span>$this</span>->_reflections[<span>$class</span>] = <span>$ref</span><span>;
        </span><span>$this</span>->_dependencies[<span>$class</span>] = <span>$dependencies</span><span>;
        </span><span>return</span> <span>array</span>(<span>$ref</span>, <span>$dependencies</span><span>);
    }

    </span><span>/*</span><span>*
    * 解析依赖
    * @param array $dependencies 依赖数组
    * @param array $reflection 实例
    * @return array $dependencies
    </span><span>*/</span>
    <span>protected</span> <span>function</span> parseDependencies(<span>$dependencies</span>, <span>$reflection</span> = <span>null</span><span>)
    {
        </span><span>foreach</span> ((<span>array</span>)<span>$dependencies</span> <span>as</span> <span>$index</span> => <span>$dependency</span><span>) 
        {
            </span><span>if</span>(<span>$dependency</span><span> instanceof Instance)
            {
                </span><span>if</span> (<span>$dependency</span>->id !== <span>null</span><span>) 
                {
                    </span><span>$dependencies</span>[<span>$index</span>] = <span>$this</span>->get(<span>$dependency</span>-><span>id);
                } 
                </span><span>elseif</span>(<span>$reflection</span> !== <span>null</span><span>) 
                {
                    </span><span>$parameters</span> = <span>$reflection</span>->getConstructor()-><span>getParameters();
                    </span><span>$name</span> = <span>$parameters</span>[<span>$index</span>]-><span>getName();
                    </span><span>$class</span> = <span>$reflection</span>-><span>getName();
                    </span><span>throw</span> <span>new</span> <span>Exception</span>('实例化类 ' . <span>$class</span> . ' 时缺少必要参数:' . <span>$name</span><span>);
                }   
            }
        }
        </span><span>return</span> <span>$dependencies</span><span>;
    }
}</span>
로그인 후 복사

下面是'Instance'类的内容,该类主要用于记录类的名称,标示是否需要获取实例

<span>class</span><span> Instance{
    </span><span>/*</span><span>*
     * @var 类唯一标示
     </span><span>*/</span>
    <span>public</span> <span>$id</span><span>;

    </span><span>/*</span><span>*
     * 构造函数
     * @param string $id 类唯一ID
     * @return void
     </span><span>*/</span>
    <span>public</span> <span>function</span> __construct(<span>$id</span><span>)
    {
        </span><span>$this</span>->id = <span>$id</span><span>;
    }

    </span><span>/*</span><span>*
     * 获取类的实例
     * @param string $id 类唯一ID
     * @return Object Instance
     </span><span>*/</span>
    <span>public</span> <span>static</span> <span>function</span> getInstance(<span>$id</span><span>)
    {
        </span><span>return</span> <span>new</span> self(<span>$id</span><span>);
    }
}</span>
로그인 후 복사

然后我们在'Container.class.php'中还是实现了为类的实例动态添加属性的功能,若要动态添加属性,需使用魔术方法'__set'来实现,因此所有使用依赖加载的类需要实现该方法,那么我们先定义一个基础类 'Base.class.php',内容如下

<span>class</span><span> Base{
    </span><span>/*</span><span>*
    * 魔术方法
    * @param string $name
    * @param string $value
    * @return void
    </span><span>*/</span>
    <span>public</span> <span>function</span> __set(<span>$name</span>, <span>$value</span><span>)
    {
        </span><span>$this</span>->{<span>$name</span>} = <span>$value</span><span>;
    }
}</span>
로그인 후 복사

然后我们来实现'A,B,C'类,A类的实例 依赖于 B类的实例,B类的实例依赖于C类的实例

'A.class.php'

<span>class</span> A <span>extends</span><span> Base{
    </span><span>private</span> <span>$instanceB</span><span>;

    </span><span>public</span> <span>function</span> __construct(B <span>$instanceB</span><span>)
    {
        </span><span>$this</span>->instanceB = <span>$instanceB</span><span>;
    }

    </span><span>public</span> <span>function</span><span> test()
    {
        </span><span>$this</span>->instanceB-><span>test();
    }
}</span>
로그인 후 복사

'B.class.php'

<span>class</span> B  <span>extends</span><span> Base{
    </span><span>private</span> <span>$instanceC</span><span>;

    </span><span>public</span> <span>function</span> __construct(C <span>$instanceC</span><span>)
    {
        </span><span>$this</span>->instanceC = <span>$instanceC</span><span>;
    }

    </span><span>public</span> <span>function</span><span> test()
    {
        </span><span>return</span> <span>$this</span>->instanceC-><span>test();
    }
}</span>
로그인 후 복사

'C.class.php'

<span>class</span> C  <span>extends</span><span> Base{
    </span><span>public</span> <span>function</span><span> test()
    {
        </span><span>echo</span> 'this is C!'<span>;
    }
}de</span>
로그인 후 복사

然后我们在'index.php'中获取'A'的实例,要实现自动加载,需要使用SPL类库的'spl_autoload_register'方法,代码如下

<span>function</span> autoload(<span>$className</span><span>)
{
    </span><span>include_once</span> <span>$className</span> . '.class.php'<span>;
}
spl_autoload_register(</span>'autoload', <span>true</span>, <span>true</span><span>);
</span><span>$container</span> = <span>new</span><span> Container;

</span><span>$a</span> = <span>$container</span>->get('A'<span>);
</span><span>$a</span>->test();<span>//</span><span>输出 'this is C!'</span>
로그인 후 복사

上面的例子看起来是不是很爽,根本都不需要考虑'B','C' (当然,这里B,C 除了要使用相应类的实例外,没有其他参数,如果有其他参数,必须显要调用'$container->set(xx)'方法进行注册,为其制定实例化必要的参数)。有细心同学可能会思考,比如我在先获取了'A'的实例,我在另外一个地方也要获取'A'的实例,但是这个地方'A'的实例需要其中某个属性不一样,我怎么做到?

你可以看到'Container' 类的 'get' 方法有其他两个参数,'$params' 和 '$properties' , 这个'$properties' 即可实现刚刚的需求,这都依赖'__set'魔术方法,当然这里你不仅可以注册类,也可以注册方法或者对象,只是注册方法时要使用回调函数,例如

<span>$container</span>->set('foo', <span>function</span>(<span>$container</span>, <span>$params</span>, <span>$config</span><span>){
    </span><span>print_r</span>(<span>$params</span><span>);
    </span><span>print_r</span>(<span>$config</span><span>);
});

</span><span>$container</span>->get('foo', <span>array</span>('name' => 'foo'), <span>array</span>('key' => 'test'));
로그인 후 복사

还可以注册一个对象的实例,例如

<span>class</span><span> Test
{
    </span><span>public</span> <span>function</span><span> mytest()
    {
        </span><span>echo</span> 'this is a test'<span>;
    }
}

</span><span>$container</span>->set('testObj', <span>new</span><span> Test());

</span><span>$test</span> = <span>$container</span>->get('testObj'<span>);
</span><span>$test</span>->mytest();
로그인 후 복사

 

 以上自动加载,依赖控制的大体思想就是将类所要引用的实例通过构造函数注入到其内部,在获取类的实例的时候通过PHP内建的反射解析构造函数的参数对所需要的类进行加载,然后进行实例化,并进行缓存以便在下次获取时直接从内存取得

 

以上代码仅仅用于学习和实验,未经严格测试,请不要用于生产环境,以免产生未知bug

 

鄙人才疏学浅,有不足之处,欢迎补足!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 Feb 27, 2024 pm 06:45 PM

jQuery 참조 방법에 대한 자세한 설명: 빠른 시작 가이드 jQuery는 웹 사이트 개발에 널리 사용되는 JavaScript 라이브러리로, JavaScript 프로그래밍을 단순화하고 개발자에게 풍부한 기능을 제공합니다. 이 기사에서는 jQuery의 참조 방법을 자세히 소개하고 독자가 빠르게 시작할 수 있도록 구체적인 코드 예제를 제공합니다. jQuery 소개 먼저 HTML 파일에 jQuery 라이브러리를 도입해야 합니다. CDN 링크를 통해 소개하거나 다운로드할 수 있습니다.

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? Feb 28, 2024 pm 03:12 PM

jQuery에서 PUT 요청 방법을 사용하는 방법은 무엇입니까? jQuery에서 PUT 요청을 보내는 방법은 다른 유형의 요청을 보내는 것과 유사하지만 몇 가지 세부 사항과 매개 변수 설정에 주의해야 합니다. PUT 요청은 일반적으로 데이터베이스의 데이터 업데이트 또는 서버의 파일 업데이트와 같은 리소스를 업데이트하는 데 사용됩니다. 다음은 jQuery에서 PUT 요청 메소드를 사용하는 구체적인 코드 예제입니다. 먼저 jQuery 라이브러리 파일을 포함했는지 확인한 다음 $.ajax({u를 통해 PUT 요청을 보낼 수 있습니다.

jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? Feb 28, 2024 am 08:39 AM

jQuery를 사용하여 요소의 높이 속성을 제거하는 방법은 무엇입니까? 프런트엔드 개발에서는 요소의 높이 속성을 조작해야 하는 경우가 종종 있습니다. 때로는 요소의 높이를 동적으로 변경해야 할 수도 있고 요소의 높이 속성을 제거해야 하는 경우도 있습니다. 이 기사에서는 jQuery를 사용하여 요소의 높이 속성을 제거하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. jQuery를 사용하여 높이 속성을 연산하기 전에 먼저 CSS의 높이 속성을 이해해야 합니다. height 속성은 요소의 높이를 설정하는 데 사용됩니다.

jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. Feb 28, 2024 pm 09:06 PM

제목: jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. 웹 개발에서는 페이지의 요소를 수정하고 조작해야 하는 경우가 많습니다. jQuery를 사용할 때 페이지에 있는 모든 태그의 텍스트 내용을 한 번에 수정해야 하는 경우가 있는데, 이는 시간과 에너지를 절약할 수 있습니다. 다음은 jQuery를 사용하여 페이지의 모든 태그 텍스트를 빠르게 수정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 jQuery 라이브러리 파일을 도입하고 다음 코드가 페이지에 도입되었는지 확인해야 합니다. &lt

심층 분석: jQuery의 장점과 단점 심층 분석: jQuery의 장점과 단점 Feb 27, 2024 pm 05:18 PM

jQuery는 프런트엔드 개발에 널리 사용되는 빠르고, 작고, 기능이 풍부한 JavaScript 라이브러리입니다. 2006년 출시 이후 jQuery는 많은 개발자가 선택하는 도구 중 하나가 되었지만 실제 애플리케이션에서는 몇 가지 장점과 단점도 있습니다. 이 기사에서는 jQuery의 장점과 단점을 심층적으로 분석하고 구체적인 코드 예제를 통해 설명합니다. 장점: 1. 간결한 구문 jQuery의 구문 디자인은 간결하고 명확하여 코드의 가독성과 쓰기 효율성을 크게 향상시킬 수 있습니다. 예를 들어,

jQuery를 사용하여 모든 태그의 텍스트 내용 수정 jQuery를 사용하여 모든 태그의 텍스트 내용 수정 Feb 28, 2024 pm 05:42 PM

제목: jQuery를 사용하여 모든 태그의 텍스트 내용을 수정합니다. jQuery는 DOM 작업을 처리하는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. 웹 개발을 하다 보면 페이지에 있는 링크 태그(태그)의 텍스트 내용을 수정해야 하는 경우가 종종 있습니다. 이 기사에서는 jQuery를 사용하여 이 목표를 달성하는 방법을 설명하고 구체적인 코드 예제를 제공합니다. 먼저 페이지에 jQuery 라이브러리를 도입해야 합니다. HTML 파일에 다음 코드를 추가합니다.

jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? Feb 29, 2024 am 09:03 AM

jQuery 요소에 특정 속성이 있는지 어떻게 알 수 있나요? jQuery를 사용하여 DOM 요소를 조작할 때 요소에 특정 속성이 있는지 확인해야 하는 상황이 자주 발생합니다. 이 경우 jQuery에서 제공하는 메소드를 사용하여 이 기능을 쉽게 구현할 수 있습니다. 다음은 jQuery 요소에 특정 속성이 있는지 확인하기 위해 일반적으로 사용되는 두 가지 방법을 특정 코드 예제와 함께 소개합니다. 방법 1: attr() 메서드와 typeof 연산자를 // 사용하여 요소에 특정 속성이 있는지 확인

jQuery에서 eq의 역할 및 적용 시나리오 이해 jQuery에서 eq의 역할 및 적용 시나리오 이해 Feb 28, 2024 pm 01:15 PM

jQuery는 웹 페이지에서 DOM 조작 및 이벤트 처리를 처리하는 데 널리 사용되는 인기 있는 JavaScript 라이브러리입니다. jQuery에서 eq() 메서드는 지정된 인덱스 위치에서 요소를 선택하는 데 사용됩니다. 구체적인 사용 및 적용 시나리오는 다음과 같습니다. jQuery에서 eq() 메서드는 지정된 인덱스 위치에 있는 요소를 선택합니다. 인덱스 위치는 0부터 계산되기 시작합니다. 즉, 첫 번째 요소의 인덱스는 0이고 두 번째 요소의 인덱스는 1입니다. eq() 메소드의 구문은 다음과 같습니다: $("s

See all articles