data | 易学教程

vue数据劫持和双向绑定原理

阅读更多关于 vue数据劫持和双向绑定原理

主要是用了 Object.defineProperty 重新定义了一下属性 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < meta http - equiv = "X-UA-Compatible" content = "ie=edge" > < title > Document33 < / title > < / head > < body > < p > name : < input type = "text" id = 'name' / > < / p > < p > age : < input type = "text" id = 'age' / > < / p > < div id = 'show' > < / div > < script > var oDiv = document . getElementById ( 'show' ) ; var nameO = document . getElementById ( 'name' ) ; var age = document . getElementById

Vue学习笔记-项目开发3.12使用keep-alive和activated优化网页功能

阅读更多关于 Vue学习笔记-项目开发3.12使用keep-alive和activated优化网页功能

一、原因分析 1、每一次页面的跳转都会发送一次请求，获取一次数据，这样在页面没有改动的情况下极大的耗费了资源，所以需要优化是由于在入口文件中有mounted函数，每次都会加载，导致每次页面切换都会重新加载数据 2、通过增加keep-alive进行优化，在数据加载过一次之后，会保存起来，下次直接在缓存中获取，减少请求次数。在根节点上增加二、activated 优化每次页面切换，如果没有数据的变化可以直接使用缓存中的数据，但是如果数据变化的话，那么缓存中的数据也要随之变化，此时keep-alive就不能满足要求，需要引入activated ，keep-alive的加入使得每次页面切换的时候mounted只记载一次，但是activated则每次页面变化都会加载，所以可以通过activated来实现我们在数据变化后的动作 < template > < div > < home - header > < / home - header > < home - swiper : list = "swiperList" > < / home - swiper > < home - icons : list = "iconList" > < / home - icons > < home - recommend : list = "recommendList" > < / home -

ajax GET和POST函数的封装。

阅读更多关于 ajax GET和POST函数的封装。

iOS:OC与JS交互

阅读更多关于 iOS:OC与JS交互

目的是为了在webView页面截取到js操作，然后跳出到本地进行处理第一种方法：使用原生的处理方式 1.下边是本地的 a.html 的源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <script> function test() { alert('clicked'); } function testParams(a, b){ alert(a+b); } </script> </head> <body> <button onclick="test()">点击我</button> <button onclick="testParams('hello', 123)">点击我(带参数)</button> </body> </html> 2.导入JavaScriptCore.framework，在需要调用的web页面加上头文件#import

ajax传值时各参数意义

阅读更多关于 ajax传值时各参数意义

$.ajax({ type:"GET", url:"test.json", data:{ username:$("#username").val(), content:$("#content").val() },//???这个data是发送到服务器的数据么 dataType:"json", success:function(data){//???这个data又是什么意思，和上面的那个data一样么 $('#restText').empty();//清空resText里面内容 var html=''; $.each(data, function( commentIndex, comment ){ html+='<div class="comment"><h6>'+comment['username']+':</h6><p class="para">'+comment['content']+'</p></div>'; }); $('#resText').html(html); } }); 第一个data就是发送给服务端的数据,success里面的data是服务器返回的数据若dataType是json,这两个data里的数据都要是json格式的（ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式

jQuery Ajax 前端和后端数据交互的问题

阅读更多关于 jQuery Ajax 前端和后端数据交互的问题

原理：前端与后端的数据交互，最常用的就是GET、POST，比较常用的用法是：提交表单数据到后端，后端返回json 前端的数据发送与接收 1）提交表单数据 2）提交JSON数据后端的数据接收与响应 1）接收GET请求数据 2）接收POST请求数据 3）响应请求 1、提交表单数据 1）GET请求 1 var data = { 2 "name": "test", 3 "age": 1 4 }; 5 $.ajax({ 6 type: 'GET', 7 url: /your/url/, 8 data: data, // 最终会被转化为查询字符串跟在url后面： /your/url/?name=test&age=1 9 dataType: 'json', // 注意：这里是指希望服务端返回json格式的数据 10 success: function(data) { // 这里的data就是json格式的数据 11 }, 12 error: function(xhr, type) { 13 } 14 }); 2）POST请求 1 var data = {} 2 // 如果页面并没有表单，只是input框，请求也只是发送这些值，那么可以直接获取放到data中 3 data['name'] = $('#name').val() 4 5 // 如果页面有表单

Vue基础之数据绑定

阅读更多关于 Vue基础之数据绑定

我们学习一门新语言或者框架时，第一件事是什么呢，那必然是向世界say Hello。创建一个Vue应用话不多说，先上代码，让我们感受一下Vue的核心功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <input type="text" v-model="message"> <h1>{{message}}</h1> // {{message}}模板的输出方式 </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script type="text/javascript"> var app = new Vue({ el: '#app', // app是Vue实例的挂在对象 data: { message: "Hello world" // 字面量 } }

去哪儿-06-home-ajax

阅读更多关于去哪儿-06-home-ajax

目标：使用Ajax动态获取首页的数据准备阶段： 1. 创建分支index-ajax 2. vue中发送ajax有很多工具，比如浏览器自带的fetch， vue-resource， axios，我们选用axios 3. 安装axios： npm install axios --save 4. 如果发现，昨天写的代码并没有合并到主分支上，会发现今天访问的时候，昨天的内容都不见了，是因为，今天的分支是从主分支上拉取过来的，所以就不会有昨天的代码。首先要先合并一下代码,在index-ajax分支下：`git merge index-recommend` 需要思考的问题 1. 如何发送ajax请求? 已经写过5个子组件了，每一个组件都有自己的数据，需要每一组件都发送一个ajax请求吗？首页的5个组件都发送ajax请求的话，首页就要发送5次请求，将会极大影响网站的性能。 2. 能否整个首页只发送一个ajax请求? 如果只发送一个，应该从哪里发送？答：由Home.vue来获取ajax数据，获取到之后，由它将数据分别传递给各个子组件。首页发送ajax请求引入 axios 借助生命周期函数的mounted，让页面挂载好之后去执行getHomeInfo这个函数（函数定义在methods中） export default { name : 'Home' , components

搭建mysql NDB集群

阅读更多关于搭建mysql NDB集群

NDB群集安装介绍 https://dev.mysql.com/doc/refman/8.0/en/mysql-cluster-basics.html NDBCLUSTER （也称为 NDB ）是一种内存存储引擎，提供高可用性和数据持久性功能。的 NDBCLUSTER 存储引擎可以与一系列故障切换和负载平衡选项进行配置，但最简单的是开始在集群级别的存储引擎。 NDB Cluster的 NDB 存储引擎包含一整套数据，仅依赖于群集本身内的其他数据。 NDB群集的 “ 群集 ” 部分的配置独立于MySQL服务器。在NDB群集中，群集的每个部分都被视为一个节点。共有三种类型的群集节点，并且在最小的NDB群集配置中，将至少有三个节点，这些类型之一：管理节点：这种类型的节点的作用是管理NDB群集中的其他节点，执行诸如提供配置数据，启动和停止节点以及运行备份之类的功能。由于此节点类型管理其他节点的配置，因此应首先启动此类型的节点，然后再启动任何其他节点。使用命令 ndb_mgmd 启动一个MGM节点。数据节点：这种类型的节点存储集群数据。 NDB群集表通常完全存储在内存中，而不是磁盘上（这就是为什么我们将NDB群集称为内存数据库）。但是，某些NDB群集数据可以存储在磁盘上。 SQL节点：这是访问集群数据的节点。对于NDB群集，SQL节点是使用

Java用链表实现堆栈

阅读更多关于 Java用链表实现堆栈

定义一种线性的存储结构，实现先进后出的原则，用链表实现的时候只能从头节点开始才能实现完整的铺上，pop，peap的完整操作，不同于数组的实现，链表不需要判断栈不否满了，只需要判断是否为空。入栈：在头指针后面插入数据；出栈：把头指针后一位的数据输出；链表的定义 package com.jiedada.jiegou; public class Node1 { private Object data; private Node1 next; public Node1() { this.data=null; this.next=null; } public Node1(Object data) { this.data=data; this.next=null; } public Object getData() { return data; } public void setData(Object data) { this.data = data; } public Node1 getNext() { return next; } public void setNext(Node1 next) { this.next = next; } } View Code 链表的实现方法 package com.jiedada.jiegou; public class Link { Node1

订阅 data