npm

微信小程序搭建mpvue项目过程 第一步：安装Node环境 下载node.js安装包 下载地址： node.js中文网 根据电脑系统选择安装包：这里我选择的windows 64位安装包 安装过程：全程 next 就完事 打开cmd检查是否安装完成（Win+R或者直接搜索打开） 如果 版本号 可以显示出来说明安装成功 国外镜像比较慢，所以把镜像地址换成国内的网址 安装vue-cli脚手架（vue-cli是vue框架的脚手架）并创建项目 cmd下输入 npm install vue-cli -g下载安装脚手架 安装完成vue-cli后，输入vue查看vue是否安装成功，vue list是查看vue现有的组件，webpack是常用的搭建项目的组件 继续在cmd下输入vue init mpvue/mpvue-quickstart truth_hold 然后会出现以下页面 在Project name后敲击回车（Enter）进入下一步 将wx小程序id复制到命令行然后敲击回车 继续一直敲击回车（一直到出现下列界面）表示项目创建完成 进入到项目文件夹下并且安装项目配置文件 安装成功启动项目，输入 npm run dev 将项目导入微信开发者工具 打开开发者工具，菜单栏下的 导入项目 ，直接从创建项目处导入也可以 选择该文件夹然后导入即可 导入成功后将出现以下界面，表示项目搭建完成 来源：

背景 ​ 像平凡的大多数一样，大部分的时间还是做着 CRUD 的需求，使用 ECharts 搭建各种图表看板。直到产品给我们提出了一个这样的需求，前端通过不同的筛选方式选定一种规则，后端解析这些规则并通过大数据跑数筛选出符合规则的目标对象并且生成对象 id 给后续使用。 ​ 一开始这个需求并不是定位于中台开发，产品只是作为一个常规需求提给我们。深入了解业务需求以后我们发现这个需求不仅在我们的项目中要使用，在另外一个项目中也要使用，并且不同的项目中表现的形式不一致，筛选的对象在最初的需求中只是针对到商户。稍微整理一下我们发现这个需求具有 跨项目 可配置 可扩展 这些特点。所以大胆的提出采用组件化开发，以中台的形式完成这个需求。 ​ 目前这个业务中台已经累计接入 10+ 个项目，同时也帮助孵化了一个作为消费者的下游中台。接入方只需要添加自身的数据源，管理台进行相关配置，前端引入 SDK 输入参数便能生成圈选对象再自行消费。完全不用感知中间圈选的逻辑。大大减少了前端的开发时间。接下来将介绍作为一个中台应用，前端开发中踩过的坑。 架构介绍 ​ 作为一个中台应用必然要考虑嵌入在各个项目中，在通过 iframe 页面嵌入到项目中，以及通过打包成 npm 包由接入方各自引入两种方案中我们选择了后者。因为虽然 iframe 的方式方便发布升级，以及天然的作用域隔离，但是 iframe

Webpack 3.x安装时遇到的问题 由于学习需要安装webpack3.6.0版本，所以操作一波，结果上来就出错 首先确认npm和node有没有安装 确认过是安装了的，接下来安装webpack 结果报了一堆错，开始上网查，发现没有配置环境变量，所以配置环境变量，环境变量需要配置到node.exe 回去再安装，由于新手不懂，还是在C盘下安装结果说node不是内部命令， 所以切换到node所在的文件夹下重新试一遍，还是报错 Hostname/IP does not match certificate’s altnames: Host: registry.cnpmjs.org. is not in the cert’s altnames: DNS:r.cnpmjs.org 如果碰到这种情况，执行下npm set strict-ssl false这个命令，再试一次就好了 新手上路，学习过程中碰到问题写出来加深印象，如有说错的地方还请大神指出，多多包涵 来源： oschina 链接： https://my.oschina.net/u/4266968/blog/4492306

step 1 装依赖的包(npm/yarn 自己选一个)： yarn add bip39 ethereumjs-wallet ethereumjs- util npm install bip39 ethereumjs-wallet ethereumjs-util step 2 演示代码： const bip39 = require('bip39' ) const {hdkey} = require('ethereumjs-wallet' ) const util = require('ethereumjs-util' ) // 1 生成助记词 ；1.1 和 1.2 自己按需。 // 1.1 生成助记词 ;这里用生成的. // let mnemonic = bip39.generateMnemonic() // 1.2 生成助记词 ;这里用写死的. let mnemonic = "hold scale hybrid tank dilemma bullet ship language attitude rug tennis host" console.log(mnemonic) // 2.将助记词转成seed getSeed = async ()=> { let seed = await bip39.mnemonicToSeed(mnemonic) console.log( "seed

一、安装node https://www.cnblogs.com/51ma/p/11276413.html 安装好以后，请设置一下node的镜像下载地址，改为国内的地址。这个地址为淘宝提供的镜像，速度比较快。 直接在cmd命令里面键入这两条命令即可。 npm config set registry https: // registry.npm.taobao.org --global npm config set disturl https: // npm.taobao.org/dist --global 二、安装python https://www.cnblogs.com/51ma/p/9447748.html 安装Yarn、 React Native命令行工具（react-native-cli） **Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。 **React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。 安装完python,直接打开cmd命令，键入以下安装代码即可 npm install -g yarn react-native-cli 安装完 yarn 后同理也要设置镜像源： yarn config set registry https: // registry.npm

fpm工具安装 CentOS 6.x下安装 #centos6 由于自带yum源中的ruby版本太低，需要如下安装： yum -y install rpm-build yum update nss gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB curl -sSL https://get.rvm.io | bash -s stable source /etc/profile.d/rvm.sh rvm install 1.9.3 gem install fpm rvm use 1.9.3 --default #选择ruby版本 CentOS 7.x下安装 #安装ruby： yum -y install ruby rubygems ruby-devel rpm-build gem install fpm FPM常用参数 -f :强制覆盖[覆盖同名rpm包] -n :指定的rpm包名 -p :指定的rpm包文件放置位置 -v :指定的rpm包版本 -d :指定依赖的软件 ( [-d 'name'] or [-d 'name > version'] 例子: -d 'libstdc+

##引言 React Native路由导航，有它就够了！该文档根据 React Navigation 文档翻译，有些内容会根据自己的理解进行说明，不会照搬直译，若发现理解有问题的地方，欢迎大家提点！由于本人是基于iOS开发，安卓版本的目前还没有去实践运行，后续有时间会去实践，如果遇到问题，可以@我。最后，这边针对iOS运行的时候遇到的问题也有汇总，并提供解决方案。最后的最后，由于本片文章会很长，所以推荐一个Chrome插件，可以自动根据文章中的h1~h6生成目录，方便查看章节内容，在编写文章时也可以用哦！ Smart TOC ，点击安装后，如下图操作： 基本原理 1 开始 如果您已经熟悉React Native，那么您将能够快速上手React导航!如果没有学习过，你需要先读 React Native Express 的第1 - 4部分(包括第4部分)，读完后再回到这里。 本文档的基础部分介绍React导航的最重要的方面。它足以让您了解如何构建典型的小型移动应用程序，并为您提供深入了解React导航更高级部分所需的背景知识。 1.1 安装 在RN项目中安装您需要的包 npm npm install @react-navigation/native 复制代码 yarn yarn add @react-navigation/native 复制代码 React导航由一些核心工具组成

vue 适配移动端 假设设计图是375 第一步 安装 lib-flexible npm i lib-flexible --save 第二步 安装 px2rem-loader 　　npm install px2rem-loader --save-dev 第三步 引入lib-flexible 　　import 'lib-flexible/flexible' 第四步 最重要的一步 配置utils文件 const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 37.5 } } //在generateLoaders方法中添加px2remLoader const loaders = [cssLoader,px2remLoader] ps:npm的安装命令--save是将包装到package.json的dependencies 而--save-dev是将包装到package.json的devDependencies中 第一个相当于是安装插件 第二个是安装依赖包 注意！！：如果是750的设计图需要将第四步的remUnit替换成750 这样生成出来的比例就是1rem=100px 最后测试下。。 测试没问题 来源： oschina 链接： https://my.oschina.net/u/4370628/blog

react-native-easy-app 是一款为React Native App快速开发提供基础服务的纯JS库( 支持 IOS & Android )，特别是在从0到1的项目搭建初期，至少可以为开发者减少30%的工作量。 react-native-easy-app 主要做了这些工作： 1. 对AsyncStorage进行封装，开发者只需几行代码即可实现一个持久化数据管理器。 2. 对fetch进行封装，使得开发者只需关注当前App的前后台交互逻辑和协议，定义好参数设置及解析逻辑即可。 [3. 重新封装了RN的View、Text、Image、FlatList 使用得这些控件在适当的时候支持事件或支持icon与文本，能有效减少布局中的嵌套逻辑。]() [4. 通过设置一个屏幕参考尺寸，重置XView、XText、XImage的尺寸，实现自动多屏适配]() 可能有人觉得，RN的AsyncStorage本身就很简单，自己封装也就几十行代码的工作量，为什么还要使用第三方库？ 一千个人心中，有一千个哈姆雷特，也许我的封装思路能给你带来不一样的启发也未可知呢？ 数据存储（AsyncStorage） RN平台提供的AsyncStorage有一些基础方法：setItem，getItem，removeItem，getAllKeys

基于录制的前端测试工具UI Recorder 一、总结 一句话总结： 前端测试，记录用户行为，也就是用户行为的录制和回放 二、基于录制的前端测试工具UI Recorder 转自或参考：基于录制的前端测试工具UI Recorder - 简书 https://www.jianshu.com/p/14122ce0d4fb 对于浏览器的兼容性测试，一只想找一个工具。简化编写脚本的过程，或者有好的工具直接替换。这阵子试用了阿里的这款工具，感觉还不错。这里简单的记录一下过程。 需要的环境 Nodejs java Selenium standalone server 安装UI Recorder npm install uirecorder -g 安装命令，安装完成后进行下一步。 uirecorder init -l zh-cn 初始化配置,第一次试用，我们一路回车，在浏览器列表我选择chrome uirecorder start -l zh-cn 开始录制脚本，根据需要自己填写。完成后会自动打开两个chrome窗口。 第一个窗口，是录制窗口 第二个是校验窗口，是个空白页面，我们录制的时候不用管这个。 在录制页面输入我们要录制的url点击开始录制 随后进入我们输入的百度首页 可以看到右上角不断的有提示，随后我们正常操作，比如在百度搜索python。完成一个流程后，我们点击结束录制