Conor.Jin's blog

分类 · 前端

首页

关于

归档

qiankun_配置

一、基座配置 以react为基座,进行配置   1.搭建react搭建 npx create-react-app micro-app-main   2.安装 qiankun yarn add qiankun # 或者 npm i qiankun -S   3.修改 src/index.js,引入qiankun,注册子应用(本示例搭建分别搭建react、vue两个子应用,提前注册)。 import React from ‘react’;import ReactDOM from ‘react-dom’;import ‘./index.css’;import App from ‘./App’;import reportWebVitals from ‘./reportWebVitals’; import {regi..

更多
loading..

Edge调试安卓手机H5页面

一、前提 1.安卓手机,微信APP内打开url 2.PC浏览器,内核要求Chromium 3.手机打开开发者设置,USB调试   二、打开微信 http://debugx5.qq.com/页面,可扫描下面二维码   三、http://debugx5.qq.com/  配置   信息tab下面,勾选”打开TBS内核Inspector调试功能”和”打开TBS内核X5jscore Inspector调试功能” 渲染Tab下,抓取配置页面,填写目标网址,例如 https://m.baidu.com/   点击 开始抓取 RenderLog 按钮,进行页面跳转   三、打开浏览器调试页面 以Edge浏览器为例,打开 edge://inspect/#devices 安卓USB连接电脑,打开开发者配置,开启USB调试,..

更多

微信支付url未注册问题解决方案

最近开发单页应用,然后集成在微信端。因为项目需要接通微信支付,而在开发过程中也遇上了一些问题。所以便写下这篇文章,希望给同样遇上问题的朋友一个参考。 在项目打包上线,微信上测试的时候结果报出以上错误。网上查看了很多资料,但是都没有比较详细的解决方案。 如果你也遇上以上的问题,那么我这篇文章也许能够帮到你。 也许是出于安全的考虑,在使用微信提供的JSSDK的时候,我们需要给当前的网址签名。我们需要在微信公众平台上填写当前网址的url。具体如下: www.test.com/orderPlus/demo1 //微信浏览器中访问的网址 那么我们微信公众平台上绑定的url就应该是www.test.com/orderPlus/。微信允许网址最后一个参数可变化,此刻我们就能够正常调用微信支付接口了。 www.test.c..

更多

React Native 调试

一、console.log查看1.Android react-native log-android 2.ios react-native log-ios   二、adb命令下打开Dev菜单,避免再次摇晃手机才能弹出adb shell input keyevent 82

更多
loading..

JS中macro-task(宏任务)与micro -task(微任务)

一、前提 同步异步JS是一门单线程的语言,换言之就是无论如何都只有一个主线程来处理任务,所以为了加快处理速度,会将异步任务挂载起来(pending),优先执行同步任务。   二、异步划分  异步分为macro-task(宏观任务)与micro -task(围观任务)。存放顺序都为先后顺序,反之执行顺序也是如此,更深入则是涉及到事件机制,这里不表。 既然执行顺序为先后顺序,划分又为宏观与微观,这两种执行顺序又怎样呢?   微观任务完成才会执行宏观任务   三、demoasync function async1() { console.log(‘async1 start’); await async2(); console.log(‘async1 end’);}async function ..

更多

NodeJS配置

1. 初始化 npm init   2.安装koa npm i koa   3.使用ejs模板引擎 npm install –save koa-views npm install ejs –save

更多
loading..

初用react注意事项

一、绝对路径问题1.使用官方脚手架安装不会暴露webpack的配置,需要运行 npm run eject 成功之后(之前会有提示,git上传接文件即可) npm run eject过后就会生成两个文件夹   2.然后找到config文件里面的webpack.config.js   3.搜索alias 并改成一下代码   4.然后再在页面里面把相对路径改成以@开头的绝对路径 5.重启项目   二、antd 按需要引用组件无效1.先按照antd npm install –save antd   2.按需引用组件   3.这是使用无效。因为antd默认引入样式是less,所以需要手动配置为CSS,配置babel 安装 babel-plugin-import npm install babel-plugi..

更多

react初始化以及主要使用包说明

一、 脚手架安装 npx 安装 npx create-react-app my-appcd my-appnpm start 注: npx create-react-app my-app 等同于 npm install -g create-react-appcreate-react-app my-app   二、styled-components安装 npm install –save styled-components 注: styled-components 是对css样式进行模块化封装的包,所以文件应该是一个 .js,方便示例使用单个文件使用如下 import React, { Component,Fragment} from ‘react’;//引入styled-componentsimport st..

更多
loading..

linux卸载mysql5.7并配置mysql8

1.卸载mysql5.7卸载: $ sudo apt-get autoremove –purge mysql-server $ sudo apt-get remove mysql-common   清楚数据: dpkg -l grep ^rcawk ‘{print $2}’ sudo xargs dpkg -P   2.检测残留$ sudo dpkg –listgrep mysql 查看mysql有哪些依赖   $ sudo apt-get remove XXXXX $ sudo apt-get autoremove XXXXX   3.安装mysql8注意: ubuntu会默认安装mysql5.7版本!!!  所以要先切换软件库   更新软件库: sudo apt-get update   在mysql..

更多
loading..

ubuntu18 配置php7.1

1.安装$ sudo apt-get install software-properties-common$ sudo add-apt-repository ppa:ondrej/php$ sudo apt-get update$ sudo apt-get install -y php7.1$ sudo apt-get -y install php7.1-mysql$ sudo apt-get install php7.1-fpm$ apt-get install php7.1-curl php7.1-xml php7.1-mcrypt php7.1-json php7.1-gd php7.1-mbstring   2.检测$ php-v 如图则成功   3.配置(PHP)$ sudo vim /etc/..

更多
12