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. python识别图片生成字符模式

    此python文件来自D7哥, 放在这里备份. 用法 python3 PIL\&argparse.py 1.jpg -o test.txt --width 300 --height 300 p ...

  2. Redhat7.4 vim编辑无颜色解决

    背景 发现使用vim时, 统一颜色, 不区分关键字 解决 vim /etc/profile 在文件的末尾加入下面这一行 export TERM=xterm

  3. PHP 重置数组为连续数字索引的几种方式

    原文链接:https://blog.csdn.net/zhang197093/article/details/78606916 推荐的方式  array_values 方法 这样方式无论对普通数组还是 ...

  4. App Store 审核指南

    App Store 审核指南 https://developer.apple.com/app-store/review/guidelines/cn/ https://developer.apple.c ...

  5. C#操作字符串方法总结

    /* ######### ############ ############# ## ########### ### ###### ##### ### ####### #### ### ####### ...

  6. extjs的使用笔记

    2006年jack slocum斯洛克姆 基于yui写的扩展前端框架(就是由一些前端可视化组件如表单,树, 表格,等组成的frameset或者叫做 ui engine),叫yui-ext, 后来成熟后 ...

  7. 颠倒的价牌|2013年蓝桥杯A组题解析第四题-fishers

    颠倒的价牌 小李的店里专卖其它店中下架的样品电视机,可称为:样品电视专卖店. 其标价都是4位数字(即千元不等). 小李为了标价清晰.方便,使用了预制的类似数码管的标价签,只要用颜色笔涂数字就可以了(参 ...

  8. 【无法使用yum安装软件】使用yum命令安装软件提示No package numactl.x86_64 available.

    在安装mysql时需要安装numactl.x86_64 使用yum -y install numactl.x86_64时报错 [root@sdp6 mysql]# yum -y install num ...

  9. 【修改密码】Linux下修改Mysql的用户(root)的密码

    修改的用户都以root为列.一.拥有原来的myql的root的密码: 方法一:在mysql系统外,使用mysqladmin# mysqladmin -u root -p password " ...

  10. js希尔排序

    function shellSort (arr) { var len = arr.length; var increment = Math.floor(len/2); while(increment! ...