npm | 易学教程

用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境

阅读更多关于用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境

目录用前端姿势玩docker【一】Docker通俗理解常用功能汇总与操作埋坑用前端姿势玩docker【二】dockerfile定制镜像初体验用前端姿势玩docker【三】基于nvm的前端环境构建技巧用前端姿势玩docker【四】基于docker快速构建webpack的开发与生产环境用前端姿势玩docker【五】快速构建中类Unix系统与Windows系统的差量化处理【待发布，请持续关注】前言关于docker构建前端环境，相关的坑点与难点，基本上都在这儿了，很多都是个人尝试总结的经验，都是从小白过来的，希望能帮助大家快速解决一些问题，抛开前端环境来看，差不多点的镜像基本也够用了。反而前端对易用性的要求更高（前端开发人员可不是天天跟linux打交道），还需要考虑类unix系统与windows的差异化问题，这点会在下一篇文章中重点说明。打赏啥的也不需要，如果可以，很感激能在github上给个小星星，github入口在博客最顶部回顾之前也说过 docker对于前端而言组重要的两个优势：工作环境的快速构建工作环境的统一所以利用docker的工程化工作流在想象中应该是这样的：例如一个新人从0到1构建前端环境：安装docker => 拉取镜像 => 根据环境（dev、build）的不同传入不同的环境变量运行相应的容器至此ok，易用性做到位之后

使用nodejs连接mysql数据库实现增删改查

阅读更多关于使用nodejs连接mysql数据库实现增删改查

首先要有数据库使用xampp 或者 phpstudy 可以傻瓜式安装新建一个项目文件夹之后在这个目录下初始化package.json (npm init) 先在项目中安装mysql 和 express ,这个项目里使用express 因为express实现路由比较方便 cnpm install mysql express --save 已经安装好mysql和express 接下来创建app.js 在app.js里引入express并实例化express对象在app.js里引入mysql 开启一个服务器接下来创建连接使用db.connect()方法连接 ,这个方法接收一个参数有错误就报错创建数据库在一个路由里写sql语句使用db.query来执行sql语句 db.query()方法有两个参数 ,第一个参数是要执行的语句第二个参数是个回调函数回调函数里可以接收错误信息,也有执行后回来的信息依然是错误优先接下来在浏览器里访问127.0.0.1:3000/createdb 页面上显示创建成功数据库里已经有nodemysql数据库了这个时候就可以在配置连接数据库里加上当前的数据库了创建表也是在一个路由里写sql语句类型是 int 数值 AUTO_INCREMENT 让id 自增, VARCHAR(255) 字符串长度255,PRIMARY KEY(ID

vue状态管理模式之vuex

阅读更多关于 vue状态管理模式之vuex

Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension ，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理应用包含什么？ new Vue({ // state 驱动应用的数据源 data () { return { count: 0 } }, // view 以声明方式将state映射到视图 template: ` <div>{{ count }}</div> `, // actions 响应再view上的用户输入导致的状态变化 methods: { increment () { this .count++ } } }) 为什么要用vuex？当多个组件共享状态时，单向数据流的简洁性很容易被破坏。vuex的思想就是把组件的共享状态抽离出来，以全局单例模式进行管理。构建中大型单页面应用时，需要更多的在组件外部管理状态，vuex自然而然地就是最好的选择。安装vuex // 直接引用 <script src="/path/to/vue.js"></script> <script src="/path/to/vuex.js"></script>

ECharts安装与使用

阅读更多关于 ECharts安装与使用

ECharts安装与使用博客说明文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！安装下载地址 https://echarts.apache.org/zh/download.html 在使用的时候需要引入对应的js 使用CDN 可以使用国内的CDN https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js 使用npm安装 cnpm install echarts 在使用npm的时候，我们直接通过 require('echarts') 来引入案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试 ECharts</title>  <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> </head> <body>  <div id="main" style="width: 600px;height:400px;"></div> <script type="text

git官网下载太慢解决方法

阅读更多关于 git官网下载太慢解决方法

下载传送门 https://npm.taobao.org/mirrors/git-for-windows/ 选择版本进入后，选择你想要的版本，它里面是降序排序。我想下载新版本怎么做？：拉到最底部来源： oschina 链接： https://my.oschina.net/shunshun/blog/4305427

Hexo yilia主题搭建自己的github个人博客（一）

阅读更多关于 Hexo yilia主题搭建自己的github个人博客（一）

前言：本文章的前提是默认你已经安装了git，node，npm，电脑也与github建立了联系 1. 在D盘下创建"blog_hexo"文件夹并查询自己电脑是否已经安装好需要的东西 2.安装淘宝镜像源（如果错误就重来，因为连接可能不稳定，不要害怕多试几次就可以了） npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装Hexo (如果失败重新来过就可以了） cnpm install -g hexo-cli 检测是否安装成功 hexo -v 4.初始化hexo并查看 5. 发布到github上在 D:\blog_hexo 目录下安装一个hexo部署插件 cnpm install --save hexo-deployer-git 打开 D:\blog_hexo 目录，找到_config.yml 文件，使用编译器打开，建议使用 Visual Studio Code打开，找到第100行，deploy 将其改成下面的内容 deploy: type: git repository: git@github.com:xxx/xxx.github.io.git branch: master 保存该文件，使用 git bash 部署到github上 hexo d 安装hexo，部署github成功！！

Appium

阅读更多关于 Appium

Appium简明教程/新手入门： http://www.testclass.net/appium Appium 是一个移动 app 自动化工具手机APP自动化：　　- 自动化完成一些重要性的任务　　- 比如微信客服机器人　　- 爬虫就是通过自动化爬取信息　　- 自动化测试 Appium 自动化特点：开源，跨平台，多语言支持的移动应用自动化工具测试对象App原型平台 windows, Liunx, Mac OS ios的应用， appium server 必须要运行在苹果机器上 MacBook Mac 自动化测试端用客户端库苹果： UIAutomation / XCTest 安卓：UIAutomator 自动化原理 - 构架图安装安装Appium Python Client 包 (Client库) 　　* pip install Appium-Python-Client 　　* 要确保安装匹配版本的selenium 和 appium 　　* pip install selenium -U 安装AppiumServer 方法一：node.js & npm （下载比较缓慢）　　npm install -g appium 方法二： Appium Desktop 　　下载地址 http://appium.io/ 安装 Android SDK 　　*

至联云讲解《IPFS分散式Web的对等数据库》

阅读更多关于至联云讲解《IPFS分散式Web的对等数据库》

随着网络上自治的和可能是异构的分散系统之间信息交换的兴起，对等数据库已经出现。OrbitDB源自Orbit聊天应用程序，是基于IPFS协议（行星际文件系统）的对等数据库。OrbitDB为不同的数据模型和用例提供了各种类型的数据库。它是为去中心化应用程序（dApps），区块链应用程序和一线Web应用程序而构建的。 OrbitDB还是一个分布式无服务器数据库。根据项目存储库，它使用IPFS作为数据存储，并使用IPFS Pubsub自动将数据库与对等方同步。它使用CRDT（无冲突复制数据类型）进行无冲突的数据库合并。CRDT（无冲突复制的数据类型）是数据结构的类型，其网络副本可以同时且独立地更新，而无需副本的协调。它是一种做事方法，具有许多优点。另外，OrbitDB使用IPFS协议，该协议充当分布式CDN。它是一种对等协议，用于分发可以由超媒体解决的内容。IPFS不依赖集中式服务器。它旨在将一组IT设备与同一文件系统连接。IPFS与万维网相似，不同之处在于IPFS可以看作是在Git存储库中的单个BitTorrent Swarm交换对象。 IFPS 0.5.0于上周发布，这得益于DHT逻辑的改进，使得在网络上搜索和共享数据的速度比以前快得多。从此版本开始，更有效的路由和配置可减少带宽使用和后台流量。IFPS团队还更新了QUIC实验性传输，以减少连接等待时间和往返，以使其成为下一个默认版本

pm2进程管理工具

阅读更多关于 pm2进程管理工具

pm2 node进程管理工具，程序的进程状态，性能监护，进程守护，负载均衡 pm2 的安装安装pm2，需要先安装node.js，使用node.js的包管理工具 npm 来安装 npm install -g pm2 全局安装启动项目进入项目根目录，在目录下有 package.json文件 pm2 start app.js 启动项目 pm2 start app.js --name xxx名称启动项目并命名 pm2 start app.js -i 4 cluster mode 模式启动4个app.js的应用实例，并且会自动进行负载均衡监听pm2项目进程 pm2 start app.js --watch 当项目有改变时，自动重启项目重启app进程 pm2 restart all 重启所有app进程 pm2 restart xxx 重启指定app进程结束pm2中的app进程 pm2 stop all 停止所有应用进程 pm2 stop id/xxx名称停止指定应用进程删除pm2中的app进程 pm2 delete all 关闭并删除所有应用 pm2 delete id/xxx名称删除指定应用进程开机自启动 pm2 startup 扩展app进程实例 pm2 scale id/xxx名称 5 把 id或者名称的应用扩展到5个实例查看app实例列表 pm2 list

(三)使用electron-builder打包成应用文件

阅读更多关于 (三)使用electron-builder打包成应用文件

前提已经实现了(一)里面的效果连接: https://www.cnblogs.com/yuNotes/p/12884930.html 1.下载electron-builder运行命令:npm install --save-dev electron-builder 2.在package.json中加入"dist": "electron-builder --win --x64"语句 3.运行npm run dist就会在根目录中看到相应的文件里面就有你需要的文件 5.添加项:用这个插件打包我在windows电脑上打包出了windows的包,没有成功打包出linux的包会报下面的错 cannot get, wait error=Get "https://service.electron.build/find-build-agent?no-cache=1fcmrcb": dial tcp 51.15.76.176:443: connectex: No connection could be made because the target machine actively refused it. 网上搜索是说在什么系统下打什么报,后续还会持续更新来源： oschina 链接： https://my.oschina.net/u/4368807/blog/4320120

订阅 npm