Vue二次精度随笔（1）

1.button.input标签的disabled属性该标签可以控制按钮是否可用,如果他的值为以上几种的话,则他都不会在标签上渲染出这个属性,一旦这个属性出现的话,就说明他是禁用的 2.移除动态绑定,如果你在某种情况下不想要给标签动态绑定事件的话,那你就只需要给evenName赋值为null即可 3.计算属性(computed)和方法(methods)的区别 4.对象语法 5.vue元素的可复用渲染,如果不给每一个元素绑定独特的key值,则他会复用之前的元素以减少性能 6.v-show.v-i…

Vue二次精度随笔（2）

1.vue中数组更新是否会引起视图刷新的研究 (1)vue中修改数组可以引起视图刷新的方法 (2)不会引起数组刷新的方法,需要手动进行赋值 (3)有些数组的变化是不能够引起视图的刷新的,一个是修改数组长度,一个是通过索引设置数组的值,都不会引起视图刷新解决方法: 2.vue中对象的改变和视图的刷新的关系解决方法: 3.组件的is属性,可以通过is属性来将一个元素转化为外围的元素,但是他实际上还是原来的组件 4.点击事件的修饰符 5.v-model在不同的标签里面代表的值不同,而且输入中文的时…

Vue(二) 计算属性

模板内的表达式常用于简单的运算,当过长或逻辑复杂时,难以维护,计算属性就是解决该问题的什么是计算属性表达式如果过长,或逻辑更为复杂,就会变得臃肿甚至难以维护,比如: <div> {{ text.split('.').reverse().join('.') }} </div> 该表达式包含 3 个操作,并不是很清晰,可以用计算属性进行改写: <div id="app"> {{ reverseText }} </div> <scri…

vue 二维码长按保存和复制内容

效果图: 二维码用了 qrcode.vue npm install qrcode.vue --save 复制内容用了 vue-clipboard2 npm install vue-clipboard2 --save 二维码相关: <div class="qrcode"> <qrcode-vue :size="qrcodeSize" :value="shareUrl" id="picture" ><…

vue js计算精度问题处理，兼容XP系统

js计算精度问题(浮点数误差,大数计算出错) JavaScript 运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果. 网上教程一大篇,原理请百度,抄作业往下看!!! 对此问题借用Big.js进行处理,亲测Big.js可以兼容XP系统,某些插件在xp上运行会报错,已踩坑!!! 目前已经封装好插件,直接下载使用即可也可以自行下载Big.js 抄作业: npm install geom-math --save 在需要使用的文件引用 import math fro…

Vue.JS入门学习随笔

PS:先说说学习Vue的缘由吧,学习完了React之后,突然发现又出了一款叫做vue的框架,而且据说可以引领又一波新框架的潮流,我容易吗我!!! Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能…

一步一步学Vue(二)

接上篇,在本篇中,我们将要实现如下,功能,编辑和查询,我们当前的todolist程序,和线上其它的demo程序不同,我们会对其进行增删改查的基本操作,之后进行进一步的完善,按照常规的系统使用经验,一般我们新增和编辑都是在模态框中处理,这里我们不会去构建复杂的模态框,只用一个简单的div层来代替,后期接下来的文章中我们会重复造轮子,构建我们自己的轻量级框架(UI库). 首先,我们对我们的页面结构进行一下简单的调整,加入bootstrap只是为了让页面不那么赤裸裸,对其它不会有任何影响 <!DOCT…

Vue (二) --- Vue对象提供的属性功能

--------------------------------------------不是井里没有水,而是你挖的不够深. 3. Vue对象提供的属性功能 3.1 过滤器过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中. 定义过滤器的方式有两种. 3.1.1 使用Vue.filter()进行全局定义 Vue.filter("RMB1", function(v){ //就是来格式化(处理)v这个数据的 if(v==0){ return v…

vue二、脚手架搭建

1:安装nodeJs(下载一路回车) https://nodejs.org/zh-cn/ 2:检验nodeJs是否安装成功 (注意nodeJs是否添加到window路径中) 进入cmd -> node -v 3:安装淘宝cnpm,因为npm速度太慢(默认安装在AppData/Roaming/npm文件夹下) 进入cmd -> npm install -g cnpm --registry=https://registry.npm.taobao.org 4:安装vue-cli 进入cmd ->…

springboot+VUE(二)

入element-ui cnpm install element-ui -S 执行后,会下载element-ui的包到本地,同时会将配置加入到package.json的依赖块中. 通过命令行可以将最新版本加入进来,但如果想引入指定版本,则直接配置,并运行cnpm install就可以了. 如果启用了Eslint,可能会校验文件的格式,导致启动失败,可以在config/index.js文件中关闭ESlint配置启动后进行访问: 访问路径中多了#,这里与vue采用的路径模式有关.可以参考一下两篇文…

Vue(二)基础

01-vue的起步 1.引包 a) 直接下载,并用<script>标签引入 b) CDN方式引入: <script src="https://cdn.bootcss.com/vue/2.5.18-beta.0/vue.js"></script> c) npm install vue 2. 创建实例化对象: new Vue({ el:'#app', //目的地 data:{ //数据属性 //数据驱动视图 msg: 'hello vue', } 3.…

vue二次实战（二）

https://www.cnblogs.com/jellify/p/9522477.html install的弹出框中输入sublimeTmpl,找到sublimeTmpl这个插件后回车 Vue路由重定向和别名的区别 https://blog.csdn.net/u012302552/article/details/79227359(原网址) 重定向重定向也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b: const router = new VueRouter({…

vue二次实战（一）

创建好项目(npm run dev 运行项目:先不用运行,或先运行再关闭) 先安装axios! npm install axios 然后! npm install --save axios vue-axios 配置模板! import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) 在脚手架里面的用法! Vue.axios.get(api).the…

vue二次实战

vue爬坑之路 npm uninstall 模块名(删除指定模块) https://www.cnblogs.com/wisewrong/p/6255817.html vue快速入门 https://segmentfault.com/a/1190000003968020 VueJs2.0建议学习路线 http://www.cnblogs.com/smartXiang/p/6051086.html npm和yarn的区别 https://www.jianshu.com/p/254794d5e741…

前端框架开始学习Vue(二)

1 根据关键字实现数组的过滤 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css3.3.7/bootstrap.css"/> </head> <…

vue npm，Git随笔

下载模块: npm install <package-name> --save-dev 上线: npm run build 基本使用流程:1. npm install vue-cli -g 安装 vue命令环境验证安装ok? vue --version2. 生成项目模板 vue init <模板名> 本地文件夹名称3. 进入到生成目录里面 cd xxx npm install4. npm run dev elementUI: 如何使用: 1. 安装 element-ui np…

vue(二)--条件语句

条件语句:v-if v-else v-else-if v-show v-else .v-else-if 必须跟在 v-if 或者 v-else-if之后. 1.v-if <body> <div id="app"> <p v-if="seen">seen=true现在你看到我了</p> <template v-if="ok"> <h1>ttttt</h1…

VUE二生命周期详解

vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期,也就是从开始创建.初始化数据.编译模板.挂载Dom.渲染→更新→渲染.销毁等一系列过程,我们称这是Vue的生命周期.通俗说就是Vue实例从创建到销毁的过程,就是生命周期. 每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化.运行中.销毁. beforeCreate:实例.组件通过new Vue() 创建出来之后会初始化事件和生命周期,然后就会执行beforeCreate钩子函数,这个时候,数据还没有挂载呢,只是…

海康威视ISC平台的VUE二次开发接入实现

第一步取得ISC平台的appkey以及secret,以及安装ISC平台的主机IP,这一步至关重要!!! 第二步由于目前我所在的公司项目前端的代码均由vue所实现,所以利用vue-cli创建一个最简单的项目工程,别告诉我你不会,不会也可以,自己百度,然后找到index文件,别告诉我你找不到,全局搜索谢谢,在index.html文件中引入三个script文件,三个文件从哪来?海康的官网:Hikvision AI Cloud 开放平台请下载这个程序包,程序包里面有最基本的demo以及如何使用de…

从零开始学习Vue(二)

思维方式的变化 WebForm时代, Aspx.cs 取得数据,绑定到前台的Repeater之类的控件.重新渲染整个HTML页面.就是整个页面不断的刷新;后来微软打了个补丁,推出了AJAX控件,比如UpdatePanel,就不是整个HTML页面渲染了,只是渲染指定的UpdatePanel里面的DOM MVC时代, Controller的Method取得数据,传递到Model或者ViewBag,前台的Razor引擎就是比较纯粹的HTML了,对Model的数据做个循环,就能显示出需要的数据;这个方法…

linux学习二（小随笔）

1apt-get 解包命令 tar zxvf ......... 打包命令 tar czvf ......... gz gunzip ........gz gzip ..........gz ls -hl 查看文件大小 deb的包安装debian中需要dpkg -i axel 多线程断点工作 2.kali-linux Hackbar工具是一个小工具包…

vue的二维码生成器

vue项目开发的时候经常会遇到需要将一个网址链接转化为二维码的需求,方便用户扫描观看,以下就是我在寻找vue二维码生成器的时候踩过的坑. 不能用的二维码生成器 qrcode node-qrcode vue-qrcode qrcodejs2 建议使用 xkeshi/vue-qrcode,感谢知乎-vue二维码生成器 npm install xkeshi/vue-qrcode --save 组件中使用 <div v-show="qrcodeUrl" class…

基于vue来开发一个仿饿了么的外卖商城（二）

一.抽出头部作为一个组件,在底部导航的时候可以相应的显示不同的标题技术点:使用slot进行组件间的通信:父组件给子组件传值(子组件里面通过props接收父组件传过来的数据) 查看链接:https://blog.csdn.net/sinat_17775997/article/details/52484072 //components/HeaderTop/HeaderTop.vue <template> <header class="header"> <sl…

安装 vue.js和第一个hello world

一.在自己的项目文件中使用npm下载vue npm install vue 二.在文件中引入vue.js 三.第一个hello world 注:scritpt代码必须写在html代码的下面…

Matlab与C/C++联合编程之Matlab以MEX方式调用C/C++代码（二）

如果我有一个用C语言写的函数,实现了一个功能,如一个简单的函数: double add(double x, double y) { return x + y; } 现在我想要在Matlab中使用它,比如输入: >> a = add(1.1, 2.2) 3.3000 要得出以上的结果,那应该怎样做呢? 解决方法之一是要通过使用MEX文件,MEX文件使得调用C函数和调用Matlab的内置函数一样方便.MEX文件是由原C代码加上MEX文件专用的接口函数后编译而成的.可以这样理解,MEX文件实现了一种…

ioutil包二

ioutil包二 (原创随笔,转载请注明出处 http://www.cnblogs.com/majianguo/p/8016426.html) ioutil包实现了一些I/O实用功能,导出了7个函数和1个变量: func NopCloser(r io.Reader) io.ReadCloser func ReadAll(r io.Reader) ([]byte, error) func ReadDir(dirname string) ([]os.FileInfo, error) func Rea…