zoukankan      html  css  js  c++  java
  • 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、代码

     
  • 相关阅读:
    ICONS-图标库
    图形资源
    vue项目中,如果修改了组件名称,vscode编辑器会在引入修改组件的名字处提示红色波浪线 The file is in the program because:Imported via xxx Root file specified for compilation .
    接口在dev环境报跨域问题(has been blocked by CORS policy:Response to preflight request doesn't pass access control check:No 'Access-Control-Allow-Origin' header ispresent on the requested resource.),qa环境正常
    阿里云occ的图片文件URL用浏览器直接打开无法访问,提示This XML file does noe appear to have any style information associated with it. The document tree is shown below.
    vue 项目使用element ui 中tree组件 check-strictly 用法(父子不互相关联的反显情况)
    高德地图进行线路规划绘制标记点操作(vue)
    vue中实现拖拽调整顺序功能
    2021-01-22 浏览器相关知识
    2021-01-22 js 相关知识点
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/10668399.html
Copyright © 2011-2022 走看看