自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

风吹云灭

分享学习

  • 博客(55)
  • 收藏
  • 关注

原创 electron踩坑

1. electron Unable to find Electron app at出现这种问题,我们应该第一时间查看你的package.json文件中的main是不是指向electron的开始文件。2. electron窗口打开后没内容先查看你的electron 主进程是否加载,监听项目运行的端口再查看配置文件webpack.config.js中的devServer的配置devSer...

2019-04-03 14:30:48 10200

原创 Mac 活动监视器打不开,一打开闪退

相信很多同胞都遇到这个问题,Mac本发热十分厉害,严重影响续航能力,又不知道是怎么回事,想打开活动监视器却打不开。花了很长时间终于在某个网站上我找到解决的方法。切换系统语言。添加English切换地区即可之后重启。你会发现你的Mac发热正常,能正常打开活动监视器。希望对大家有帮助。...

2018-07-10 11:10:24 32585 5

原创 Mac下端口占用情况及处理方式

简单介绍下Mac出现端口占用的情况:找到占用的进程并杀掉:1.查看端口占用进程sudo lsof -i :8880可以看到进程的PID2.杀掉进程sudo kill -9 4580(4580为PID)

2018-06-01 11:01:41 17187

原创 vue实现按需加载(懒加载)

具体操作只需要两步:1.router文件中使用import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const routes = [ { path:'/', component:resolve => require(['@/components/First'],resolve) }, { path...

2018-05-01 22:16:04 9334 2

原创 跨页面传值的几种简单方式

方法一:通过URL传值eg:location.href="跨页面1-2.html?age=18&gender=man";在下个页面接收://1、location.search获取get请求的参数 获取到的数据,是以?开头的var search=location.search;//2、如果还想要获取确定的数据,可以解析字符串function parse(se

2017-10-22 15:16:05 41251

原创 解决使用TortoiseGit后文件夹出现蓝色问号

如果是使用TortoiseGit的如果使用的是git找到C:/Users/用户名/.git文件夹删掉刷新就可以了如何找到该文件夹打开组织-------选择文件夹和搜索选项刷新所在文件夹,这个时候你就看到所在文件夹多了一个git文件,删除此文件夹,然后刷新,蓝色的问号就消失了。SVN工具上传造成的结果,解决方式很

2017-10-14 11:22:58 9723 5

原创 Blocked mirror for repositories OR java:找不到符号

网上的各种方法也试过了。最后是改了jdk版本,和clean maven,重新install。

2024-09-10 16:15:42 230

原创 Web Component fancy-components

new 这里可能会报错eslink,eslintrc.js中处理报错。需要配置vite.config.ts。css-doodle 组件库。到这里就能正确使用了。

2024-05-07 15:28:15 423

原创 React 组件性能优化

发生了错误

2024-04-29 17:18:36 1002

原创 CSS-IN-JS Emotion

css用法child.jsparent.js添加样式的时候会默认给组件添加一个className的属性。

2024-04-29 15:16:33 530 2

原创 next初体验

每次都会使用最新的creat-next-app去创建最新版本的项目。引入默认导出的组件时需要注意,不能使用{}导出,否则会报错。这里新版本的路径有所区别:他多了一个app的文件夹。3. 通过Head 中加Link标签引入本地样式文件。vscode自动引用可能会出错。不生成HTML文件,

2024-04-29 10:15:33 353

原创 react-lib 读取本地模板创建PDF

移动端可以借助react-pdf。这个有缺陷,pdf页数较多需要一次渲染的时候会比较慢有白屏时间,暂时没做处理。需要讲fetch获取到的结果转一下。

2024-04-26 09:13:00 492 1

原创 nvm use 不生效的情况

在切换版本时没有报错,但切换失败了。最好解决方式时直接找到自己安装的node,卸载掉再删除对应的nodejs文件夹,再查找nvm目录下是否有nodejs这个文件夹也删掉。先安装了node,再安装nvm,选择关联已安装的。

2024-04-17 18:21:39 575

原创 前端模块化开发

在JavaScript中,CMD代码规范是指模块定义规范,它是Asynchronous Module Definition的缩写,即异步模块定义。CMD规范主要用于sea.js这种模块加载器。让旧版浏览器兼容ES Modules的写法。ie中可能还不兼容promise,单独处理一下。AMD规范,requirejs的规范 (异步的模块定义规范)node 使用的CommomJS规范 是以同步的方式加载文件。统一导出时可以使用便捷写法。

2024-03-18 16:52:25 450

原创 plop使用

安装npm install -dev plop // 开发环境使用或者全局安装, 方便使用npm install -g plop如果没有全局安装在使用时需要在package.json中加入script: {plop: "plop",}根目录创建plopfile.js文件作为plop的入口文件const router = require('./template/router/plop.js')module.exports = function(plop) { plop.setG

2024-03-18 14:25:57 394

原创 数据结构及其简单实现

原理是中序遍历后的数组是一个从小到大的数组, 只需要将当前的值和上一项的值做比较。操作上和数组很像,为什么不用数组?左子树小于根结点,右子树大于根结点。中序遍历验证二叉搜索树。

2024-01-14 19:41:11 1012

原创 typescript使用手册

解决在定义时没有声明类型的时候,我们在使用时先看有没有对应的声明模块,如"@types/lodash",没有时使用。在使用的过程中可能会出现命名重复的问题。在每个js文件中加一个export {}abstract 声明一个抽象类或者方法,子类去具体实现对应的方法即可。配置文件中需要再lib中加上对应的库。

2024-01-12 11:32:29 493

原创 类型检测器 FLOW

在很多大型前端框架、插件中都有使用到flow去做类型检测的(react、vue、core)。安装flow运行时直接使用yarn flow会报错提示执行flow init可能会报错现在文件顶部有的文件就会在执行yarn flow的时候被检验flow的检验会和vscode的JavaScript校验冲突,需要将其设置为false。

2024-01-11 15:13:01 448

原创 node-gyp 报错

error C:\xxx\node_modules\fibers: Command failed.设置后还是会报错需要下载Visual Studio访问地址GitHub - nodejs/node-gyp: Node.js native addon build tool安装完之后设置使用路径就好了npm config set msvs_version "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools...

2022-02-28 18:18:57 1739

原创 Gridsome 静态网站

Gridsome 静态网站怎么说呢,个人感觉使用挺麻烦的官方文档操作顺序文档链接https://www.gridsome.cn/docs/#how-to-install安装脚手架yarn global add @gridsome/cli脚手架创建项目gridsome create my-gridsome-site这一步会提示让你进入项目下载依赖cd my-gridsome-site下载依赖你会发现他报错原来是gridsome 依赖一个sharp,需要手动下载因为sharp依赖了一

2021-05-24 14:29:30 228 1

原创 react中调用app提供api调用相机图片获取成功,显示不出来

调用app提供api拍照,图片获取成功,但显示不出来同事在开发内嵌h5页面时遇到一个bug。调用app提供的api拍照,照片拍完后拿到base64数据后设置img图片能正常显示,但作为背景图时,显示不出来。处理方式:base64数据去空格后就能正常展示。...

2021-05-12 10:00:07 276

原创 [DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning: Compilation.assets will be frozen in future

查看webpack 的官方文档issues,找到相关问题npm i --save-dev html-webpack-plugin@next

2020-12-29 11:39:41 3273

原创 前端测试框架mocha初体验

最近在同事的推荐下了解到重构,重构的主要目的是让代码更容易理解,代码更容易扩展。但在重构的过程中为了保证重构后的代码表现与之前的一致,需要加入js单元测试。前端单元测试框架选择在对比了jest和mocha之后,我选择了mocha。mocha的生态圈更好,使用的人数更多。我也只用了mocha,这里就简单列一下mocha的时候。话不多说上流程// 安装依赖$npm install mocha --save -dev // 或者全局安装$npm install mocha -g 在根目录添加t

2020-06-24 13:46:42 497

原创 node打包停止不动

在开发过程中遇到打包进度停止不动的情况在开发的过程中遇到一次打包无报错,进度条却不动,页面运行正常的情况。原因是标签没有闭合。运行时标签不闭合能正常显示。...

2020-01-02 09:53:22 737

原创 webpack打包图片报错

在项目中出现图片打包报错的问题。在正常情况下我们只需要检查一下loader就好。还是报错。经过同事科学上网找到结合接手的项目猜测可能是由于图片文件是在纯js文件中引入导致。将图片引入路径换成在使用的文件(包含的js文件)中引入,项目运行正常。...

2019-12-10 11:31:15 928

原创 ant design 踩坑

在读文档的时候不够仔细:使用InputItem时,type=digit 时在IOS上键盘关闭时页面不能自动还原。需要手动划回去。原因:InputItem 必须在List中使用。加上List之后一切正常。此坑坑了我一整天,望诸君不要像我一样,读文档马虎。没事多翻翻文档, github 对应的issue。...

2019-11-08 15:40:45 663

原创 手机浏览器打开百度网页

手机浏览器打开百度网页// title=是打开百度网页位置标记的title,content可以是位置描述,或者实际地址,<a href="http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=我的位置&content=百度奎科大厦&output=html"&gt...

2019-10-23 09:18:46 3213

原创 iPhone手机、浏览器不发送请求直接出现奇怪的错误

在做项目的过程中遇到一个奇怪的错误,h5页面在安卓上正常请求访问接口,而在iPhone和浏览器上却直接报错,未请求接口。导致问题的原因是我在服务中即在url中拼接了参数有在body中传了参数导致的。...

2019-09-24 14:35:14 1209

原创 error: props.dangerouslySetInnerHTML must be in the from

在react开发的过程中有时我们需要展示一段富文本,react不能够直接解析富文本,需要他的一个属性dangerouslySetInnerHTML<div dangerouslySetInnerHTML = {{_html:"<div>这里放的是html字符串</div>"}} />在使用的过程中报错:出现这个问题的原因是我们使用的格式不对。...

2019-08-22 15:59:18 1389 1

原创 react引用组件时报错

当组件正确引用时:调用传入方法出现报错其实造成这个的原因很奇葩是因为方法名和组件名重复,这里调用了组件名导致错误。

2019-07-26 10:22:42 953

原创 eslint: Parentheses around JSX should be on sparate lines

eslint: Parentheses around JSX should be on sparate lines 百度翻译是eslint:jsx周围的括号应该在备用行上。其实也就说括号应该单独在一行(起始的括号和结束的阔都需要单独一行)...

2019-07-08 10:25:52 3978

原创 从自己搭的gitlab上拉取代码

由于工作需要,必须将码云上的代码迁移到自己的服务器上来。迁过来之后发现拉取代码时报错。报错一remote: The project you were looking for could not be found报错二Could not resolve host:XXXXXXX说明拿到的URL中主机名错了。必须改成http://1xx…的之前一直报错最后发现只能这样才行http://...

2019-06-12 15:59:36 1938

原创 electron 自动更新踩坑

在使用electron react ant deasgn 开发桌面应用时自动更新时遇到的问题。因为在项目中用到window.print网页打印。在提升elecreon-builder 版本后发现打印时样式总是显示不对。elecreon-builder 的版本必须要低于20,不然就会出现这个问题。当electron-builder 版本升级后,老的版本不能直接通过自动升级升上去。当提示elec...

2019-05-24 10:55:04 4588

原创 git切换关联的远程仓库

项目移交后,本地项目关联远程项目// 先删除关联git remote rm origin// 再关联新的地址git remote add origin XXXXXXXXXXXXX

2019-05-15 17:37:38 1500

原创 react 遇到的问题

在异步操作中,不能使用事件。不然会报错,在使用之前要先调用e.persist();其实最好的还是避免在异步事件中使用事件对象e.使用ant desigin的From时render() {const { getFieldDecorator } = this.props.form;return <div><Row><Col span='...

2019-04-12 17:39:04 807

原创 所谓情商高就是会说话

最好的选择不是true or false而是 A or B当你希望并商量做某些事的时候,可以换个角度,洗碗和做饭你选择哪一件?而不是你洗碗好吗?投其所好猜测对方的想法,喜好,给出对应的选项。儆其所恶这样做对你有害,所以您最好这样做。选择自由要表达: 要不要来点甜品?甜点有芒果布丁和抹茶冰淇淋,您要那一种。面对两种及以上选择的时候,一般人会下意识地做出选择。而不是给出第三种可能。...

2019-02-28 15:51:44 292

原创 面试题HTML篇-总结

网页开头的doctype(文档类型) 的作用是什么?简单来说就是告诉我们的浏览器采用什么方式渲染页面。Doctype可声明三种DTD(Document Type Definition文档类型定义)类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。由于历史的原因,浏览器对页面的渲染方式是不一样的。在W3C标准出来之前,浏览器对页面的渲染没有同一的标准,产生了差异,quirks ...

2019-02-21 15:53:47 381

原创 项目提交GitHub遇到的问题

将项目放到GitHub管理git init//将本地代码使用git管理git add README.mdgit commit -m "first commit"git remote add origin https://github.com/******/webpack-react.gitgit push -u origin master出现这种情况可能是因...

2018-11-02 19:11:45 275

原创 CSS module

在项目中要修改ant design组件的默认样式,但在使用了webpack4 其默认使用CSS模块化,但CSS Module的使用方式与原来的不一样。style.css不使用CSS Module时:1.引入 import  ''./../style.css;           直接引入后样式是全局的。2.&lt;div className="table"&gt;&lt;/...

2018-08-02 09:22:02 3087

原创 正则匹配只能输入整数或浮点数

// 只能输入整数或浮点数(不完全版本不能排除输入0.00000的状况) filterNumber(name,e){ //先把非数字的都替换掉,除了数字和. e.target.value = e.target.value.replace(/[^\d\.]/g,''); //必须保证第一个为数字而不是. e.ta...

2018-06-14 10:31:17 6247 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除