• legend2---开发日志7(vue的使用场景有哪些,或者说使用的优缺点)


    legend2---开发日志7(vue的使用场景有哪些,或者说使用的优缺点)

    一、总结

    一句话总结:任何页面都可以使用vue,尤其是有交互的或者用ajax的,但是vue插件及其它各种插件加载需要时间,所以会有延迟

    交互较多又想页面不重新刷新的
    ajax通信的
    优点:vue双向绑定省掉页面更新的那些js 缺点:vue加载延迟

    1、让标签上移用什么操作(比如子元素和母元素之间有间隔,但是不方便操作母元素,要让子元素和母元素靠近点)?

    margin_负数

    margin是有负数的

    <ul class="list-group list-group-unbordered" style="margin-top: -20px;"></ul>

    2、“Unsupported operand types 不支持的操作数据类型”错误实例?

    $reward_num_base*10*$xiulian_type_speed_s  $xiulian_type_speed_s为数组
    $reward_num_base*10*$xiulian_type_speed_s

    改成下面这样就对了

    doubleval($reward_num_base)*10*doubleval($xiulian_type_speed_s)

    原因是因为 $xiulian_type_speed_s为一个数组

    3、js保留两位小数?

    a.toFixed(2)

    js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数。

    • <script language="javascript"> 
    • document.write("<h1>JS保留两位小数例子</h1><br>");  
    •    var a=2.1512131231231321;  
    •    document.write("原来的值:"+a+"<br>");  
    •    document.write("两位小数点:"+a.toFixed(2)+"<br>四位小数点"+a.toFixed(4));  
    • </script>
    
    

    4、函数名命名比较好的方法?

    意群 不同意群之间下划线

    用意群的方式来命名,不同意群之间用下划线分隔

    public static function get_levelAndType_moneyNum($money_level,$money_type)

    5、div1套img,有padding和border,div1的父亲的宽度是50px,img的宽度是50px,div1的宽度超过了50px,我想要div1的宽度是50px如何做?

    box-sizeing属性 border-box

    设置box-sizeing属性为border-box即可

    6、layer.js的正确使用方式(关于传进去的弹出内容content的获取时机)?

    layer.open的时候取弹出内容的值

    layer在open的时候再取content的值,如果之前取了,那么很多情况会弹出之前的内容这样的错误

     1 <script>
     2     function goods_reward(){
     3         $(function () {
     4             var content=$('#goods_reward_layer').html();
     5             layer.open({
     6                 title: [
     7                     '恭喜你获得',
     8                 ]
     9                 ,content: content
    10                 ,anim: 'up'
    11             });
    12         });
    13     }
    14 </script>

    7、vue如何直接修改属性,比如img的src属性?

    v-bind:src="变量名"

    里面直接是变量名,不用再加大括号

    <img class="img-circle" v-bind:src="perReward.picture">

    8、如果vue的某个data等于window的某个data,如果window的这个data改变vue相应的没有改变,我们应该怎么办?

    直接改变vue的那个data

    直接对vm_loadBlog.blog_load_log赋值就好

    <script>
        $(function () {
            vm_loadBlog=new Vue({
                el: '#load_blog_box',
                data: {
                    blog_load_log: window.blog_load_log,
                }
            })
        });
        function load_blog() {
            let days_load_blog=$('#days_load_blog').val();
            console.log(days_load_blog);
            //步骤三:ajax请求服务器
            $.post("{:url('blog.do_question/submit_question')}", { 'days_load_blog': days_load_blog} ,function (data) {
                console.log(data);
                if(data.operation_success==true){
    
                    //alert('成功');
                }else{
                    alert('题目提交失败');
                }
            });
        }
    
    </script>

    9、Windows 2008 R2服务器ie每次访问网站都要添加信任,取消添加信任后别的网站都进不去,这样的问题如何解决?

    根源在ie  ie->Internet选项->安全里面添加信任网站 ie极不好用
    下载别的浏览器

    ie无法进入网站,是需要设置ie,就在ie的internet选项的安全里面设置,

    里面可以添加信任网站,可以添加360下载的信任网站,然后下载360极速浏览器,然后所有的问题都解决了

    ie极不好用

    10、vue的使用策略是什么:什么页面使用vue,当前已经用php做好的页面要不要变?

    后面新添加的页面再使用vue 当前已经做好的页面先不要变

    后面新添加的页面再使用vue,当前已经做好的页面先不要变,这样能最大程度的加快进度和效率

    二、内容在总结中

    1、相关知识

     

    2、代码

     
  • 相关阅读:
    jQuery代码优化的9种方法
    关于javascript代码优化的8点建议
    javascript编码标准
    前端学算法之算法复杂度
    前端学算法之算法模式
    前端学算法之搜索算法
    前端学算法之排序算法
    前端学数据结构之图
    前端学数据结构之树
    前端学数据结构之字典和散列表
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/10668399.html
Copyright © 2020-2023  润新知