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. Vue 中的动画特效

    Vue 中的动画特效 CSS 实现标签显隐 <!DOCTYPE html> <html lang="en"> <head> <meta c ...

  2. oracle RAC如何正确地删除ASM磁盘组

    1.登录到命令行 切换到grid用户 [grid@swnode1 ~]$ sqlplus / as sysasm SQL*Plus: Release Production on Wed May :: ...

  3. [c/c++] programming之路(7)、数据类型转换、偷钱小程序、进制转换

    一.数据类型转换 #include<stdio.h> //某些场合,必须进行数据类型转换,以匹配调用 void main0(){ printf();//printf不管你是什么类型,解析失 ...

  4. 网络存储结构简明分析—DAS、NAS和SAN 三者区别

    存储的总体分类     主流存储结构   网络存储结构大致分为三种:直连式存储(DAS:Direct Attached Storage).存储区域网络(SAN:Storage Area Network ...

  5. CentOS 安装 MongoDB

    一.安装mongodb 本文介绍的安装方式是以二进制方式离线安装,相当于windows"绿色"安装版本的概念. 下载mongodb: # https://www.mongodb.c ...

  6. Python 数据分析 - 索引和选择数据

    loc,iloc,ix三者间的区别和联系 loc .loc is primarily label based, but may also be used with a boolean array. 就 ...

  7. vim改善生活的几个插件

    vim改善生活的几个插件 http://www.cnblogs.com/lovesaber/archive/2012/01/06/2315343.html

  8. P3899 [湖南集训]谈笑风生

    题目链接 https://www.lydsy.com/JudgeOnline/problem.php?id=3653 https://www.luogu.org/problemnew/show/P38 ...

  9. sublime使用技巧总结

    软件右下角可以选择文档语法模式 Ctrl + Shift + P ------------------命令模式sshtml模糊匹配-----语法切换到html模式,同理所得,ss+相应文件名匹配相应模 ...

  10. Restructure output of R summary function

    Treat it as a data.frame: set.seed(1)x <- sample(30, 100, TRUE) summary(x)#    Min. 1st Qu.  Medi ...