![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
环境配置
文章平均质量分 92
Corner1990
以为自己什么都有,仔细想想什么都没有!
展开
-
微信h5调试环境搭建
微信h5调试环境搭建VConsole手机网页的前端开发者调试面板, vConsole 传送门安装$ npm install vconsoleor$ yarn add vconsole使用vue react 项目可以直接在入口文件 引入,然后创建实例import VConsole from 'vconsole';const vConsole = new VConsole();// 或者使用 options 选项初始化const vConsole = new VCon原创 2021-08-07 11:45:03 · 733 阅读 · 0 评论 -
基于qiankunjs的微前端搭建
什么是qiankunqiankun: 一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台微前端基本架构#mermaid-svg-IHseDMMMqVX3w5Iq .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#merm原创 2020-12-15 17:03:04 · 5907 阅读 · 1 评论 -
什么是微前端
将多个独立的系统,通过统一的入口提供给用户使用的聚合系统 。而开发,测试,上线,都是子系统自行研发,测试 ,上线。微前端的特点代码库更小,可以将系统拆分成多个子系统。独立部署,子系统堵路部署,没有技术栈限制无需重新开发当前项目,可以直接集成微前端的不足开发中需要运行多个子系统才能开发和调试(至少是base系统和业务系统)多个系统之间的约定,已经架构设计性能问题(单页面系统=>ios, 微架构=> Android)生产环境多个系统之间的版本控制(业务流程可能.原创 2020-12-15 10:33:08 · 668 阅读 · 2 评论 -
GIT合并指定commit到当前分支
最近因为偷懒,没有重新拉建立分支,导致在发布测试的时候有问题,多个任务的代码揉到了一起,而我这次是希望发布部分代码. 所以就有了下边的命令git cherry-pick基本用法`git cherry-pick` 的作用,就是 将指定的提交合并到其他分支$ git cherry-pick <commit hash># 将指定的提交,合并到当前分支,并且会产生一个新的提交及记录<commit hash># 将提交 xxx 应用到 dev分支$ git checkout.原创 2020-11-06 11:27:50 · 1084 阅读 · 0 评论 -
webpack4优化学习
libraryTarget 和 library当用 Webpack 去构建一个可以被其他模块导入使用的库时需要用到它们output.libraryTarget 配置以何种方式导出库output.library 配置导出库的名称 output.libraryTarget 是字符串的枚举类型,支持以下配置var (默认)编写的库将通过var被赋值给通过library指定名称的变量。in...原创 2018-12-14 10:39:49 · 1296 阅读 · 0 评论 -
抽象语法书(Abstract Syntax Tree)
webpack 和 esLint 等很多工具和库的核心都是通过 Abstract Syntax Tree(抽象语法树)来实现对代码的检查,分析等操作。通过了解抽象语法树这个概念,自己也会对类似的工具有一个更深入的认识。抽象语法书的用途代码语法检查,代码风格检查,代码高亮,代码错误提示,代码自动补全等等如JSLint,JSHint对代码错误或者风格的检查,发现一些潜在的错误IDE的...原创 2018-12-20 17:58:35 · 2170 阅读 · 0 评论 -
mysql学习之安装配置
数据库的作用存储大量数据,方便检索和访问保持数据信息一致性,完整性共享和安全通过组合分析,产生新的有用的信息数据库基本概念实体只要是在客观世界存在的,可以被描述出来的都是实体数据库(DB)就是数据仓库,可以存放结构化的数据数据库管理系统(DBMS)一种系统软件,提供操作数据库的环境,可以通过数据库管理系统对数据进行CRUD。SQL结构化查...原创 2019-01-10 17:33:11 · 166 阅读 · 0 评论 -
MySQL学习之常用操作
新建数据语法:CREATE DATABSE 数据库名称CREATE DATABSE databse_name;新建数据表语法:CREATE TABLE 表名称(列名称 数据类型, 列名称 数据类型)CREATE TABLE student(id int, name varchar(255), age int);切换数据库语法: USE database_nameUS...原创 2019-01-16 17:53:14 · 296 阅读 · 0 评论 -
typescript简单上手
typescript简介Typescript 是由微软开发的一款开源的编程语言Typescript 是JavaScript的超集,遵循最新的es5,es6规范。Typescript 扩展了JavaScript语法Typescript 更像后端java, c#这样的面向对象的语言,可以让js开发大型企业应用安装TScriptnpm i typescript -g使用新建1.t...原创 2019-02-16 10:53:05 · 546 阅读 · 0 评论 -
react-ssr之事件绑定
没有处理事件的页面是不完整…这里使用一个计数器的demo来展示如何实现事件绑定….主要需要两个步骤,抽离配置,页面引入我们写好的计数器脚本抽离webpack配置文件,单独打包server端和client端webpack.base.js 基础配置module.exports = { mode: 'development', target: 'web', mo...原创 2019-06-09 07:15:19 · 1327 阅读 · 0 评论 -
react-ssr之路由配置
凡事都是现有1,再有2,然后有100…我们处理好了事件绑定,那肯定还是需要路由配置的,话不多说,撸起来新增路由文件在src目录下新建router.js/*** @desc 这里是最基本的路由配置* 只有两个页面,一个home,一个couter*/import React, {Component, Fragment} from 'react'import { Route }...原创 2019-06-09 07:33:03 · 2903 阅读 · 0 评论 -
webpack4配置简单上手
什么是webpackwebpack可以看做是模块打包机,他做的事情是,分析你的项目结构,找到Javascript模块以及其他的有些浏览器不能直接运行的拓展语言(sass, TypeScript等),将其打包为合适的格式以供浏览器调用构建就是把源代码转换成发布到线上可执行的JavaScript, HTML,css,包括一下内容代码转换: typescript编译成JavaScript,...原创 2018-12-14 10:37:34 · 546 阅读 · 0 评论 -
redis上手之性能测试和集群部署
性能测试Redis 性能测试是通过同时执行多个命令实现的。语法redis-benchmark [option] [option value]实例redis-benchmark -n 1000000====== PING_INLINE ====== 1000000 requests completed in 16.99 seconds 50 parallel client...原创 2018-12-08 14:56:46 · 612 阅读 · 0 评论 -
nginx简单配置上手
nginx是一个开源且高性能、可靠的HTTP中间件和代理服务器学习环境操作系统CENTOS>=7.0,位数 X64 CENTOS 7.2环境确认关闭 iptablesiptables命令是Linux上常用的防火墙软件功能命令停止防火墙systemctl stop firewalld.service永久关闭防火墙systemctl disable...原创 2018-11-30 14:34:12 · 685 阅读 · 0 评论 -
PhantomJS的使用
简介phantomjs 简单来说是一个基于 WebKit 的“无头浏览器”环境。对“无头”,你可以理解成没有一个前端的 GUI 界面,所有的东西都在后台运行。phantomjs 在“无头”界的名声,是源于从 WebKit 里得到的对 DOM / JS 的完整支持。一个纯后台的,完整功能的浏览器,这东西就有很多可以想像的空间了 —— 抓取,测试等。安装下载phantomjs...原创 2018-07-24 14:02:59 · 3295 阅读 · 0 评论 -
http之压缩
在学习HTTP的时候我们会发现所有的HTTP请求和响应头都是独立的知识点,相互之间并没有关联,只有在实际的项目中,我们可能会用到多个响应头的设置。例如缓存,我们通常会使用协议缓存,强缓存,和ETAG,为了减少数据传输报的内同,我们通常会使用压缩来节省流量,这里学习一下node的压缩模块zlib 要学习压缩,首先要了解两个头, Content-Encoding: gzip 服务端...原创 2018-08-12 15:24:10 · 1137 阅读 · 0 评论 -
webpack4学习(一)
大家都很熟悉了。如Vue,react等都用他打包,为了提高司机的开车体验,一下介绍一些30迈的飙车技巧,老司机勿喷依赖标识项目依赖, --save 上线开发都需要--save-dev 开发依赖,只有开发时使用安装npm install webpack webpack-cli -Dyarn add webpack webpack-cli -D// 运行...原创 2018-08-22 13:49:08 · 198 阅读 · 0 评论 -
webpack4学习(二)
手动配置热更新// 手动出发热更新if (module.hot) {// module.hot.accept()// 指定某一个文件自动更新 module.hot.accept('a.js', function () { console.log('hot update') })}// 抽离样式侯不能实现热更新// 目前的解决方案就是开发环境下关闭抽离css...原创 2018-08-30 10:25:24 · 431 阅读 · 0 评论 -
umiJS学习
安装umiJS小提示一句,如果说经常把yarn和npm混用的话会出现一些奇奇怪怪的问题,具体什么问题可以自己摸索// yarn or npm yarn global add umi # or npm install -g umi创建一个项目新建项目目录使用umi新建页面使用umi命令创建自己手动创建启动项目打包发布// 1.新建目录mkdir myappc...原创 2018-10-18 16:21:15 · 23823 阅读 · 3 评论 -
JWT在node中的简单应用
JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案。是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录(SSO)场景。主要解决的问题跨域认证的问题单点登陆的问题省去服务端读取Session的步骤,这样更符合RESTful的规范JWT 构成header...原创 2018-11-07 20:46:42 · 2054 阅读 · 0 评论 -
JWT原理学习
恩么么,用着用着就想知道实现对不对,我也想知道,然后就有了这个。。。。。。开发前的思考我们通过调用,发现引入的是一个对象,这个对象对外暴露了两个方法,encode和decode,我们通过encode创建token,使用decode效验token。下边是实现// 1.创建对象,并暴露出两个方法let jwt = { decode (token, secret) { ...原创 2018-11-07 20:47:16 · 1179 阅读 · 0 评论 -
MongoDB上手之创建索引篇
索引通常能够极大的提高查询的效率,如果没有索引,MongoDB在读取数据时必须扫描集合中的每个文件并选取那些符合查询条件的记录。这种扫描全集合的查询效率是非常低的,特别在处理大量的数据时,查询可以要花费几十秒甚至几分钟,这对网站的性能是非常致命的。索引是特殊的数据结构,索引存储在一个易于遍历读取的数据集合中,索引是对数据库表中一列或多列的值进行排序的一种结构特殊的数据结构,按顺序保存...原创 2018-11-23 20:09:40 · 1282 阅读 · 0 评论 -
MongoDB上手之配置篇
通过配置项启动数据库参数含义–dbpath指定数据库文件的目录–port端口 默认是27017 28017–fork以后台守护的方式进行启动–logpath指定日志文件输出路径–config指定一个配置文件–auth以安全方式启动数据库,默认不验证mongo.confdbpath=E:\mongo\data,logpat...原创 2018-11-22 15:01:04 · 228 阅读 · 0 评论 -
扩展mongoose模型
业务分层service(多个模型)->到单个模型->model 模型定义service(多个模型)->到单个模型->model (模型定义+扩展方法)statics 对类进行扩展当针对所有集合操作的扩展在使用这个扩展根据用户名查找用户文档 // this指向model// 扩展方法PersonSchema.statics.findByUsername...原创 2018-11-25 20:50:44 · 1534 阅读 · 0 评论 -
MongoDB上手之部署篇
主从复制主从复制是一个简单的数据库同步备份的集群技术在数据库集群中要明确知道谁是主服务器,主服务器只有一台从服务器要知道自己的数据源也就是知道自己的主服务器是谁–master用来确定主服务器,–slave和–source 来控制从服务器主服务器master.confdbpath=E:\ms\masterport=1000master=truemaster.batm...原创 2018-11-25 08:49:01 · 211 阅读 · 0 评论 -
Mac配置JAVA cdk
***********MAC OS X EI Capitan(10.11.6)JDK下载地址:http://www.Oracle.com/technetwork/Java/javase/downloads/index.html 下载mac对应的.dmg文件即可***********按提示安装好之后,进入以下路径查看JVM[java] view plain copy print原创 2016-10-23 09:35:08 · 608 阅读 · 0 评论