03 2020 档案
摘要：一、精益生产的7大浪费 过量生产 库存 搬运 等待 多余的动作 缺陷 过渡加工 二、研发的6大浪费 重复 等待、延迟、交接 部分完成的工作 任务转换、在任务间移动、中断性多任务处理 再测试和改正缺陷 未充分认识员工的潜能、多种技能、知识、想法、建议
阅读全文
摘要：1、直接看效果图示例和示例中的说明 2、上图是顺序图，它是交互图的一种。顺序图是将交互关系表示为一个二维图。纵向是时间轴，时间沿竖线向下延伸。横向轴代表了在协作中各独立对象的类元角色。类元角色用生命线表示。在上图中已经备注说明了顺序图的四个元素：对象、生命线、消息和激活。 3、在Edraw中可以按照
阅读全文
摘要：Java操作Redis的方式有下面两种： 一、jedis （1）maven配置 <dependency> <groupId>redis.clients</groupId> <artifactId>jedis</artifactId> <version>2.9.0</version> </depend
阅读全文
摘要：一、Redis简介 Redis是一款开源的、高性能的键-值存储数据结构服务器。 Redis采用了内存中数据集的方式。同时，Redis支持数据的持久化 （aof追加方式及rdb快照方式）。 Redis支持主从复制（master-slave replication）。 Redis具有丰富的客户端，支持现
阅读全文
摘要：一、消息系统分类 （1）P2P(Peer-to-Peer) 特点 一般基于Pull或者Polling接收消息 即便有多个接收者在同一个队列中监听同一消息，但是该消息只能仅且被一个接收者所接收 不仅支持异步“即发即弃”的消息传送方式，而且也支持同步请求/应答传送方式 示意 （2）Publish/Sub
阅读全文
摘要：Nuxt.js 内核实现了 Vuex状态树，使用状态树 (store) 可以管理状态 (state) 。 （1）Vuex状态树 Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情： 引用 vuex 模块。 将 vuex 模块加到 vendors 构建配置中去
阅读全文
摘要：一、端对端测试 ava 是一个很强大的 JavaScript 测试框架，结合 jsdom，可以轻松地给 nuxt 应用进行端对端测试。需要三步骤就可以完成端对端测试： （1）添加 ava 和 jsdom 作为项目的开发依赖：npm install --save-dev ava jsdom （2）在
阅读全文
摘要：一、命令 （1）常用命令 命令 描述 nuxt 启动一个热加载的Web服务器（开发模式） localhost:3000。 nuxt build 利用webpack编译应用，压缩JS和CSS资源（发布用）。 nuxt start 以生产模式启动一个Web服务器 (需要先执行nuxt build)。 n
阅读全文
摘要：一、模块 模块是Nuxt.js扩展，可以扩展其核心功能并添加无限的集成。模块只是在引导Nuxt时按顺序调用的函数。框架在加载之前等待每个模块完成。 （1）模块几乎可以自定义Nuxt的任何地方。 （2）Nuxt模块可以合并到npm包中。 （3）模块只是简单的功能，它们可以打包为npm模块或直接包含在项
阅读全文
摘要：Nuxt.js允许在运行Vue.js应用程序之前执行js插件，而nuxt.config.js文件中可以通过plugins属性来配置插件，并且将需要的插件可以放置在plugins目录下。 （1）客户端使用的插件 如果只想要插件在客户端使用的话，那么通过可通过nuxt.config.js文件的plugi
阅读全文
摘要：在Nuxt.js中静态资源文件分为两类，一类是需要webpack处理的，另外一类是不需要webpack处理的。它们的存放目录是不一样的，下面简单梳理一下。 （1）assets 目录 如果静态资源文件需要webpack加载器做构建编译处理的，那么就需要放置在assets目录中。 file-loader
阅读全文
摘要：Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。 在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象
阅读全文
摘要：视图的整体布局图如下所示： 备注：此图来源 （1）模板 在项目根目录下创建一个app.html文件，可以定制化默认的html模板。 在app.html文件中内容如下： <!-- 这是我简单修改的 --> <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head {{
阅读全文
摘要：Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。 （1）基础路由 （2）动态路由 在 Nuxt.js 里面定义带参数的动态路由，需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。Nuxt.js 可以在动态路由组件中定义参数校验方法。说明：genera
阅读全文
摘要：Nuxt.js 默认的配置涵盖了大部分使用情形，可通过 nuxt.config.js 来覆盖默认的配置，下面介绍一下nuxt.config.js文件中相关配置项。 （1）build Nuxt.js 允许你在自动生成的 vendor.bundle.js 文件中添加一些模块，以减少应用 bundle 的
阅读全文
摘要：Nuxt.js 的默认应用目录架构提供了良好的代码分层结构，适用于开发或大或小的应用。 （1）asserts 该目录是资源目录，用于组织未编译的静态资源，如：LESS、SASS、JS （2）components 该目录是组件目录，用于组织应用的Vue.js组件。Nuxt.js 不会扩展增强该目录下
阅读全文
摘要：在利用NuxtJS框架进行服务端渲染应用程序开发时，我们可以借助NuxtJS的脚手架工具create-nuxt-app进行快速搭建工程环境，下面将详细说明工程搭建过程： （1）安装NodeJS 这里不做讲解了，只要npm的版本不低于5.2.0版本即可。 （2）registry配置 若公司内网提供了类
阅读全文
摘要：Nuxt.js 是一个基于 Vue.js 的通用应用框架，它关注的是应用的 UI渲染。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。此外，nuxt generate命令为基于 Vue.js 的应用提供生成对应的静态站点的功能。 （1）NuxtJS介绍 Nuxt.js
阅读全文
摘要：对于客户端应用程序和服务器应用程序，都可以通过webpack打包，下图转自它出。
阅读全文
摘要：在elementUI中，table表格组件的列本身有属性支持当前页的筛选功能，不过当列项较多时，并且列的label文字较长时，此时的筛选功能按钮（一个箭头向下的小按钮）不是很明显，对用户来说感观效果不是很好。此时，可以通过自定义表格头样式来提升感观效果，我们可以在表头中添加选择器，同样也可以实现当前
阅读全文
摘要：Element-UI组件可以应用于Vue、React和Angular框架，下面将在Vue中使用Element-UI时了解到相关知识记录如下： （1）安装：推荐使用npm安装Element-UI，以便能够更好地与webpack打包工具配合使用。 npm i -S element-ui （2）引用：不管
阅读全文
摘要：了解Vue风格指南，有利于规范编码，现将一些规则记录如下： （1）组件 组件名应该始终是多个单词的，根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。这样可以避免与HTML元素名冲突，因为所有的 HTML 元素名称都是单个单词的。 单文件组件的文件
阅读全文
摘要：简单了解一下Vue的服务器端渲染（server side render）： （1）什么是服务器端渲染？ 简单来说就是将组件渲染为服务器端的HTML字符串，然后将它们直接发送到客户端，在浏览器中能够进行正常交互的应用程序。 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"。 应用程
阅读全文
摘要：在任何 web 应用中，允许未过滤的用户提供的内容成为 HTML、CSS 或 JavaScript 都有潜在的危险。 （1）注入HTML Vue 会自动转义 HTML 内容，以避免向应用意外注入可执行的 HTML。 （2）注入URL 如果没有对该 URL 进行“过滤”以防止通过 javascript
阅读全文
摘要：当注入用户提供的HTML内容时，可以通过以下方式进行渲染： （1）使用模板 <div v-html="userProvidedHtml"></div> （2）使用渲染函数 h('div', { domProps: { innerHTML: this.userProvidedHtml } }) （3）
阅读全文
摘要：Vue 应用中原始 data 对象的实际来源——当访问数据对象时，一个 Vue 实例只是简单的代理访问。所以，如果你有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享，通过store 模式来实现。所有 store 中 state 的改变，都放置在 store 自身的 action
阅读全文
摘要：今天有同事咨询如何查询Docker镜像是否被别人修改过，或者是像Git一样查询提交的记录信息，其实在Docker中有这样的命令来实现该功能，即 history命令，其用法也很简单： docker history ImageID 通过上述命令，就可以查看到相关的修改记录信息了。
阅读全文
摘要：使用单文件组件的好处是可以提高响应速度，提升体验效果。 （一）模板预编译 当使用 DOM 内模板或 JavaScript 内的字符串模板时，模板会在运行时被编译为渲染函数。通常情况下这个过程已经足够快了，但对性能敏感的应用还是最好避免这种用法。 预编译模板最简单的方式就是使用单文件组件——相关的构建
阅读全文
摘要：好产品具备三个基本条件：价值、可用性和可行性，三者缺一不可。 产品没有价值，开发团队再优秀也无济于事。 ……continue
阅读全文
摘要：（1）Vue.js允许自定义过滤器，而过滤器用在两个地方： 双花括号插值 v-bind表达式 （2）过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。 （3）过滤器是 JavaScript 函数。 （4）过滤器函数总接收表达式的值作为第一个参数，并且过滤器还可以接受额外的参
阅读全文
摘要：（01）autofocus 在移动版 Safari 上不工作。 （02）Vue.directive定义全局自定义指令；directives选项定义局部自定义指令。 （03）指令对象提供的钩子函数： bind：只调用一次，指令第一次绑定到元素时调用，在这里可以进行一次性的初始化设置。可以采用函数简写的
阅读全文
摘要：（1）混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。 （2）一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 （3）当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。 数据对象在内部会
阅读全文
摘要：（1）Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 （2）CSS 动画用法同 CSS 过渡，区别是在动画中 v-enter 类名在节点插入 DOM 后不会立
阅读全文
摘要：（1）组件是可复用的 Vue 实例，且带有一个名字；它们与 new Vue 接收相同的选项，但是像 el 这样根实例特有的选项除外。 （2）每用一次组件，就会有一个它的新实例被创建。 （3）一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝。 （4）一个组件默认
阅读全文
摘要：（1）v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。 （2）对于需要使用输入法 (如中文、日文、韩文等) 的语言，你会发
阅读全文
摘要：v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是
阅读全文
摘要：一、前端框架 （1）Vue：不兼容IE8，最低只能支持到 IE9。 （2）ReactJS：网页版。 （3）React Native（RN）：移动应用。 （4）AngularJS（Angular 1）：兼容IE8，AngularJS 是 Vue 早期开发的灵感来源。 （5）Angular（Angula
阅读全文
摘要：（一）插值 1、文本：数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。 2、原始HTML：双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令； 不能使用 v-html 来复合局部模板，因为 Vue 不是基于字
阅读全文
摘要：（1）焦虑就是对不确定的抗拒，当不断地抗拒，就会变焦虑。 （2）孩子像一片森林，森林是有生命体的复杂系统，不能把孩子简单的拆解，机械性的养育。 （3）支撑孩子最重要的三根支柱：无条件的爱、价值感、终身成长。 （4）成长心态是所有美德背后的美德，如果父母不想成为对孩子伤害最大的人，破解之道就是成为终身
阅读全文
摘要：阅读Vue应用代码时看到自定义组件中使用了<slot>标签，刚开始还不知道它的用法，有点陌生，后来在Vue的官网中了解到，这是插槽的用法，不过在 Vue 2.6.0 中，Vue为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)，它取代了 slot 和 slot-scope 这
阅读全文
摘要：位移运算的场景：高低位截取、哈希计算、乘除法运算；在实际编程中位移运算仅作用于整型（32位）和长整型（64位）数上；按位操作是直接操作内存，效率高。 （1）向右移动一位近似表示除以2，但是十进制的奇数转化为二进制数后，在向右移动时，最右边的1将被直接抹去，这说明向右移动对于奇数来说并非完全相当于除以
阅读全文
摘要：（1）Arbiter节点——只参与投票，不能被选举为Primary，并且不从Primary同步数据；它本身不存储数据，是非常轻量级的服务；从3.6版本起，Arbiter必须设置Priority为0。推荐在生产库中尽量不要使用Arbite节点。 （2）Priority节点——选举优先级为0，不会被选举
阅读全文
摘要：也许你的JS代码是这样new一个日期对象的： new Date('2020-03-03')，这样的对象在Androi和Windows平台中都能够正常显示，但是在iOS中却显示为NaN(not a number)；此外，最近在调试的时候发现，当前端接收到后端传过来的日期字符串信息时直接通过new Da
阅读全文
摘要：（1）组件数据 组件的data必须是一个函数。 （2）单文件组件文件名称 单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。 （3）紧密耦合的组件名 和父组件紧密耦合的子组件应该以父组件名作为前缀命名。 （4）自闭合组件 在单文件组
阅读全文
摘要：（一）设置代理 (1)命令方式设置http代理：git config --global http.proxy xxxx (2)命令方式设置https代理：git config --global https.proxy xxxx (3)命令方式设置core代理：git config --global
阅读全文
摘要：危机是中小企业弯道超越的机遇，相信中国、相信自己。 千万不要浪费了一场危机，越猛烈的危机蕴含越巨大的机遇。 危是大家的，机是自己的，机遇只给有准备的人。 想在未来的环境下生存，微创新这件事必须要做，只有变革者才能够看到明天的太阳。 这次危机爆发，一方面考验我们每一个人面对危机时的应激能力，另一方面也
阅读全文
摘要：Vant是一个面向移动端的组件库，因此默认只适配了移动端设备，这意味着组件只监听了移动端的touch事件，没有监听桌面端的mouse事件。如果需要在桌面端使用Vant，可以引入 @vant/touch-emulator库，这个库会在桌面端自动将mouse事件转换成对应的touch事件，使得组件能够在
阅读全文
摘要：1、在我国，只要保险公司合法合规，大小公司都一样。 2、作为消费者，不必过分考虑公司品牌问题。只要保险公司正规可查，有合法经营保险资质，不论是在“大公司”还是在“小公司”买的保险，其法律效力都是一样的。 3、只要店铺有相关经营销售许可，就不必担心商品的真伪。 4、影响理赔速度的主要因素是：报案时间、
阅读全文
摘要：（1）自动按需引入组件，通过babel-plugin-import或ts-plugin-import插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式； （2）手动按需引入组件； （3）导入所有组件，Vant支持一次性导入所有组件，引入所有组件会增加代码包体积，因此不推荐这种做法
阅读全文
摘要：调试界面时，在控制台看到error信息，如下图所示： 上图中的错误提示信息很明了，就是检查到重复的key值，很有可能会应发更新错误。根据错误提示的位置，在代码中找到这样的一个循环： 在上图中step.id可能会有重复的值，为了确保key值的唯一性，我们可以在step对象中组合相关的元素来确保key值
阅读全文
摘要：1、渗透测试：是一种专业的安全服务，是针对目标系统入侵事件的实际演练。 2、安全事件 非授权访问：一个人在未经允许的情况下通过逻辑的或物理的方式访问网络、系统、应用、数据或其他资源，表现为一种入侵行为。 网络攻击事件 拒绝服务攻击：通过消耗CPU、内存、带宽或磁盘空间等资源的方式来阻止和破坏已经经过
阅读全文
摘要：副本集中次要成员同步或者复制来自其他成员的数据，MongoDB使用两种形式的数据同步： 新成员的初始同步 已有成员之间的持续复制 多线程批量写入，以提高并发性； MMAPv1引擎以namespace（MMAPv1引擎）为groups，WiredTiger引擎以文档ID（WiredTiger引擎）为g
阅读全文
摘要：（1）主库 Primary节点是副本集中唯一成员接受写入操作，而副本集中所有的成员都可以接受读取操作，但是在默认的情况下，应用程序将其读取操作指向Primary节点； 副本集中有且只有一个Primary节点，该节点宕机后集群会触发选举以选出新的Primary节点； MongoDB在Primary节点
阅读全文
摘要：今天有同事咨询如何让Vue工程同时启动Local和Network访问，我一看其脚本信息，指定了--host的值为一个具体的IP或者是域名，这样的话你只能通过IP或者域名的方式访问服务，但是不能通过localhost域名的方式访问；为了能够通过localhost的方法访问，可以将--host的值设置为
阅读全文
摘要：oplog的含义，中文的意思是操作日志，它是一个特殊的固定集合，保存了数据库中所有的数据变化记录。 oplog的作用：MongoDB在Primary上应用数据库操作，然后在Primary上使用oplog记录操作，Secondary节点异步复制并应用这些操作。 oplog的位置：所有副本集成员都在lo
阅读全文
摘要：今天遇到同事反馈，在调用异步接口导出数据到excel模板后发现生成的文档内容缺少某些数据；刚开始还以为是逻辑流程或者模板的问题，后来结合日志和模板分析，发现是JSON数据中的key值发生了变化，与模板的属性名称不一致了，这样就导致部分数据不能成功写入文档；也就是说调用方在传递数据时已经将key的名称
阅读全文
摘要：（1）前后端合并部署 如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分，那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置，并遵循后端框架的发布方式即可。 （2）前后端分开部署 如果你独立于后端部署前端应用——也就是说后端暴露一个前端可访问的 API，然后前端实
阅读全文
摘要：（1）在vue.config.js文件中添加productionSourceMap的设置，值为false，如下所示： 1 module.exports = { 2 outputDir: './dist', 3 productionSourceMap: false 4 } 这样设置后，build编译后
阅读全文
摘要：Vue CLI >= 3的版本简化了配置流程，使用起来更方便，让开发人员可以专心撰写业务逻辑。 （1）Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，是一款标准的工具。 通过 @vue/cli 搭建交互式的项目脚手架，CLI (@vue/cli) 是一个全局安装的npm包，提供了终
阅读全文
摘要：Secondary初次同步数据时，会先进行init sync 操作，从Primary(或其它数据更新的Secondary)同步全量数据，然后不断通过tailable cursor从Primary的local.oplog.rs集合里查询最新的oplog并应用到自身。 假设复制集内投票成员的数量为N，则
阅读全文
摘要：成员状态和说明 状态名称 状态描述 STARTUP 还不是任何集合的活动成员，所有的成员在该状态启动，在StartUp状态，mongod解析副本集配置文档 PRIMARY 处于Primary状态的成员是唯一能接收写操作的成员 SECONDARY 处于Secondary状态的成员复制数据存储 RECO
阅读全文
摘要：也许你在IDEA中重新导入maven工程后，准备调试的时候需要进入配置界面，如下图所示： 在这里要注意了，由于是添加应用程序的配置，所以不能选择Spring Boot，只能选择Application。 （1）若是选择了Spring Boot的话，会找不到模块，如下图所示： （2）若是选择了Appli
阅读全文
摘要：当Primary节点连续10秒无法和其余节点通信时，从库将发生选举，在从库中选出一个库作为新的主库。第一个发起选举并且获得了大多数成员投票的Secondary节点，将成为主节点。 MongoDB 3.2版本中新增了这样的一个功能：MongoDB引入了复制协议版本1（protocolVersion:1
阅读全文
摘要：（1）若在package.json文件所在目录下有.npmrc文件的话，那么在该工程下通过命令npm install下载依赖包时会根据本工程目录下的.npmrc文件设置好的制品库地址来获取模块数据； 若本工程下的.npmrc文件的内容为空，那么npm install命令还是会从全局的.nmprc文件
阅读全文
摘要：之前在使用Git来管理代码时，团队成员基本上是在同一个远程某个分支下建立相应的本地分支后进行开发和提交代码，开发成员可能不会在本地仓库创建本地专属的分支，当然并不说要强制创建，不过还是建议这样处理，它会带来一些好处，后面会讲到。假设当前的代码库有master分支、develop分支，远程和本地都有这
阅读全文
