大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

vue使用watch监听拿到props的传值

vue使用watch监听拿到props的传值 export default { data() { return { floorData0: {}, floorData1: {}, floorData2: {}, } }, props:['floorData'], watch:{ floorData:val = { console.log(this.floorData);在floorData传值成功的前提下,有时候会出现直接在 watch 里面通过 this.floorData 是无法拿到的,总是显示 undefined。然后需要通过 newVal和oldVal这么处理,才能拿到 floorData 的值: watch:{ floorData:(newVal,oldVal) = { console.log(newVal);

vue中for循环的class绑定事件

vue中for循环的class绑定事件 {{item.MALL_CATEGORY_NAME}} data() { return { categoryIndex : 0, } }, methods: { clickCategory(index){ this.categoryIndex = index; } }

Hadoop学习常见错误

Hadoop学习常见错误 一、关于安装 1. 在Hadoop全分布环境搭建中,记得每台服务器上都需要安装 JDK 2. 安装Hadoop完毕后,除了需要配置环境变量外,还需要修改多个配置文件,缺一不可。文件位置在你指定路径安装的Hadoop下 的 /etc/hadoop/ 目录下。 需要修改的配置文件: hadoop-env.sh hdfs-site.xml core-site.xml mapred-site.xml (这个配置文件是原来 mapred-site-template 修改过的名字) yarn-site.xml slaves

Hadoop常见错误,包含搭建,hdfs,MapReduce

Hadoop常见错误,包含搭建,hdfs,MapReduce 一.hadoop重新格式化namenode 因为之前正常启动过hadoop集群。所以在hadoop的对应data目录中,已经有很多相关文件夹了。我们在格式化之前得先删除相关文件夹才行。 解决方案: 一、对于master主节点进行操作 1、删除data、name、namesecondary三个文件夹。 2、删除mrlocal目录中的四个文件夹 3、删除logs文件夹中的所有文件 二、对Slaves从节点进行操

hadoop常见错误集锦

hadoop常见错误集锦 1、启动hadoop时没有NameNode的可能原因: (1) NameNode没有格式化 (2) 环境变量配置错误 (3) Ip和hostname绑定失败 2、搭建hadoop集群使用ssh不成功 ①查看防火墙 ②检查用户权限 ③可能是缺少插件 使用命令: yum install -y openssh-clients* 3、启动时报错java.net. UnknownHostException 原因分析:通过localhost.localdomain根本无法映射到一个IP地址。 解决方法:查看/etc/hosts,将

ES6 系列之 Generator 的自动执行

result.value(next);== 'function') return resolve(gen) onFulfilled(); co 如果我们再将这个启动器函数写的完善一些,我们就相当于写了一个 co,实际上,上面的代码确实是来自于 co…… 而 co 是什么? co 是大神 TJ Holowaychuk 于 2013 年 6 月发布的一个小模块,用于 Generator 函数的自动执行。 如果直接使用 co 模块,这两种不同的例子可以简写为: // yield 后是一个 Promise var fetch = require('node-fetch');

Node.js基础与进阶

res.on('end', function () { let result = JSON.parse(data);query=string#hash protocol:请求协议,小写 http: host: URL主机名已全部转换成小写, 包括端口信息 'host.com:8080' auth: URL中身份验证信息部分 user:pass hostname: 主机的主机名部分, 已转换成小写 host.com port: 主机的端口号部分 8080 pathname: URL的路径部分,位于主机名之后请求查询之前。 /p/a/t/h search: URL 的“查询字符串”部分,包括开头的问号 ?

layUI之树状表格异步加载组件treetableAsync.js(基于treetable.js)

// 渲染表格 treetable.render({ treeColIndex: 2, // treetable新增参数 treeSpid: -1, // treetable新增参数 treeIdName: 'd_id', // treetable新增参数 treePidName: 'd_pid', // treetable新增参数 treeDefaultClose: true, // treetable新增参数 treeLinkage: true, // treetable新增参数 elem: '#table1', url: 'json/data1.json', cols: [[ {type: 'numbers'}, {field: 'id', title: 'id'}, {field: 'name', title: 'name'}, {field: 'sex', title: 'sex'}, {field: 'pid', title: 'pid'}, ]] });

node实现小程序登录全过程(登录+身份验证+返回token)

', formData: { appid: wx.appid, secret: wx.secret, js_code: req.body.code, grant_type: 'authorization_code' } };collection('Users'); app.use('/checkUser',checkUser) 运行后,显示如下: 调试台已经显示了后台返回的token。 我把app.js中的用户登录使用promise进行了封装,这样可以让我在运行小程序并打开index页面时,可以正常显示token,否则会出现异步登录未成功,页面就已经渲染完成,无法获取到token的现象。

以太坊区块链如何保证Asp.Net Core的API安全(下)

以太坊区块链如何保证Asp.Net Core的API安全(下) 上一篇用以太坊区块链保证Asp.Net Core的API安全(上)我们介绍了基本的解决方案,这一篇我们重点来看客户端。 正如我们所说,我们的DApp是一个简单的HTML/ES6客户端。我们将在Asp.Net Core 2之上构建客户端,以利用IIS Express和Visual Studio IDE。因此,Startup.cs类中的Configure方法将是: if (env.IsDevelopment()) { app.UseDeveloperExceptionPage();

RedLock 实现分布式锁

模拟并行调用 Buy 方法 15 次(内部使用的是线程池,所以 ThreadId 会有重复),实际上只有 10 个库存,返回结果却显示 11 个请求都购买成功了。 concurrent 单机部署模式解决方案 在单机部署模式下,我们只需要加 lock(){} 就可以解决问题: // 有10个商品库存 private static int stockCount = 10; } 在 Controller 添加方法 DistributedLockTest private readonly IDistributedLockFactory _distributedLockFactory;

windows10下Mongodb安装

windows10下Mongodb安装 1. 环境 windows10 python3.5 2. 开始 2.1 下载安装包:https://www.mongodb.com/download-center#community 个人选择安装在:D:\mongo 2.2 在根目录创建data目录,然后在data目录下建db D:\data\db 2.3 把D:\mongo\bin加入系统path 2.4 命令行下运行 MongoDB 服务器 mongod --dbpath D:\data\db 2.5 连接MongoDB mongo 附:常见错误: 但是如果操作过程中,出现服务器无法正常启动的问题,是因为mongod.lock这个

MongoTemplate 独立使用

能不能单独使用MongoTemplate呢,答案肯定是可以的。 image.png 使用演示 依赖 compile group: 'org.mongodb', name: 'mongo-java-driver', version: '3.7.1' compile(group: 'org.springframework.data', name: 'spring-data-mongodb', version: '2.0.8.RELEASE'){ exclude group: 'org.slf4j' } 测试例子 MongoClientOptions.Builder mongoBuilder = new MongoClientOptions.Builder(); SimpleMongoDbFactory mongoDbFactory = new SimpleMongoDbFactory(mongoClientURI);

Vue源码学习(二)——从宏观看Vue

Vue源码学习(二)——从宏观看Vue 上一篇文章我们写到从入口文件一步步找到Vue的构造函数,现在我们要去看看Vue实例化经历的过程 Vue的构造函数 我们知道Vue的构造函数在src/core/instance/index.js中,不明白的可以去看上一篇文章 Vue源码学习笔记一。那我们关注一下Vue的构造函数的内容: // src/core/instance/index.js import { initMixin } from './instance/index' import { initGlobalAPI } from '.

SpringMVC集成UEditor

" + PREFIX + PATH_SEPARATOR + time + PATH_SEPARATOR + originalFilename); } catch (Exception e) { e.printStackTrace(); logger.error("upload file error", e); map.put("state", "error"); } response.setHeader("Content-Type", "application/json"); pw.write(JSON.toJSONString(map)); pw.close(); } } catch (Exception e) { e.printStackTrace(); } } /** * 图片读取 */ @RequestMapping(PREFIX + "/{time}/{path}.

记一段 Kotlin 处理 HashMap 数据结构的代码

记一段 Kotlin 处理 HashMap 数据结构的代码 Kotlin 代码: fun saveDataJson(scenarioId: Long) { val data = nodeModelFieldsDao.findByScenarioId(scenarioId) println("data=${JSON.toJSONString(data)}") println("开始执行 saveDataJson") val modelCodeSet = mutableSetOf () data.forEach { it.modelCode? data.map(m = { if (m.model_code == model_code) { model_fields_map[model_code][m.field_code] = `${m.field_output_code}|${m.data_type}|${m.setter_config_json}` } });

想使用 Kotlin DSL for HTML 来这样写前端的代码码?

想使用 Kotlin DSL for HTML 来这样写前端的代码码? private fun renderBooks(data: Array ) { val books = document.create.div("books") { table("table table-hover") { thead { tr { th { +"ID" } th { +"Name" } } } tbody { data.forEachIndexed { index, s - tr { td { +"$index" } td { +s } } } } } } document.getElementById("books")?appendChild(books) } 完整实例代码参考:https://github.com/Jason-Chen-2017/kotlin-js-gradle-demo kotlinx.html参考文档

用户登录前后端分离开发实战案例:React,npm,webpack,ES6, Kotlin, Spr

bin 目录下面的webpack脚本: image 打开脚本看到源码如下: #! 其中,元素 id = 'App' 是我们下面在index.html 中指定的 div 。 在 index.html中引用 webpack 打包生成的bundle.js, 代码如下: Hello React!value const data = { username: username, password: password }; = null, var success: Boolean = false, var msg: String = "" ) 测试 POST 接口 为了方便地进行测试,我们添加Spring Boot Actuator依赖到工程中: dependencies { .

$.ajax的post方式被转成get请求

ajax的post方式被转成get请求 问题描述 最近开发时,前后端接口联调遇到点问题: $.ajax({ url: '', type:'post', data:JSON.stringify({ "offDocId": 69847, "replyFlag": true }), dataType: 'jsonp', jsonp: 'callback', success: function(data) { console.log('批复列表', JSON.stringify(data)) } }) 浏览器调试 image.png 原因如下: 因为$.ajax的 dataType 是 jsonp 而不是 json jsonp不支持POST跨域,所以会自动转成GET