2019年05月_看淡江湖

11月 08月 07月 05月 04月 03月 01月

原创 NSIS 打包 Electron 生成exe安装包

本文参考文章：https://blog.csdn.net/yu17310133443/article/details/79496499本文主要用来备份参考网址的内容，防止丢失。1、先使用electron-packager进行打包。2、使用NSIS生成setup.exe程序。以下是参考网页的内容。1、下载NSIShttps://pan.baidu.com/s/1mitSQ...

2019-05-27 10:55:35 588

原创 electron中主进程和渲染进程的交互（react）

项目使用react写的主体逻辑（渲染进程），结合electron打包成exe程序。现在说一下主进程（electron的主文件）和渲染进程（js逻辑）的交互。1、在public/index.html(react)文件中，先引入electron <script> window.electron = require('electron') <...

2019-05-09 15:12:33 4176

原创 react路由使用的时候注意

exact这个严格模式需要注意，嵌套路由时候如果使用，会导致子路由显示失败

2019-05-09 09:22:50 320

原创 react中引入jquery和animate.css

1、引入jqueryyarn add jquery --save-devimport $ from 'jquery' render() { return ( <div> <h1 className="h1" onClick={()=>{ $('....

2019-05-07 16:22:04 794

原创 js中对可编辑的div进行光标位置插入内容，和移动光标到最后

直接上代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=...

2019-05-07 14:48:30 6689 4

原创 react中引入富文本编辑器wangeditor，react打包项目直接运行文件

1、安装yarn add wangeditor --save-dev2、引入并使用代码：import E from 'wangeditor'<div className="text-area" > <div ref="editorElemMenu" className="editorElem-men...

2019-05-06 15:12:33 1547

原创 jsx语法中解析字符串中含有标签样式的问题（react）

代码：<div dangerouslySetInnerHTML={{__html:this.textToEmoji()}}></div>this.textToEmoji()这块代码可以替换为字符串（带有html标签样式的字符串），例如：‘<divstyle="color:red;">这是红色文字</div>’展示效果如下：...

2019-05-06 11:44:43 1816

原创 react中打包时解决浏览器缓存的问题

将打包后的文件放到服务器上，浏览器访问就会缓存，单纯的刷新页面是更新不了的，必须进行清除缓存并加载才行，为解决这个问题，打包时对文件新增随机码。这样再打包发布到服务器上，只刷新一下页面即可更新。由于我在项目中用到了electron，而electron打包好后是不能进行刷新的，所以用到了如下方式在配置electron的主窗口的启动页面时候加上随机数，这样每次打开exe应...

2019-05-06 11:39:57 9135