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的值,如果之前取了,那么很多情况会弹出之前的内容这样的错误

 <script>
function goods_reward(){
$(function () {
var content=$('#goods_reward_layer').html();
layer.open({
title: [
'恭喜你获得',
]
,content: content
,anim: 'up'
});
});
}
</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、代码

 

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

  1. python 全栈开发,Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)

    昨日内容回顾 0. 组件注意事项!!! data属性必须是一个函数! 1. 注册全局组件 Vue.component('组件名',{ template: `` }) var app = new Vue ...

  2. C#实现多级子目录Zip压缩解压实例 NET4.6下的UTC时间转换 [译]ASP.NET Core Web API 中使用Oracle数据库和Dapper看这篇就够了 asp.Net Core免费开源分布式异常日志收集框架Exceptionless安装配置以及简单使用图文教程 asp.net core异步进行新增操作并且需要判断某些字段是否重复的三种解决方案 .NET Core开发日志

    C#实现多级子目录Zip压缩解压实例 参考 https://blog.csdn.net/lki_suidongdong/article/details/20942977 重点: 实现多级子目录的压缩, ...

  3. 《Invert》开发日志05:终止

    今天终于看了久闻大名的<独立游戏大电影>,然后我就做了一个坑爹的决定:终止“Invert”项目的开发.没错,在还没正式开工之前,我就决定停掉这个项目,而且是永久终止.做这个决定并不是因为觉 ...

  4. [课程设计]任务进度条&开发日志目录

    任务进度条&开发日志目录 周期 时间 任务 Sprint One   11.14     ●  Scrum团队分工及明确任务1.0    Sprint One   11.15   ●  Scr ...

  5. NET-SNMP开发——日志输出

    NET-SNMP开发——日志输出 net-snmp的日志输出功能是很强大的,与日志输出相关函数声明在net-snmp-5.7.3\include\net-snmp\library\snmp_loggi ...

  6. 仿酷狗音乐播放器开发日志十九——CTreeNodeUI的bug修复二(附源码)

    转载请说明原出处,谢谢 今天本来打算把仿酷狗播放列表的子控件拖动插入功能做一下,但是仔细使用播放列表控件时发现了几个逻辑错误,由于我的播放 列表控件是基于CTreeViewUI和CTreeNodeUI ...

  7. .NET Core开发日志——Entity Framework与PostgreSQL

    Entity Framework在.NET Core中被命名为Entity Framework Core.虽然一般会用于对SQL Server数据库进行数据操作,但其实它还支持其它数据库,这里就以Po ...

  8. .NET Core开发日志——RequestDelegate

    本文主要是对.NET Core开发日志--Middleware的补遗,但是会从看起来平平无奇的RequestDelegate开始叙述,所以以其作为标题,也是合情合理. RequestDelegate是 ...

  9. Chino 操作系统开发日志 (1) - 为 IoT 而生

    引言 很多人都听说过 IoT (物联网)这个词,越来越多的人在装修时开始选择智能家居,很多人也购买智能音箱做智能家居控制,想必未来一定是 AI + 物联网的时代. 一种技术要发展并走向成熟必须要降低门 ...

随机推荐

  1. 20145320《网络对抗》逆向及Bof基础实践

    1 逆向及Bof基础实践说明 1.1 实践目标 本次实践的对象是一个名为pwn20145320的linux可执行文件. 该程序正常执行流程是:main调用foo函数,foo函数会简单回显任何用户输入的 ...

  2. 二进制枚举例题|poj1222,poj3279,poj1753

    poj1222,poj3279,poj1753 听说还有 POJ1681-画家问题 POJ1166-拨钟问题 POJ1054-讨厌的青蛙

  3. 【Finchley】【新特性】Spring Cloud Finchley 新特性

    Finchley 正式版的发布貌似经历了相当长的时间,这次的重大发布主要带来了以下 4 项重大更新. 重大更新 1.新增 Spring Cloud Gateway 组件 Spring Cloud Ga ...

  4. Eclipse 创建maven项目 报错 one or more constraints have not been satisfied

    首先 在 pom.xml > plugins 中添加 <plugin> <groupId>org.apache.maven.plugins</groupId> ...

  5. Summary on Visual Tracking: Paper List, Benchmarks and Top Groups

    Summary on Visual Tracking: Paper List, Benchmarks and Top Groups 2018-07-26 10:32:15 This blog is c ...

  6. java web项目在linux部署、启动,查看系统配置常用的linux命令总结

    本文为博主原创,未经允许不得转载: 以下为在工作中常用的linux命令进行了总结,主要在项目安装及启动,及编辑部署文件时应用较多1.gz文件是一种压缩文件. 以·tar.gz为扩展名的是一种压缩文件, ...

  7. pyqt笔记1模块 信号和插槽

    资料 PyQt5图形界面编程 PyQt5指南 模块 PyQt5本身拥有超过620个类和6000函数及方法. QtCore模块涵盖了包的核心的非GUI功能,此模块被用于处理程序中涉及到的 time.文件 ...

  8. 【译】第18节---数据注解-ForeignKey

    原文:http://www.entityframeworktutorial.net/code-first/foreignkey-dataannotations-attribute-in-code-fi ...

  9. Oracle spatial、openlayers、geoserver开发地理信息系统总结

    感谢开源,使用OpenLayers+Geoserver的地理信息系统开发很简单,完全可以套用开发MIS系统的经验,我这里总结为三个步骤: 1.数据准备 2.数据发布 3.数据展现 我将按照这个思路来介 ...

  10. 【Java】【图形】

    /* 栗子 了解swing */import javax.swing.*;public class test_swing extends JFrame { //继承JFrame顶层容器类(可以添加其他 ...