npm

《Vue.js实战》记录

倾然丶 夕夏残阳落幕 提交于 2020-08-14 10:55:21
代码例子参考: https://gitee.com/feistel/Blog/tree/master/%E5%89%8D%E7%AB%AF/forTest/src webpack工程例子参考: https://gitee.com/feistel/Blog/tree/master/%E5%89%8D%E7%AB%AF/demo 初识Vue.js 它提供了现代Web开发中的常见高级功能: 解耦视图与数据 可复用的组件 前端路由 状态管理 虚拟DOM 指令 v-html 插入Html v-pre 被修饰的元素其内部的字符不会被编译转换 v-bind > : 动态更新HTML元素或组件元素的属性,如id,class,href,src等 v-bind绑定class的方式: 对象语法 <div :class="{'active': isActive}"></div> 当isActive为true时,渲染为 <div class="active"></div> 数组语法 <div> :class="[activeCls, errorCls]"</div> date: { activeCls: 'active', errorCls: 'error' } 渲染后为 <div class="active error"></div> 内联样式style与class用法一样。 v-on > @

koa脚手架

折月煮酒 提交于 2020-08-14 08:35:13
Koa脚手架 koa-generator是用于生成koa项目骨架的生成器 koa-generator提供的功能如下: 生成项目骨架,集成必要的中间件 约定目录结构 项目骨架结构描述 app.js为入口 bin/www为启动入口 支持静态服务器,即public目录 支持routes路由目录 支持views视图目录 默认将Pug作为模板引擎 安装Koa生成器 koa-generator支持Koa v1和Koa v2,安装后分别使用koa和koa2命令创建koa项目模板 创建Hello world koa2 helloworld 安装依赖模块 npm install 启动命令 npm start 目录解析 xxx@xxx:/mnt/c/codes/temp/hello/hello$ tree . -L 2 . ├── app.js ├── bin │ └── www ├── package.json ├── public │ ├── images │ ├── javascripts │ └── stylesheets ├── routes │ ├── index.js │ └── users.js └── views ├── error.pug ├── index.pug └── layout.pug app.js 为入口 bin/www为启动入口 支持静态服务器,即public目录

如何防止为Node.js(package.json)安装“ devDependencies” NPM模块?

ⅰ亾dé卋堺 提交于 2020-08-14 08:18:48
问题: I have this in my package.json file (shortened version): 我的package.json文件(简化版)中有这个: { "name": "a-module", "version": "0.0.1", "dependencies": { "coffee-script": ">= 1.1.3" }, "devDependencies": { "stylus": ">= 0.17.0" } } I am using NPM version 1.1.1 on Mac 10.6.8. 我在Mac 10.6.8上使用NPM 1.1.1版本。 When I run the following command from the project root, it installs both the dependencies and devDependencies : 当我从项目根目录运行以下命令时,它将安装 dependencies 和 devDependencies : npm install I was under the impression that this command installed the devDependencies : 我对这个命令的印象是安装了 devDependencies : npm install -

MAC OS 10.15 关于vue脚手架创建 && npm install时报错 && gyp ERR! configure error

我们两清 提交于 2020-08-14 08:18:07
重大更新!!!!!! 如果下文中的描述符合你的问题 直接运行下面两行代码 1、 xcode-select --install 2、sudo xcode-select --switch /Library/Developer/CommandLineTools 如果不行看下面链接 https://github.com/nodejs/node-gyp/blob/master/macOS_Catalina.md#The-acid-test 1、准备 vue create projects 、node和cli版本如下 2、本来一切很平静 上了个厕所回来发现 屏幕上赫然出现了一堆错误 3、之前window上没得这样的问题 瞬间慌了 但是!!此时我看到一个明显的字段 Xcode 这特喵不是IOS开发的IDE嘛?于是赶紧把这张截图发给IOS老哥 。。。。IOS老哥说确实是这样的。。但是他也不知道为什么vue脚手架要用到这个东西。啊,几经辗转终于在好友里面找到了两位前端大佬,给出了如下答复 4、看到大佬给出的答复 我好像明白了些什么 gcc在php编译的时候也需要这个啊 于是乎按照这个思路 又去百度了一下 找到了这篇文章 地址: https://www.bootschool.net/article/5e4f7a5df60a317efe5ba8a1/node-project-error-xcode

Serverless Framework + OCR 快速搭建通用文字识别应用

我只是一个虾纸丫 提交于 2020-08-14 06:16:44
在日常的工作生活中,文字识别与我们息息相关,比如身份证识别、随手拍扫描、纸质文档电子化等,无不显示着文字识别技术的重要性。为此,腾讯云通用文字识别产品 General OCR 应运而生,基于行业前沿的深度学习技术,支持将图片上的文字内容智能识别为可编辑的文本,大幅提升信息处理效率。而 Serverless Framework 与 OCR 的结合,则为用户提供了方便快捷、成本更低的通用文字识别应用部署方案。 为什么要用 Serverlesss Framework 来搭建,我们看看 Serverlesss Framework 有哪些优势: 0 配置,弹性扩缩容:Serverless Framework 基于云上 Serverless 资源完成开发,无需复杂配置,即可高效、快速构建 OCR 应用,并支持弹性扩缩容,降低使用成本,助力业务上线; 实时监控,方便运维:部署成功后,您可通过 Serverless Dashboard 实时查看基础监控指标和应用级别的监控指标,并支持实时日志的输出和远端调试能力,屏蔽本地和云端环境的差异,提供完善的排障功能; 组件化开发:提供组件化的开发和集成,便于用户修改和资源复用,使用更加灵活。 接下来我们一起通过 Serverless Framework Component,快速搭建一个基于腾讯云 OCR 的文字识别应用 该模版主要包含以下组件:

一分钟实现,一个RN持久数据管理器

天涯浪子 提交于 2020-08-14 04:08:24
在React Native开发过程中,总避免不了需要存储一些数据在本地。对于大多数应用只需要存储一些结构简单的数据,如标记位,用户信息等。这时候我们首选择的存储方式就是AsyncStorage,那我们先来看下AsyncStorage给我提供了哪些基本方法: 可以看出AsyncStorage已经包含set、get、remove、clear等一系列静态方法,基本上已经满足了我们对数据增、删、改、查(CURD 下文中我都统一使用简称)的需求。对于AsyncStorage的使用,官网建议我们再封装一层,而不是直接使用AsyncStorage。 那我们先在网上搜索一下看看大家是怎么封装AsyncStorage的。通过在网上大量的搜索与对比,我把大家的封装方式分为三类: 重复造轮式 这种封装方式,基本上是新建一个可导出的类,加入几个静态的CURD方法,然后在相应的静态方法里面直接调用AsyncStorage的CURD方法,其它的不做任何处理。【 这种‘‘简陋’’的封装,还不如不封装 】 类型转换式 这种封装方式,相较于 重复造轮式 ,增加了 类型转换和异常捕获 ,使得AsyncStorage的数据存的类型不再局限于string,可以保存对象、数组等结构数据类型,对于取数据的时候也做相应的转换【 基本满足开发需求,但使用不够简单 】 过度封装式 这种封装方式

Ionic@6.10.0版本创建ionic1项目使用Androidstudio打包apk【node版本12.18.0最新稳定版】

时光毁灭记忆、已成空白 提交于 2020-08-14 04:07:28
 网上大部分ionic1打包apk都是老版本,需要老版本的node,然而老版本的gulp又不兼容,造成打包编译失败,整个过程配置繁琐还需要额外下载sdk manager,所以笔者使用最新版的ionic创建ionic1项目,使用capacitor编译项目为AndroidStudio工程引入AndroidStudio中打包apk。 一、运行环境配置 1.安装jdk,配置环境变量(安装方法略过) 打开此电脑->属性->高级系统设置->环境变量 在环境变量系统变量里面新建JAVA_HOME,变量值为jdk的安装目录,接着找到系统变量里面的Path点击编辑 新建 %JAVA_HOME%\bin和%JAVA_HOME%\jre\bin 然后确定 确定。然后按下win键+R打开运行输入cmd确定,分别输入 java -version 和 javac -version 没有报错,jdk环境配置就成功了 2.安装AndroidStudio,配置sdk环境变量 AndroidStudio 下载地址 直接点击页面内download下载最新版本(安装步骤略),安装完成后设置androidSDK目录(也可以默认) 打开主界面 点击右下角 configure然后点击setting打开设置界面 第一次安装androidstudio如果电脑内没有sdk会自动去下载sdk,下载的地址就在这个设置的目录

centOS 通过yum 安装nodejs和npm

我们两清 提交于 2020-08-14 03:33:56
官方查看有哪些版本,查找自己想要的nodejs源 https://github.com/nodesource/distributions 比如我安装14.x 先安装源: curl -sL https: // rpm.nodesource.com/setup_14.x | bash - 然后: yum -y install nodejs 通过:node -v 和npm -v 查看版本,说明安装成功 替换为淘宝NPM镜像 首先我们可以查看原本的镜像地址: npm get registry https: // registry.npmjs.org/ 然后替换成淘宝的: npm config set registry http: // registry.npm.taobao.org/ 如果想恢复原来的镜像地址: npm config set registry https: // registry.npmjs.org/ 如果用淘宝定制的cnpm工具来代替默认的npm: npm install -g cnpm --registry=https: // registry.npm.taobao.org 来源: oschina 链接: https://my.oschina.net/u/4298883/blog/4437164

Nodejs 一些面试经验

倾然丶 夕夏残阳落幕 提交于 2020-08-14 03:08:28
知识点总结——NODE.JS 针对网络应用开发的平台 主要特征: 基于Google的JavaScript运行时引擎V8 扩展了Node标准类库: TCP,同步或异步文件管理,HTTP 为什么使用Node: 可以在服务器端运行js: 现有前端团队可直接参与后端js开发 js天生支持非阻塞IO: IO: 代表一切数据进出程序的操作: 包括: 文件读写, 数据库操作, 网络操作 问题: 有延迟 传统阻塞IO: IO操作会阻塞当前主线程,直到本次IO操作完成,才能执行后续代码。 非阻塞IO: 即使处理较慢的IO操作时,主进城仍然能处理其他请求 Js天生支持非阻塞: 回调函数=事件循环+回调队列 所有非阻塞的操作,返回的结果暂时在回调队列中等待 由事件循环,自动依次取回到主程序中恢复执行 回调队列在主程序之外存储回调函数,所以,不会干扰主程序执行 非阻塞在Web服务器中: 普通服务器端应用: 虽然可实现每个请求独立线程/进程, 但如果一个请求中,包含多个阻塞IO操作(访问数据库,网络,读写硬盘文件),该请求返回的时间就等于所有IO操作的时间总和——慢 Node服务器端应用: 不但每个请求是一个独立的线程,且,每个请求内的每个IO操作,都是非阻塞的。 一个包含多个IO操作的请求,返回的总响应时间,仅仅等于其中一个时间最长的IO操作的时间。 Node. js vs javascript:

Node-SASS安装

生来就可爱ヽ(ⅴ<●) 提交于 2020-08-13 19:49:59
鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。 1.安装cnpm(https://npm.taobao.org/) npm install -g cnpm --registry=https://registry.npm.taobao.org 2.在项目文件夹下安装node-sass cnpm install --save-dev node-sass 说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中 --------------------- 来源: oschina 链接: https://my.oschina.net/u/3371661/blog/4339331