data

Vue工作原理&实现双向绑定MVVM

 ̄綄美尐妖づ 提交于 2020-03-27 11:38:00
Vue工作原理&实现双向绑定MVVM 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 为了便于说明原理与实现,本文相关代码主要摘自 vue源码 , 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大家指正。不过这些并不会影响大家的阅读和理解,相信看完本文后对大家在阅读vue源码的时候会更有帮助< 本文所有相关代码均在github上面可找到 https://github.com/DMQ/mvvm 相信大家对mvvm双向绑定应该都不陌生了,一言不合上代码,下面先看一个本文最终实现的效果吧,和vue一样的语法,如果还不了解双向绑定,猛戳 Google <div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}</p> <button v-on:click="sayHi">change model</button> </div> <script src="./js/observer.js"></script> <script src="./js/watcher.js"></script> <script src="./js/compile.js"></script> <script src="./js

用jquery解析JSON数据的方法

纵饮孤独 提交于 2020-03-27 06:15:17
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下: 代码如下: var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }"; 这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦

用jquery解析JSON数据的方法

走远了吗. 提交于 2020-03-27 06:14:54
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下: 代码如下: var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }"; 这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦

jquery解析JSON数据的方法

为君一笑 提交于 2020-03-27 06:14:39
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下: 代码如下: var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'北京市'}, {name:'6102',value:'天津市'}, {name:'6103',value:'上海市'}, {name:'6104',value:'重庆市'}, {name:'6105',value:'渭南市'}, {name:'6106',value:'延安市'}, {name:'6107',value:'汉中市'}, {name:'6108',value:'榆林市'}, {name:'6109',value:'安康市'}, {name:'6110',value:'商洛市'} ] }"; 这里以jquery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。 1.对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦

Problem B: 数量的类模板

有些话、适合烂在心里 提交于 2020-03-27 06:02:18
Description 定义一个类模板Data,用于包装C++中的基本数据类型int和double。它包括: 1. 数据成员value为该对象所包装的值。 2. 无参构造函数(初始化value为0)和带参构造函数。 3. 重载的运算符:>、<、+以及<<。其中"+"返回和,不改变两个操作数的值。 4. 成员函数setValue用于设置value的值。 定义另一个类模板GetResult,它只有3个 静态 成员函数(以下“T"为类型参数): 1. static Data<T> getSum(Data<T> *arr, int num):求存储在arr中的num个Data对象的和,并返回由这个和构成的一个Data对象。 2. static Data<T> getMax(Data<T> *arr, int num):求存储在arr中的num个Data对象的最大值,并返回这个最大值对应的对象。 3. static Data<T> getMin(Data<T> *arr, int num):求存储在arr中的num个Data对象的最小值,并返回这个最小值对应的对象。 Input 输入分多行。 第一行M>0表示有M个测试用例。 只有的M行,每行开始有一个字母i或d,第二个是正整数N>0。如果第一个字母是i,则表示本行包括N个int类型的数据;如果第一个字母为d

如何改造vue-cli,将mockjs嵌入到webpack

寵の児 提交于 2020-03-27 00:11:27
最近准备开发一款 web app,是前后端并行开发的场景,因此需要 mock 一些数据,但是 vue 官网上发现没有跑在webpack上的例子。 案例数据来自网上。 一、安装 vue 脚手架并初始化 webpack 项目 //全局安装 vue-cli npm install vue-cli -g //创建一个基于 webpack 模板的新项目 vue init webpack mock-server-demo //切换至mock-server-demo目录 cd mock-server-demo 二、安装依赖 //我们使用axios来发起http请求 npm install axios --save //安装依赖mockjs npm install mockjs --save-dev 三、在项目根路径下创建mock文件夹 3-1 新建一个 index.js 文件,公共一个 get 请求 3-2 新建一个 util.js 文件,用来读取指定的 json 文件 3-3 新建一个 userInfo.json 文件,用来保存随机生成的一些数据 //index.js const Mock = require('mockjs');//mockjs 导入依赖模块 const util = require('./util');//自定义工具模块 //返回一个函数 module.exports =

Fetch()

徘徊边缘 提交于 2020-03-26 20:13:47
Fetch() javascript 发布于 2018-11-21 约 7 分钟 Fetch()提供了一种方式进行 跨网络异步请求资源 的方式,用于访问和操作HTTP管道的部分,比如: 请求和相应 。 fetch常见的坑: 接收到表示错误的HTTP状态码时,fetch()返回的Promise不会被标记为reject(即使状态码为404或500)。fetch()会将Promise状态标记为resolve(但resolve返回值但 OK 属性设置为 false )。网络故障或请求被阻止才会标记为reject。 fetch()不会从服务端发送或接收任何cookies。发送cookies 需要设置 fetch(url, {credentials: 'include'}) 选项。 原始XHR请求 var xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.responseType = 'json'; xhr.onload = function() { console.log(xhr.response); }; xhr.onerror = function() { console.log("Oops, error"); }; xhr.send(); fetch请求 fetch(url).then(function(response) {

LInux下mysql数据库安装

萝らか妹 提交于 2020-03-26 18:19:51
第一步、下载数据库   再建好的文件夹下面 wget https:/ /cdn.mysql.com/ /Downloads/MySQL- 5.7/mysql- 5.7. 29-linux-glibc2. 12-x86_64.tar.gz 下载数据库安装包,也可以官网下载(注意上传到服务器上是采用二进制) 第二步、环境配置   rpm -qa | grep mysql(检测是否安存在mysql) 有则rpm -e --nodeps 文件名;   rpm -qa | grep mariadb(检测是否存在mariadb) 有则 rpm -e --nodeps 文件名。 第三步、安装   tar -zxvf mysql-5.7.29-linux-glibc2.12-x86_64.tar.gz(解压)    mv mysql-5 .7 .29-linux-glibc2 .12-x86_64 mysql-5 .7 .29(重命名解压后文件夹)     groupadd mysql(添加用户组)   useradd -r -g mysql mysql(添加用户)   cd mysql-5.7.25(到该文件夹下)   mkdir data(创建data文件夹)    chown -R mysql.mysql /opt/mysql/mysql- 5.7. 29(将所有者及所属组改为mysql)

新方法删除对象的key(适用于form提交类数据)

独自空忆成欢 提交于 2020-03-26 15:24:29
我们只需要 efg参数,abcd是不需要的 1、传统方法 const data = {a:1,b:2,c:3,d:4,e:5,f:6,g:7} delete data.a Reflect.deleteProperty(data, "b"); delete data.c Reflect.deleteProperty(data, "d"); 2、解构 const data = {a:1,b:2,c:3,d:4,e:5,f:6,g:7} const {a,b,c,d,...rest} = data rest 即为我们需要的对象    来源: https://www.cnblogs.com/liuyueji/p/12574550.html

小程序预约时间页面周末未设置上班时间仍可点击预约的问题

穿精又带淫゛_ 提交于 2020-03-26 12:58:46
昨天接到后台反馈的小程序预约时间页面周末未设置上班时间仍可以点击预约的问题,一开始着实头疼,找了半天的bug。 问题如下: 还有一个致命的粗心问题(该问题为以前的开发者留下的) 里面data没有数据,进不去这个判断的。 修改为if(res.data.state == 0) 解决方法: 在判断里面添加以下代码,即可解决该bug for (var i = 0; i < that.data.hourList.length; i++){ var list = that.data.hourList; list[i].isShow = false; that.setData({ hourList: list }) } 效果如下: 来源: https://www.cnblogs.com/-ting/p/12573481.html