Nodejs
关注
分享
扫一扫
ywb201314
兵法有言，知己知彼，百战不殆
展开
-
03 vue组件技术
系列文章导航01 Vue语法基础02 vue数据绑定与指令03 vue组件技术04 vue单文件组件定义与使用1 组件介绍组件是Vue.js最强大的功能之一。组件是可复用的Vue实例，且带有一个名字，通过组件封装可重用的代码，在较高层面上，组件是自定义元素。2 组件注册1.1 组件注册方式1组件名对应标签名，标签名不允许出现大写字母，因此组件名包含多个单词时需要采用kebab-case (短横线分隔命名) 命名。组件名称中如果用了大写字母，使用组件的时候需要转成keb转载 2020-09-10 11:52:24 · 155 阅读 · 0 评论 -
04 vue - 单文件组件定义与使用
系列文章导航01 Vue语法基础02 vue数据绑定与指令03 vue组件技术04 vue单文件组件定义与使用1 单文件组件的好处2 单文件组件的运行场景hbuilderx工具一下两种方式创建的项目才允许使用单文件组件：1）方式1：Vue项目(含vue-cli)2）方式2：uni-app项目3 组件的定义与使用3.1 组件的定义语法规范 1 2 3 4 5 6 7 8 9 .转载 2020-09-10 11:52:47 · 430 阅读 · 0 评论 -
Vue组件component创建及使用
组件化与模块化的区别 什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么功能，就可以去调用对应的组件即可 组件化与模块化的不同： 模块化：是从代码逻辑的角度进行分析，方便代码分层开发，保证每个功能模块的只能单一 组件化：是从UI界面的角度进行划分，前端的组件化，方便UI组件的重用。<!DOCTYPE html><html lang="en"&...转载 2020-09-09 17:19:00 · 267 阅读 · 0 评论 -
Vuejs自定义组件的四种方式
有个笑话想写在文章顶部，等捋完整篇文章思路开始动手的时候。哦豁~ 忘了。这是空档~先留一个空档，万一又想起来呢。正文：四种组件定义方式都存在以下共性(血泪史)：1.组件只能有一个根标签2.记住两个词全局和局部3.组件名称命名中‘-小写字母’相当于大写英文字母(hello-com 相当于 helloCom)而对于在HTML中自定义组件的时候有4种写法，不过也只是殊途同归，都是用template属性对应的只有一个根标签的HTML代码。1.全局组件定义...转载 2020-09-09 17:07:54 · 1344 阅读 · 0 评论 -
vue 组件 Vue.component 用法
定义：组件是可复用的 Vue 实例，且带有一个名字可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用1. 定义一个新组件。命名为 counter格式：1.组件名为"conter";2.data 数据属性：写函数;3.template 模板：写组件的内容（元素和触发的事件） Vue.component("counter",{ //1.组件名为"conter"; 2.data 写函数; 3.template 写组件的内容（..转载 2020-09-09 16:49:46 · 1848 阅读 · 0 评论 -
关于Vue.use()详解
问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。什么意思呢？接下来我们自定义一个需要 Vue.use() 的组件，也就是有 install 的组件，看完之后就明白了。定义组件生成模版 vue init webpack-simple custom-gl转载 2020-09-09 16:38:21 · 368 阅读 · 0 评论 -
浅谈Vue.use
先举个?我们先来看一个简单的事例首先我使用官方脚手架新建一个项目vue init webpack vue-demo然后我创建两个文件index.js plugins.js.我将这两个文件放置在src/classes/vue-use目录下接下来对这两个文件进行编写// 文件: src/classes/vue-use/plugins.jsconst Plugin1 = { install(a, b, c) { console.log('Plugin1 第一个参数转载 2020-09-09 16:36:52 · 166 阅读 · 0 评论 -
js(=＞) 箭头函数
ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return：x ..转载 2020-09-08 16:00:15 · 2689 阅读 · 0 评论 -
require和import的区别
当前端应用越来越复杂时，我们想要将代码分割成不同的模块，便于复用、按需加载等。require 和 import 分别是不同模块化规范下引入模块的语句，下文将介绍这两种方式的不同之处。1. 出现的时间、地点不同 年份 出处 require/exports 2009 CommonJS import/export 2015 ECMAScript2015（ES6） 2. 不同端(客户端/服务器)的使用限制CommonJS 模块化方案 requir.转载 2020-09-08 15:38:59 · 560 阅读 · 0 评论 -
require和import区别
区别1：模块加载的时间require：运行时加载import：编译时加载（效率更高）【由于是编译时加载，所以import命令会提升到整个模块的头部】test();import { test} from '/test';上面的代码不会报错，正常执行区别2：模块的本质require：模块就是对象，输入时必须查找对象属性import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对转载 2020-09-08 15:37:47 · 159 阅读 · 0 评论 -
module.exports与exports，export与export default之间的关系和区别
首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.expo转载 2020-09-08 15:36:20 · 111 阅读 · 0 评论 -
node.js和npm的关系
一、npm是什么当一个网站依赖的js代码越来越多，程序员发现这是一件很麻烦的事情：去 jQuery 官网下载 jQuery去 BootStrap 官网下载 BootStrap去 Underscore 官网下载 Underscore……有些程序员就受不鸟了，于是npm就出来了，全称是 Node Package Manager 包管理工具。这一点和maven、gradle十分相似，只不过maven、gradle是用来管理java jar包的，而npm是用来管理js的。NPM 的实现思...转载 2020-09-08 15:11:58 · 224 阅读 · 0 评论 -
npm 和 cnpm 的区别，你真的搞懂了嘛
1、 npm 和 cnpm 的区别相信很多人都不太明白 npm 和 cnpm 到底是什么东东， 为啥在国内要用 淘宝镜像使用 cnpm，（1） 两者之间只是 node 中包管理器的不同哟，（2） npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的cnpm(gzip 压缩支持) 命令行工具代替默认的npm:（3）如果因为网络原因无法使用npm下载，那cnpm这个就派上用场了。 一定切记切记，npm和cnpm只是下载器的不同，好像npm用人力板车去拉包，而cnp...转载 2020-08-26 17:41:42 · 18939 阅读 · 0 评论 -
NodeJS、NPM安装配置步骤(windows版本)
1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要登陆官网（http://nodejs.org/），便可以看到首页的“INSTALL”按钮，直接点击就会自动下载安装了。2、安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C转载 2016-04-27 15:40:26 · 473 阅读 · 0 评论 -
nodejs小问题：[1]express不是内部或外部命令
原文地址：http://jingyan.baidu.com/article/922554468a3466851648f419.html转载 2016-04-27 16:09:54 · 392 阅读 · 0 评论 -
Nodejs初阶之express
PS: 2014/09/24 更新《Express 4.X 启航指南》，欢迎阅读和评论:) 老规矩，开头部分都是些自娱自乐的随想，想到哪写到哪... 到今天俺已经在俺厂工作俩年零几天了，工作以来头一回在一家企业工作超俩年，对于这俩年确实只有满满的成就感，不管是工作还是生活...写到这句突然又想写篇这俩年的总结，等这篇文章发了之后就着手整理吧，吼吼。转载 2016-04-27 16:15:02 · 418 阅读 · 0 评论 -
用NodeJS+Express开发WEB应用
用NodeJS+Express开发WEB应用---第一篇大漠穷秋2014-03-28预热 为了对后面的内容理解更加透彻，推荐首先阅读下面这篇很好的文章： http://www.nodebeginner.org/index-zh-cn.html 以上链接中的这种方式显然过于繁琐，一切都靠我们手动编码和组织。转载 2016-04-27 16:15:44 · 456 阅读 · 0 评论 -
NodeJS、NPM安装配置步骤(windows版本)
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的使用包管理器 npm来管理所有模块的安装、配置、删除等操作，使用起来非常方便，但是想要配置好npm的使用环境还是稍微有点复杂，下面跟着我一起来学习在windows系统上配置NodeJS和NPM吧。工具/原料...转载 2019-08-20 17:21:23 · 132 阅读 · 0 评论 -
windows 下安装nodejs及其配置环境
相信对于很多关注javascript发展的同学来说,nodejs已经不是一个陌生的词眼。有关nodejs的相关资料网上已经铺天盖地。由于它的高并发特性，造就了其特殊的应用地位。国内目前关注最高，维护最好的一个关于nodejs的网站应该是http://www.cnodejs.org/ 这里不想谈太多的nodejs的相关信息。只说一下，windows系统下简单nodejs环境配置。转载 2016-04-27 15:38:29 · 486 阅读 · 0 评论