- 博客(77)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 npm包管理在项目中使用一个库的不同版本
近期工作中遇到一个场景，有一个比较老的项目中使用的echarts4.x版本，而新需求需要使用echarts5.x的新特性来做，旧的地方没办法升级适配，所以考虑在项目中同时使用两个版本。此时，项目中会同时存在两个版本的echarts，使用和正常使用一样。安装完毕后，查看package.json文件中会添加一条如下内容。
2022-09-09 11:51:14
1056
原创 配置gitlab/github秘钥，mac每次重新打开shell终端都要重新添加处理
配置gitlab/github秘钥，mac每次重新打开shell终端都要重新添加处理
2022-01-12 18:10:40
713
原创 iOS系统html2canvas生成图片显示不出来问题（其实是中文显示不出来）
html2canvas转换dom元素为图片，iOS移动端显示不出来的情况问题我遇到此问题使用了大量的网上方法都没有解决，后来发现英文的显示没有问题。中文及其后面的元素都会显示不出来。（）并且会绘制很长时间解决办法经过多次尝试，发现设置文字的font-family可以正常显示.wrap { font-family: sans-serif;}我并未尝试其他的字体是否可以正常渲染出来，大伙有兴趣可以自己尝试一下...
2021-11-02 17:18:23
1397
原创 H5部署后navigator获取不到mediaDevices问题处理（navigator.mediaDevices为undefined）
问题产生最近在开发过程中，有一个具体需要要使用摄像头内嵌到h5页面中实现拍照效果，相当于变相通过还H5调原生拍照、摄像等效果。在这个过程中发现在开发环境时，各种访问媒体设备都没有问题，但是当部署到服务器上，手机和电脑浏览器都无法调起摄像头，比较郁闷，阅读了很多文章和原生文档后才知道原因并解决。问题分析解决这是由于浏览器的安全策略导致的，目前本人翻阅到的文档，有下面三种情况是可以调起设备的，也就是navigator.mediaDevices不为undefined：地址为localhost://
2020-09-23 15:22:19
9297
6
原创 VIA图像标注系统汉化版
VIA图像标注系统汉化版本项目是个人兴趣基于VGG组织开发的VIA项目做的一个汉化版本，修复了一些其中的潜在问题，并将系统集成到现有vue项目中，中间踩了不少坑，需要进行系统集成的同学可以联系咨询，帮助大家解决一下其中的问题：下面是项目的地址：项目介绍地址：https://rookielink.github.io/vgg-via-chinese项目使用地址：https://rookielink.github.io/vgg-via-chinesegithub源码仓库：https://github.c
2020-09-18 17:50:38
1437
1
原创 切换jdk出现问题解决
解决方案不要去改注册表。首先我们将JAVA_HOME配置成功后，在path里面进行配置，将相关配置放到最前面注意：如果有类似system32这种配置，一定要放到这类配置的前面，或者把该文件夹下的java.exe，javaw.exe，javaws.exe删掉，否则，系统会优先到这里去找java配置！如果有“C:\Program Files (x86)\Common Files\Oracle\...
2020-03-26 19:12:06
254
1
原创 webpack打包后自动发布插件UploadPlugin（以上传到七牛网为例）
打包后自动发布UploadPlugin.jsclass UploadPlugin { constructor(options) { let {bucket = '', domain = '', accessKey = '', secretKey = ''} = options; let mac = new qiniu.auth.digest.Mac(ac...
2020-02-28 22:49:12
1286
1
原创 实现内联插件——InlineSourcePlugin
实现webpack插件要安装 html-webpack-plugin@nextInlineSourcePlugin.js// 把外链的标签， 变成内联的标签let HtmlWebpackPlugin = require('html-webpack-plugin');class InlineSourcePlugin { constructor({match}) { ...
2020-02-28 22:47:49
678
原创 实现FileListPlugin插件
实现FileListPlugin插件FileListPlugin.jsclass FileListPlugin { constructor({filename}) { this.filename = filename; } apply(compiler) { // 文件已经准备好了，准备发射 compiler.hooks....
2020-02-28 22:44:56
206
原创 实现css-loader、less-loader、style-loader
less-loaderless-loader.jslet less = require('less');function loader(source) { let css; less.render(source, function (err, r) { // r.css css = r.css; }); return css;}module...
2020-02-28 22:42:11
893
原创 实现file-loader与url-loader
file-loader实现file-loader.js:let loaderUtils = require('loader-utils');function loader(source) { let filename = loaderUtils.interpolateName(this, '[hash].[ext]', {content: source}); this.em...
2020-02-28 22:34:28
331
原创 实现webpack的banner-loader
banner-loader实现banner-loader.jslet loaderUtils = require('loader-utils');let validateOptions = require('schema-utils');let fs = require('fs');function loader(source) { let options = loaderUt...
2020-02-28 22:29:46
414
原创 实现webpack的babel-loader
实现babel-loaderbabel-loader:let babel = require('@babel/core'); let loaderUtils = require('loader-utils'); function loader(source) { // this loaderContext let options = loaderUtils.getOption...
2020-02-28 22:26:27
340
原创 webpack实现常用loader
概念：什么是loader？webpack只能处理javascript的模块，如果要处理其他类型的文件，需要使用loader进行转换，loader是webpack中的一个重要概念，它是指用来将一段代码转换成为另一段代码的webpack加载器
2020-02-28 22:24:02
214
原创 手写webpack
手写webpack我们来手动实现一个简易的webpack， zf-pack开发方式新建一个仓库，然后执行npm link即可在需要构建的项目下面，执行npm link zf-packpackage.json配置{ "name": "zf-pack", "version": "1.0.0", "main": "index.js", "license": "MIT",...
2020-02-28 22:12:21
240
1
原创 分析webpack中使用的Tapable——异步钩子实现及模拟实现
tapablewebpack本质上是一种事件流的机制，他的工作流程就是将各个插件串联起来，而实现这一切的核心就是tapable，tapable有点类似于nodejs的events库，核心原理也是依赖于发布订阅模式：继承了很多插件，同步的和异步的tapable库中有3中注册方法 tap(同步注册)、tabAsync(回调cb)、tabPromise(注册是promise)调用的三种方法 c...
2020-02-28 22:08:52
641
原创 分析webpack中使用的Tapable——同步钩子实现及模拟实现
tapablewebpack本质上是一种事件流的机制，他的工作流程就是将各个插件串联起来，而实现这一切的核心就是tapable，tapable有点类似于nodejs的events库，核心原理也是依赖于发布订阅模式：继承了很多插件，同步的和异步的tapable库中有3中注册方法 tap(同步注册)、tabAsync(回调cb)、tabPromise(注册是promise)调用的三种方法 ...
2020-02-28 22:05:07
266
原创 webpack打包动态链接库DDLPlugin
webpack不重复打包某些不会变动的文件及第三方库，加快我们的打包速度使用webpack的DllPlugin和DllReferencePlugin插件
2020-02-28 21:44:59
783
原创 webpack忽略解析（noParse）
有些模块我们知道不会依赖第三方模块，所以在打包的时候不需要再进行解析，所以要配置忽略解析，提高我们的打包速度
2020-02-28 20:48:09
1366
原创 webpack区分不同环境下的打包方式
使用webpack-merge来区分webpack在不同环境下进行打包，比如生产环境和开发环境的配置不同，则需要进行不同的配置进行打包，而不想重写共用的部分
2020-02-28 20:43:46
884
原创 webpack常见小插件使用
webpack常用插件使用，包括clean-webpack-plugin、copy-webpack-plugin、BannerPlugin等插件使用
2020-02-28 20:19:05
138
原创 webpack打包文件分类
加上outPath属性module.exports = { module: { rules: [ { test: /\.png/, // use: 'file-loader' use: 'url-loader', opti...
2020-02-28 12:12:46
585
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人