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

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:softwarecodingphpphpstudyPHPTutorialWWWlegend2legendpublic"
  <Directory "D:softwarecodingphpphpstudyPHPTutorialWWWlegend2legendpublic">
    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({
             "90%",
            height: "100%",
            fontSize: "10em",
            borderWidth: 10
        }, 6000 );
    }
    setTimeout(function () {
        marquee_move();
    },3000);

二、内容在总结中

 
原文地址:https://www.cnblogs.com/Renyi-Fan/p/10727409.html