legend2---开发日志10（ajax请求的方法是否同样会执行base控制器里面的方法）

一、总结

一句话总结：会执行的，所以写base控制器里面的方法要注意，base控制器里面的方法要以查数据为主，少改数据

【会执行的】，所以base控制器里面的方法要以【查数据为主】，【少改数据】，否则容易造成重复修改数据

1、html的onclick事件中调用vue的参数如何实现？

用v-on:click

vue中的方法和window的方法都可以

vue参数直接普通写法

用v-on:click，方法可以是vue中的方法和window的方法，vue参数直接普通写法就行，因为找得到

<a v-on:click="recruit_toubenHero(touben_hero.h_id)" class="btn btn-primary btn-xs">招募</a>

<ul class="users-list clearfix">

    <li v-for="touben_hero in touben_heroes">

        <a v-bind:href="touben_hero.url">

            <img v-bind:src="touben_hero.th_picture" alt="User Image">

            <span class="users-list-name" >{{ touben_hero.h_name }}</span>

            <span class="users-list-date">{{ touben_hero.h_10_aptitude_score }}</span>

        </a>

        <div style="padding-top: 3px;">

            <a v-on:click="recruit_toubenHero(touben_hero.h_id)" class="btn btn-primary btn-xs">招募</a>

        </div>

    </li>

</ul>

2、投奔来的英雄的页面端的自动更新如何实现（刷新投奔来的英雄，就是到了刷新时间就自动刷新投奔英雄）？

用vue的监听属性vue.$watch()

通过监听js的当前时间戳

判断符合条件就执行自动更新函数

用的vue的监听属性vue.$watch()，通过监听js的当前时间戳，判断符合条件就执行自动更新函数

<script>

    main_content.$watch('js_ts', function(nval, oval) {

        if(main_content.school_time.st_recruit_touben<=parseInt(nval/1000)){

            console.log(main_content.school_time.st_recruit_touben);

            refresh_toubenHero(0);

        }

    });

</script>

3、在apache中修改本机localhost的默认访问路径的方法是什么？

不设置ServerName

VirtualHost中为_default_:80

<VirtualHost _default_:80>
DocumentRoot "D:\software\coding\php\phpstudy\PHPTutorial\WWW\legend2\legend\public"
<Directory "D:\software\coding\php\phpstudy\PHPTutorial\WWW\legend2\legend\public">
    Options -Indexes -FollowSymLinks +ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
    Require all granted
</Directory>
</VirtualHost>

4、本机服务器用手机测试的方法及好处是什么？

避免在服务器上修改代码

同一局域网手机连电脑本地服务器

直接同一局域网手机连电脑本地服务器避免在服务器上修改代码

5、祭坛页vue控制的页面内容在手机chrome浏览器没显示出来的原因和解决办法是什么？

内容设置为了display:none 内容图片较多-加载要很久解决办法就是【取消这个display:none设置】

有很多内容的就没必要通过先隐藏加载完后显示的方法控制vue的延迟

设置为了display:none，虽然后面有让它在页面加载完后显示，但是可能因为页面图片较多，资源完全加载完要很久，所以很长时间显示不出来

解决办法就是取消这个display:none设置

有很多内容的就没必要通过先隐藏加载完后显示的方法控制vue的延迟

6、代码写清楚注释的好处是什么？

代码修改维护非常方便

7、file_get_contents(http://www.cnblogs.com/Renyi-Fan/archive/2019/04/18.html): failed to open stream: HTTP request failed! HTTP/1.1 503 Service Unavailable？

我已经加了user-agent，换个时间段就好了，也可以尝试没有报错的话就重新多请求几次的操作（涉及php异常处理知识）

这里的http很可疑，应该是https

我已经加了user-agent，换个时间段就好了，也可以尝试没有报错的话就重新多请求几次的操作（涉及php异常处理知识）

8、vue的数据值可以直接插入到属性内么？

可以还是要去看官方文档，菜鸟学院的和w3cschool的都有点过时

Mustache 标签也可以用在 HTML 特性 (Attributes) 内：

<div id="item-{{ id }}"></div>

注意在 Vue.js 指令和特殊特性内不能用插值。不必担心，如果 Mustache 标签用错了地方 Vue.js 会给出警告。

9、vue如何输出原始的html（比如从php传过来的数据里面包含原始的html）？

3个大括号标签不行 w3cschool和菜鸟学院的教程都有点过时

v-html 还是要去官网看教程

双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令：

<p>Using mustaches: {{ rawHtml }}</p>

<p>Using v-html directive: <span v-html="rawHtml"></span></p>

Using mustaches: <span >This should be red.</span>

Using v-html directive: This should be red.

这个 span 的内容将会被替换成为属性值 rawHtml，直接作为 HTML——会忽略解析属性值中的数据绑定。注意，你不能使用 v-html 来复合局部模板，因为 Vue 不是基于字符串的模板引擎。反之，对于用户界面 (UI)，组件更适合作为可重用和可组合的基本单位。

你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容使用插值。

10、在vue中使用jquery动画能够成功运行么？

不能，vue有自己的动画和过渡效果

这是jquery动画，在vue中不能正常运行，在vue外面就可以

    function marquee_move() {

        $("#broadcast_marquee").animate({

            width: "90%",

            height: "100%",

            fontSize: "10em",

            borderWidth: 10

        }, 6000 );

    }

    setTimeout(function () {

        marquee_move();

    },3000);

二、内容在总结中