npm

360度全方位观测:React Native与Flutter的跨平台王位之争

吃可爱长大的小学妹 提交于 2020-12-19 09:30:44
360度全方位观测:React Native与Flutter的跨平台王位之争 作者 | Krissnawat Kaewsanmuang译者 | 王强编辑 | Yonie 我们身处科技高速发展的时代;互联网日新月异,移动应用程序开发产业也在大踏步前进。多年来,移动应用的市场需求呈爆发式增长;众多企业都在开发自己的移动应用程序,或者用于促销自己的产品,或者用来向客户提供更好的服务。 众所周知,主导全球市场的两大移动平台分别是 iOS 和 Android。当一家企业决定开发自己的移动应用时,他们需要分别为 iOS 和 Android 平台部署功能相同的应用程序。为此,开发人员需要学习两个平台的不同语言和开发流程,从而在两大平台上构建表现基本一致的应用版本。为了解决这个问题,跨平台框架应运而生,帮助开发者构建可同时适用于 iOS 和 Android 平台的移动应用。如今最流行的两大跨平台应用开发框架就是 React Native 和 Flutter。 跨平台框架发展历史 谷歌和 Facebook 的竞争关系始于 Web 产业。谷歌的 AngularJS 是 Web 应用开发市场中最流行的 Javascript 框架之一。与此同时,由 Facebook 构建的 React 则是在 Web 应用程序开发流程中广泛应用的 JavaScript 库。一般认为 Angular JS 和 React

ES6中如何配置运行环境

亡梦爱人 提交于 2020-12-19 08:54:54
本节我们来学习配置 ES6 的 JavaScript 运行开发环境,通过 babel 把 ES6 转码为 ES5 。 选择一个编辑器 首先我们选择一个编辑器,然后在这个编辑器下配置 ES6 的 JavaScript 运行环境。这里我们选择 Visual Studio Code ,当然也可以选择其他的编辑器,例如 WebStorm ,大家可以根据自己的喜好选择。 如果我们要使用 Visual Studio Code ,可以到官网下载,地址为: https://code.visualstudio.com/ 。大家根据需求下载 VSCode 相应版本的安装包,然后进行安装。 安装好后的 VSCode 界面如下所示: 下载并安装Node.js 接着我们需要下载并安装 Node.js ,官网下载地址为: https://nodejs.org/en/ ,下载并安装好后,可以通过 node -v 来查看 Node.js 的安装版本,如果出现版本号则表示安装成功,例如: Node.js 中含有 npm 软件包管理工具,所以我们安装好 Node.js 的同时就安装好了 npm 。 创建项目 然后我们可以创建一个项目,执行 npm init 初始化命令,根据显示的问题输入配置信息,如果全部默认选择默认值,可以直接执行 npm init -y 命令,这样就不用再一次次按回车了。执行完命令之后

stylus样式开发的使用----vue

岁酱吖の 提交于 2020-12-19 08:48:37
stylus是css开发辅助工具,类似lLess和Sass,安装成功后的使用如下图所示 使用的时候要特别注意缩进,因为缩进是页面dom的父子关系或者兄弟关系的体现,如图font-size:0.4rem可以理解为.header类下的.header-left类下的.text-align类 的font-size为0.4rem。而且较平常使用的css相比可以不写{}和属性后的;。这样代码更简洁易读,同样stylus也可以像Less、Sass一样使用变量 一、安装 通过终端打开项目所在的文件夹,使用 cnpm的前提是安装了淘宝镜像,否则使用npm , 1、安装 stylus ,输入命令: cnpm install stylus --save 2、安装stylus-loader,输入命令 : cnpm install stylus-loader --save 3、启动项目,输入命令: npm run dev 二、引入 在要使用的文件style标签下面引入stylus 输入:@ import '~styles/varibles.styl' 至此,stylus的安装和使用已经完成。 来源: oschina 链接: https://my.oschina.net/u/4264283/blog/3406920

Hexo + GitEE 搭建、备份、恢复、多终端

送分小仙女□ 提交于 2020-12-19 07:20:01
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 Hexo 是使用的比较多的博客框架了,我也尝试自己搭一下,做一些基础功能的测试。之所以没有使用 GitHub 而选择了码云,一是我有自己的 VPS 不需要使用 GitHub Pages ,所以本文也没有关于如何使用 GitHub Pages 的教程;二是 GitHub 上私有仓库是收费的,码云上面能创建免费的私有仓库。也有人选择使用 Docker 来创建博客环境,做镜像备份,这里没有使用此方案,各有所好吧! 环境 主服务器系统版本与内核版本: [root@dbn-japan ~]# cat /etc/redhat-release CentOS Linux release 7.5.1804 (Core) [root@dbn-japan ~]# uname -r 3.10.0-862.3.2.el7.x86_64 测试服务器系统版本与内核版本: [root@host ~]# cat /etc/redhat-release CentOS Linux release 7.3.1611 (Core) [root@host ~]# uname -r 4.10.4-1.el7.elrepo.x86_64 安装 wget yum install -y

工作命令

落爺英雄遲暮 提交于 2020-12-18 09:40:59
安装saas cnpm install node-sass @latest 前端打包:npm run build:prod 来源: oschina 链接: https://my.oschina.net/u/3631797/blog/4259672

gulp入门(gulp 或者 npm run xxx来执行),个人觉得和直接用node.js写区别不大

故事扮演 提交于 2020-12-18 09:36:34
1)安装gulp 参考:https://www.gulpjs.com.cn/ sudo npm install gulp-cli -g --unsafe-perm=true --allow-root sudo npm install gulp -D --unsafe-perm=true --allow-root sudo npx -p touch nodetouch gulpfile.js --unsafe-perm=true --allow-root gulp --help 2)创建工程 安装 gulp 命令行工具 npm install --global gulp-cli 创建项目目录并进入 npx mkdirp my-project cd my-project 在项目目录下创建 package.json 文件 npm init 安装 gulp,作为开发时依赖项 npm install --save-dev gulp 检查 gulp 版本 gulp --version 3)实现逻辑功能 ➜ my-project tree . |____readfile.js |____package-lock.json |____package.json |____gulpfile.js |____.idea 当然了node_modules也是存在的 4)实现如下 |____readfile

vue-cookies的使用

生来就可爱ヽ(ⅴ<●) 提交于 2020-12-18 06:39:51
安装vue-cookies npm install vue-cookies --save 使用vue-cookies // 在main.js中 // require var Vue = require('vue' ) Vue.use(require( 'vue-cookies' )) // es2015 module (推荐使用这个) import Vue from 'vue' import VueCookies from 'vue-cookies' Vue.use(VueCookies) API: 语法格式: [this | Vue | window].$cookies.[method] 设置全局配置: // 默认expireTimes为 1d, path = / this .$cookies.config(expireTimes[,path]) 例如: this .$cookies.config('30d') 设置一个cookies: this .$cookies.set(keyName, expireTimes[, path[, domain[, secure]]]]) // return this 获取一个cookies: this .$cookies.get(keyName) // return value 删除一个cookies: this .$cookies

vue纯前端导出excel表格

三世轮回 提交于 2020-12-17 20:59:08
一、安装依赖   npm install file-saver --save   npm install xlsx --save   npm install script-loader --save-dev 二、下载两个所需要的js文件Blob.js和 Export2Excel.js。   百度云链接: https://pan.baidu.com/s/1SICpnHkavzzX-fhjlx3xTQ 提取码: xir2 三、在前端模块src下创建一个文件夹,放入引入的插件 四、更改 Export2Excel.js文件中require引入的Blob.js路径      改为:    五、从后端查询到需要导出的数据:exportData formatJson(filterVal, jsonData) {     return jsonData.map(v => filterVal.map(j => v[j]))  }, export2Excel() {     require.ensure([], () => {       const { export_json_to_excel } = require('../../../vendor/Export2Excel');       const tHeader = ['商品名称','商品货号','售价','库存','销量','分享',];

Puppeteer学习笔记 (2)- Puppeteer的安装

青春壹個敷衍的年華 提交于 2020-12-17 15:51:49
本文链接: https://www.cnblogs.com/hchengmx/p/11009849.html 1. <a name = "node的下载安装">node的下载安装</a> 由于puppeteer是nodejs的一个库,所以首先需要安装nodejs。 下载地址: https://nodejs.org/zh-cn/ 我在这里用的是长期支持版,10.16.0。 下载后一路安装 安装成功后,需要检测node和npm有无安装成功,正确的话会出现node和npm的版本号。 node -v note: 要是失败了,就需要检查环境变量是是否有nodejs的路径。 安装成功后nodejs文件夹下内容如下。 2. <a name = "node的安装模块路径配置">node的安装模块路径配置</a> 之所以要配置安装模块路径,是因为要是不配置,以后下载的模块都会放在 C:\\Users\\用户名\\AppData\\Roaming\\npm" 和 C:\\Users\\chenghang\\AppData\\Roaming\\npm-cache 这样的路径下,不太方便查找自己安装的模块,我们希望所有的模块都安装在 C:\Program Files\nodejs\ 路径下。 首先C:\Program Files\nodejs\ 下创建两个文件夹,node_cache 和 node

Vue 旅游网首页开发1-工具安装及码云使用

血红的双手。 提交于 2020-12-17 01:14:27
Vue 旅游网首页开发-工具安装及码云使用 环境安装 安装 node.js node.js 官网: https://nodejs.org/en/    注册码云,创建私密仓库存储项目 码云: https://gitee.com/wjw1014/    下载 git 用于同步本地与码云项目 git 官网: https://git-scm.com/    安装 Vue 脚手架工具 CLI https://cn.vuejs.org/v2/guide/installation.html    npm install --global vue-cli    先停一下 OK 这个项目难产了,先这样吧! 19年3月3 继续.... 脚手架工具安装成功! 创建一个 vue 项目 vue init webpack my-project 填写项目的基本信息 安装完成! 进入Travel 项目,使用命令启动vue项目 npm run dev   帮助我们进行自动化的打包 打开网址验证效果! 上传项目进码云 进入 Travel 项目文件夹 git init    git add .    git commit -m code    git push    数据提交至码云。 来源: oschina 链接: https://my.oschina.net/u/4396360/blog/3655176