- 博客(17)
- 收藏
- 关注
RSS订阅
原创 webpack基础及react项目搭建
webpack入门1、为什么要使用webpack?随着前端工程越来越复杂，单独依靠几个文件来写业务代码已经无法保证项目的可维护性了，所以我们将不同业务逻辑拆分成不同的模块，然后去分开引入这些模块，每个模块做自己的事情，这样就能保障项目的可维护性和扩展性了，但假如有几千个模块，这就需要一个工具来帮助们管理这些模块了，可以说webpack就是帮助我们管理复杂项目的一个工具。2、webpack是...
2020-12-11 16:31:47
485
原创 使用umi时，项目运行报错找不到公共库文件
在某次运行项目中，报出以下错误，项目无法找到公共引用的库，初次接触lerna，导致搞了相当长一段时间才解决，解决步骤：lerna link 运行上面命令后查看package列表lerna list再次运行npm run start成功运行项目。lerna 相关命令补充记录–hoist 这个选项，会把共同依赖的库安装到根目录的node_modules下， 统一版本lerna bootstrap 安装依赖lerna clean 删除各个包下的node_moduleslerna ini
2021-07-02 17:11:04
981
转载 yarn create @umijs/umi-app失败报错
第一次使用umi,根据ummi官网创建项目报错,解决方案执行 yarn global bin和yarn global dir发现并不在一个盘，应该是E盘的yarn没有访问权限导致的，要解决这个问题，，可以通过修改Yarn的全局安装位置。yarn config set global-folder "E:\Program Files\yarn\global"yarn config set cache-folder "E:\Program Files\yarn\cache"再次执行命令项目创建
2021-03-11 15:57:56
1347
2
原创 前端配置浏览器rem自适应
px2rem-loader用于移动端自适应布局，将px转换成rem使用方式：1、安装lib-flexible.jsnpm i lib-flexible --save2、在项目入口文件main.js中引入lib-flexible；//（import ‘lib-flexible/flexible.js’）；3、安装px2rem-loadernpm i px2rem-loader --save4、在webpack中配置 px2rem-loader: { loader: '
2021-03-11 15:43:30
572
原创 git status‘ failed with code 128
1、git status’ failed with code 128:错误情况有好几种：暂时遇到过的有效解决：（1）在终端中执行以下命令：rm .git/index
2021-03-11 15:41:52
4340
原创 微信小程序添加async/await语法配置
添加async/await语法配置1、下载regenerator包npm i regenerator -save 或者 点击下载：http://nodejs999.com/regenerator-runtime.rar然后将下载文件中的regenerator-runtime文件夹放入小程序目录我这里是放在了utils文件夹。2、在需要使用async/await的js文件顶部引入regenerator库：let regeneratorRuntime = require("../../uti
2020-12-23 11:06:38
337
原创 location.href跳转时将https自动改成了http
从一个https地址使用location.href跳转页面会自动将https改成http解决方法：在目标地址后添加’/'即可解决，但暂未找到原因
2020-12-23 10:59:07
3882
2
原创 启动mysql时，提示mysq服务无法启动 服务没有报告任何错误
问题原因： data目录手动创建的问题解决方法：1，删除手动创建的data目录，进入mysql的bin目录；2 ，执行mysqld --initialize-insecure ，第一次执行的话，时间会久一些，执行结束后没有输出信息，查看bin的同级目录下会多出一个data文件夹，里面一堆文件。3 再次执行net start mysql命令启动服务，发现启动成功！...
2020-08-26 15:12:54
208
原创 egg框架使用sequeliz插件连接mysql数据库
使用 sequelize 连接到 MySQL 数据源，在 Node.js 社区中，sequelize 是一个广泛使用的 ORM 框架，提供了很多丰富的接口。1，安装对应的插件egg-sequelize ：npm install --save egg-sequelize mysql22，开启插件：// config/plugin.js module.exports = { mysql:{ enable: true, package: 'egg-mysql', }};
2020-07-29 11:16:41
472
原创 JavaScript个人记录方法
Object.defineProperty()方法Object.defineProperty方法会直接在对象上新创建一个属性或修改这个对象的现有属性并返回此对象，通常通过此方法添加的属性的值是不可变的。Object.defineProperty()接受三个参数：Object.defineProperty(obj, prop, descriptor)obj：目标对象prop：对象属性的名称descriptor: 所添加或要修改的属性值const obj = {};Object.define
2020-07-17 15:51:59
139
原创 http与https协议是什么
http与https协议首先http协议及超文本传输协议，被用于在web浏览器和网站服务传递信息，http以明文发送信息，不提供任何加密方式，一旦被攻击者截取了中间的报文信息，攻击者可以直接读懂其中的信息，因此此协议存在一定的安全隐患。https协议可以说是http协议的升级版本，https协议中加入了SSL协议对数据进行加密，即使数据被攻击者截取，攻击者获取的信息是加密的，所以数据也不会泄露。HTTPS和HTTP的区别主要如下： 1、https协议需要到ca申请证书，一般免费证书较少，
2020-07-17 15:49:20
613
原创 启动项目报错this.setDynamic is not a function
此处项目中babel-loader版本为8.1.0，@babel/core为7.10.2（babel从7.0后更名为@babel）babel7之后的插件一般都是以@babel/开头的。例子babel7以前npm安装corenpm i babel-core --save-devbabel7以后安装corenpm i @babel/core --save-dev.babelrc文件@babel/preset， @babel/plugin不可省略，否则会当成babel7以下插件处理，出现无法找
2020-06-02 11:22:29
8146
3
原创 webpack配置less-loader时项目启动报错Inline JavaScript is not enabled. Is it set in your options?
在基于react-typescript创建的项目中，通过命令npm run eject透露的webpack.config文件里面配置less时报错，如图：解决办法：webpack配置文件配置less-loader时options中添加javascriptEnabled这个属性，如下图...
2020-04-15 10:33:35
2954
原创 react实现全局组件确认弹窗
本例基于react实现了一个简单的确认弹窗，可以让我们在项目中根据需要随时调用创建全局modal组件此处我将弹窗模态框独立出来，用户可以通过传入组件或Element来填充模态框的内容。import ReactDOM from 'react-dom';import React, { Fragment } from 'react';import Button from 'components...
2019-12-16 11:21:57
3761
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人