Blur Blue-CSDN博客

原创 ISO 60127 1~10 ,微型熔断器各部分

微型熔断器.第1部分:微型熔断器的定义和微型熔断体的一般要求。微型熔断器.第2部分:盒式熔断器（管状熔断体）

2023-09-06 16:36:47 364

原创 IPC-4921A 中文 CN、IPC-4552B 中文、IPC-6013E 中文 CN、IPC-HDBK-9798,IPC-6018D,IPC-6018DS

IPC-4921A 中文 CN、IPC-4552B 中文、IPC-6013E 中文 CN、IPC-HDBK-9798,IPC-6018D,IPC-6018DS

2023-05-29 08:43:08 1471 1

一个带有为本仓库注入额外依赖的 generator 的插件 (比如 chai 会通过 @vue/cli-plugin-unit-mocha/generator/index.js 被注入) 应该将这些依赖列入其自身的 devDependencies 字段。注意我们这里讨论的“service 插件”的概念要比发布为一个 npm 包的“CLI 插件”的要更窄。这个 API 允许 service 插件针对不同的环境扩展/修改内部的 webpack 配置，并向 vue-cli-service 注入额外的命令。

2023-05-01 19:47:22 1112 1

原创 Vue CLI vue.config.js 配置参考

和 .babelrc 或 package.json 中的 babel 字段不同，这个配置文件不会使用基于文件位置的方案，而是会一致地运用到项目根目录以下的所有文件，包括 node_modules 内部的依赖。vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。

2023-04-27 15:36:28 1002

原创 Vue CLI 部署

例如，如果你使用 Vue Router 为 /todos/42/ 定义了一个路由，开发服务器已经配置了相应的 localhost:3000/todos/42 响应，但是一个为生产环境构建架设的简单的静态服务器会却会返回 404。如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分，那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置，并遵循后端框架的发布方式即可。Vue Router 的文档提供了。的描述，所有的配置都在根目录中的.gitlab-ci.yml 文件中。

2023-04-25 08:30:39 696

原创 Vue CLI 构建目标

当你运行 vue-cli-service build 时，你可以通过 --target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。

2023-04-24 08:02:39 778

原创 Vue CLI 环境变量和模式

被载入的变量将会对 vue-cli-service 的所有命令、插件和依赖可用。环境加载属性为一个特定模式准备的环境文件的 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先级。此外，Vue CLI 启动时已经存在的环境变量拥有最高优先级，并不会被 .env 文件覆写。NODE_ENV如果在环境中有默认的 NODE_ENV，你应该移除它或在运行 vue-cli-service 命令的时候明确地设置 NODE_ENV。

2023-04-24 08:01:52 503

原创 Vue CLI webpack 相关

这样做是因为 vue.config.js 中的值会被用在配置里的多个地方，以确保所有的部分都能正常工作在一起。这个库提供了一个 webpack 原始配置的上层抽象，使其可以定义具名的 loader 规则和具名插件，并有机会在后期进入这些规则并对它们的选项进行修改。该文件会动态解析并输出 vue-cli-service 命令中使用的相同的 webpack 配置，包括那些来自插件甚至是你自定义的配置。注意它输出的并不是一个有效的 webpack 配置文件，而是一个用于审查的被序列化的格式。

2023-04-23 09:04:07 408

原创 Vue CLI CSS 相关

Vue CLI 项目天生支持和包含在内的预处理器。

2023-04-22 08:47:10 279

原创 Vue CLI HTML 和静态资源

在构建过程中，资源链接会被自动注入。如果你的应用很大且有很多 async chunk，而用户主要使用的是对带宽较敏感的移动端，那么你可能需要关掉 prefetch 链接并手动选择要提前获取的代码区块。在其内部，我们通过 file-loader 用版本哈希值和正确的公共基础路径来决定最终的文件路径，再用 url-loader 将小于 4kb 的资源内联，以减少 HTTP 请求的数量。当基于已有的后端使用 Vue CLI 时，你可能不需要生成 index.html，这样生成的资源可以用于一个服务端渲染的页面。

2023-04-22 08:46:00 925

原创 Vue CLI 浏览器兼容性

你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被和用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。现在查阅了解如何指定浏览器范围。

2023-04-21 07:52:58 716

原创 Vue CLI 服务

在一个 Vue CLI 项目中，@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。vue-cli-service build 会在 dist/ 目录产生一个可用于生产环境的包，带有 JS/CSS/HTML 的压缩，和为更好的缓存而做的自动的 vendor chunk splitting。

2023-04-21 07:52:08 1974

原创 Vue CLI 插件和 Preset

在项目创建的过程中，绝大部分列出的特性都是通过插件来实现的。如果出于一些原因你的插件列在了该项目之外的其它 package.json 文件里，你可以在自己项目的 package.json 里设置 vuePlugins.resolveFrom 选项指向包含其它 package.json 的文件夹。每个插件在项目创建的过程中都可以注入它自己的命令提示，不过当你使用了一个 preset，这些命令提示就会被跳过，因为 Vue CLI 假设所有的插件选项都已经在 preset 中声明过了。

2023-04-20 08:01:48 416

原创 Vue CLI 创建一个项目

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。

2023-04-20 08:01:17 194

原创 Vue CLI 快速原型开发

vue serve 的缺点就是它需要安装全局依赖，这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发。

2023-04-19 14:25:59 111

原创 Vue CLI 介绍

警告这份文档是对应 @vue/cli。老版本的 vue-cli 文档请移步。Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性，无需 eject。

2023-04-19 14:25:27 388

原创 Vue.js 2.0 对比其他框架

到目前为止，针对现实情况的测试中，Vue 的性能是优于 React 的。如果你对此表示怀疑，请继续阅读。我们会解释为什么会这样（并且会提供一个与 React 团队共同约定的比较基准）。渲染性能在渲染用户界面的时候，DOM 的操作成本是最高的，不幸的是没有库可以让这些原始操作变得更快。尽量减少必要的DOM突变数量。React和Vue都使用虚拟DOM抽象来实现这一点，并且两个实现都同样有效。在这些DOM操作之上添加尽可能少的开销（纯JavaScript计算）。这是Vue和React不同的区域。

2023-04-18 07:58:00 259

原创 Vue.js 2.0 服务端渲染

Vue的服务端渲染默认非常快，但是你可以通过缓存渲染好的组件进一步提高性能。这被认为是一种先进的功能，但是，如果缓存了错误的组件（或者正确的组件带有错误的内容）将导致应用渲染出错。其优势是预渲染的设置更加简单，可以保持前端是一个完整的静态站。可以用Webpack的代码拆分避免强制用户下载整个单页面应用，但是，这样也远没有下载个单独的预先渲染过的HTML文件性能高。现在，应该理解服务端渲染背后的基本概念了。如果你只是用服务端渲染来改善一个少数的营销页面（如首页，关于，联系等等）的SEO，那你可以用。

2023-04-17 08:00:44 678

原创 Vue.js 2.0 单元测试

很多组件的渲染输出由它的 props 决定。事实上，如果一个组件的渲染输出完全取决于它的 props，那么它会让测试变得简单，就好像断言不同参数的纯函数的返回值。更多详细的安装步骤，请参考各项目的安装文档，通过这些 Karma 配置的例子可以快速帮助你上手（我们计划做一个通用的测试工具集，让不同策略的渲染输出（例如忽略子组件的基本渲染）和断言变得更简单。在测试的代码结构方面，你不必为了可测试在你的组件中做任何特殊的操作。任何兼容基于模块的构建系统都可以正常使用，但如果你需要一个具体的建议，可以使用。

2023-04-17 07:59:39 166

原创 Vue.js 2.0 状态管理

任何时间，我们应用中的任何部分，在任何数据改变后，都不会留下变更过的记录。需要注意，所有 store 中 state 的改变，都放置在 store 自身的 action 中去管理。经常被忽略的是，Vue 应用中原始 data 对象的实际来源 - 当访问数据对象时，一个 Vue 实例只是简单的代理访问。这样约定的好处是，我们能够记录所有 store 中发生的 state 改变，同时实现能做到记录变更 (mutation) 、保存状态快照、历史回滚/时光旅行的先进的调试工具。，无需配置即可访问时光旅行。

2023-04-16 09:48:59 423

原创 Vue.js 2.0 路由

结合HTML5 History API，你可以建立一个非常基本但功能齐全的客户端路由器。对于大多数单页面应用，都推荐使用官方支持的。更多细节可以看vue-router文档。如果有非常喜欢的第三方路由，如。这有个用了Page.js的。

2023-04-16 09:48:15 71

原创 Vue.js 2.0 生产环境部署

在生产环境中，你可能需要从所有组件中提取样式到单独的 CSS 文件中。如果在组件渲染时出现运行错误，错误将会被传递至全局 Vue.config.errorHandler 配置函数（如果已设置）。为了减少文件大小，Vue 精简独立版本已经删除了所有警告，但是当你使用 Webpack 或 Browserify 等工具时，你需要一些额外的配置实现这点。使用 Webpack 的 DefinePlugin 来指定生产环境，以便在压缩时可以让 UglifyJS 自动删除代码块内的警告语句。），可能是个不错的主意。

2023-04-15 09:33:23 178

原创 Vue.js 2.0 单文件组件

在很多Vue项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方案在只是使用 JavaScript 增强某个视图的中小型项目中表现得很好。全局定义(Global definitions)强制要求每个 component 中的命名不得重复字符串模板(String templates)缺乏语法高亮，在 HTML 有多行的时候，需要用到丑陋的 \不支持CSS(No CSS support)

2023-04-15 09:32:42 301

原创 Vue.js 2.0 插件

一些插件，如 vue-router 如果 Vue 是全局变量则自动调用 Vue.use()。Vue.js 的插件应当有一个公开方法 install。插件通常会为Vue添加全局功能。Vue.use 会自动阻止注册相同插件多次，届时只会注册一次该插件。集合了来自社区贡献的数以千计的插件和库。

2023-04-14 07:52:52 415

原创 Vue.js 2.0 混合

自定义选项将使用默认策略，即简单地覆盖已有值。更多高级的例子可以在Vuexif (!if (!return {

2023-04-14 07:52:13 411

原创 Vue.js 2.0 自定义指令

除了默认设置的核心指令( v-model 和 v-show ),Vue 也允许注册自定义指令。注意，在 Vue2.0 里面，代码复用的主要形式和抽象是组件——然而，有的情况下,你仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。下面这个例子将聚焦一个 input 元素，像这样：当页面加载时，元素将获得焦点。事实上，你访问后还没点击任何内容，input 就获得了焦点。// 注册一个全局自定义指令 v-focus// 当绑定元素插入到 DOM 中。// 聚焦元素el.focus()

2023-04-13 08:08:55 446

原创 Vue.js 2.0 Render 函数

这是一个实现细节，通常不需要关心，但如果你想看看模板的功能是怎样被编译的，你会发现会非常有趣。在一些场景中，是这样，但是如果是函数式组件和下面这样的 children 呢？将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的，如果在作用域中 h 失去作用，在应用中会触发报错。有一件事要注意：在 templates 中，v-bind:class 和 v-bind:style ，会有特别的处理，他们在 VNode 数据对象中，为最高级配置。

2023-04-13 08:08:16 821

原创 Vue.js 2.0 过渡效果

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Velocity.js在这里，我们只会讲到进入、离开和列表的过渡，你也可以看下一节的“管理过渡状态。

2023-04-12 08:07:15 509

原创 Vue.js 2.0 过渡状态

Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。所有的原始数字都被事先存储起来，可以直接转换到数字。做到这一步，我们就可以结合 Vue 的响应式和组件系统，使用第三方库来实现切换元素的过渡状态。

2023-04-12 08:05:24 401

原创 Vue.js 2.0 组件

我们知道，父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件Vue的事件系统分离自浏览器的EventTarget API。尽管它们的运行类似，但是$on和 $emit不是addEventListener 和 dispatchEvent 的别名。另外，父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。

2023-04-11 07:57:52 748

原创 Vue.js 2.0 深入响应式原理

大部分的基础内容我们已经讲到了，现在讲点底层内容。Vue 最显著的一个功能是响应系统 —— 模型只是普通对象，修改它则更新视图。这会让状态管理变得非常简单且直观，不过理解它的原理以避免一些常见的陷阱也是很重要的。在本节中，我们将开始深挖 Vue 响应系统的底层细节。

2023-04-11 07:56:06 388

原创 Vue.js 2.0 表单控件绑定

Vue.js 2.0 表单控件绑定

2023-04-10 08:00:12 389

原创 Vue.js 2.0 事件处理器

监听事件可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。结果：增加 1这个按钮被点击了 0 次。

2023-04-10 07:58:53 82

原创 Vue.js 2.0 列表渲染

v-for我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。

2023-04-09 09:25:41 401

原创 Vue.js 2.0 条件渲染

但是如果想切换多个元素呢？一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。类似于 v-else，v-else-if 也必须紧跟在带 v-if 或者 v-else-if 的元素之后。v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。

2023-04-09 09:24:45 306

原创 Vue.js 2.0 Class 与 Style 绑定

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时， Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。

2023-04-08 20:01:42 381

原创 Vue.js 2.0 计算属性

而且最妙的是我们是声明式地创建这种依赖关系：计算属性的 getter 是干净无副作用的，因此也是易于测试和理解的。不过，通常更好的办法是使用计算属性而不是一个命令式的 $watch 回调。假设我们有一个重要的计算属性 A ，这个计算属性需要一个巨大的数组遍历和做大量的计算。当你想要在数据变化响应时，执行异步操作或昂贵操作时，这是很有用的。在这个示例中，使用 watch 选项允许我们执行异步操作（访问一个 API），限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。上面代码是命令式的和重复的。

2023-04-08 20:00:52 1151

原创 Vue.js 2.0 实例

也有一些其它的钩子，在实例生命周期的不同阶段调用，如 mounted、 updated、destroyed。因为箭头函数绑定父上下文，所以 this 不会像预想的一样是 Vue 实例，而是 this.myMethod 未被定义。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM。除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。现在你只需知道所有的 Vue.js 组件其实都是被扩展的 Vue 实例。

2023-04-07 07:59:41 596

原创 Vue.js 2.0 模板语法

在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量，你也可以不用模板，直接写，使用可选的 JSX 语法。

2023-04-07 07:57:54 238

原创 Vue.js 2.0 介绍

你可能已经注意到 Vue.js 组件非常类似于自定义元素——它是Web 组件规范的一部分。实际上 Vue.js 的组件语法参考了该规范。例如 Vue 组件实现了Slot API与is特性。但是，有几个关键的不同：Web 组件规范仍然远未完成，并且没有浏览器实现。相比之下，Vue.js 组件不需要任何补丁，并且在所有支持的浏览器（IE9 及更高版本）之下表现一致。必要时，Vue.js 组件也可以放在原生自定义元素之内。

2023-04-06 08:08:49 451