blog
blog copied to clipboard
huangshuwei
🈲黄书伟的个人博客
### 前言 最近在家办公，发现访问外网效果极差。多次通过 `yarn` 安装 electron 失败后，探索新的方案。特此记录。 ### 操作步骤 **步骤1-通过yarn 或者 npm安装 electron** ``` yarn add [email protected] ``` 这个目的不是为了安装成功（能成功后面的步骤就不用看了），而是生成目录结构和基础文件。如 electron 目录、index.js 等 **步骤2-下载 electron 压缩包** 首先找到 electron github 上发布的包地址。如windows 64位环境可用这个模板地址：...
### 前言 这里记录下 vue 路由配置成 history 模式的过程。 ### 路由 hash 模式 vue 路由默认是 hash 模式。使用这种模式url 地址上模式会有一个路由标识 ‘#’，乍一看以为是锚点。 这种模式存在以下缺点： 1、本身与锚点冲突，导致页面需要用到锚点定位时比较困难 2、路由切换滚动行为还原困难，当然可以通过其他方式实现，[参考这里](https://github.com/huangshuwei/blog/issues/6) 3、不利于 SEO 4、url 丑（哈哈，别当真） 既然用hash 模式不爽，那我们就改成 history 模式。 ### vue...
### 前言 修改了路由模式为 `BrowserRouter`，站点服务器也做好了配置。开发模式一切正常，发布后发现页面无法正常访问。这时候你就要想是否是资源路径配置的问题了。 > 看似是小问题，但常常会忽略，导致折腾了数个小时才排查到，具体细节不说了 ### 配置 如果是使用 `create-react-app` 这个打包奇慢无比的脚手架，你只需要在“官方文档”的帮助下，修改配置即可。在 `package.json` 文件中添加一个节点，具体为： ``` "homepage": "/" ``` --完--
### 前言 [上一篇](https://github.com/huangshuwei/blog/issues/30)已经介绍了如何在开发环境配置 react 路由 history 模式。这篇文章将介绍react 路由 history 模式应用发布后的配置。下面以 [IIS](https://docs.microsoft.com/zh-cn/iis/get-started/introduction-to-iis/introduction-to-iis-architecture)站点服务器配置为例，其他站点服务器类似 > react 路由 history 模式发布在web 站点服务器上需要额外的配置，否则无法正常访问 ### 安装 [IIS UrlRewrite](https://www.iis.net/downloads/microsoft/url-rewrite)使用 下载安装成功，需要在站点根目录创建 `web.config` 文件 ### 站点服务器只配置一个单页应用 配置如下 ``` ``` 如果单页应用的名称不是...
### 前言 如题，这篇文章记录 react 路由在开发阶段的 history 模式配置 > 1、项目以 [create-react-app](https://github.com/facebook/create-react-app) 生成为例 2、路由使用的是 [react-router-dom](https://github.com/ReactTraining/react-router) ### 修改项目中的路由模式 将 hash 模式 改为 history 模式，即： ``` import {HashRouter as Router} from 'react-router-dom' ``` 替换成...
**前言** 最近在用element ui做一个后台系统，发现当菜单数据变更后，菜单显示异常的问题，通过 vue 的devtool 发现，element ui 的菜单组件并没有很好的处理数据变化的渲染重置问题，比如默认菜单属性值变更后并不生效，当然还有其他的问题。 **方案一** 我想到的方案是当菜单数据变更后,通过`watch` 监听，先去销毁当前的菜单组件，然后再重现渲染。使用 `v-if` 可以解决这个问题 ``` export default{ data(){ return { reFresh:true, menuTree:[] } }, watch:{ menuTree(){ this.reFresh= false this.$nextTick(()=>{ this.reFresh =...
### 前言 这篇文章介绍 [react-router-dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom)路由的几种跳转方式 > 示例中版本要求：react-router-dom 5.x ### 使用路由的 `Link`组件方式跳转 **适用场景**：点击菜单跳转 使用 `Link` 组件方式跳转相当于点击 ``标签方式跳转，因为`Link` 组件会渲染成`首页` 代码示例： ``` import { BrowserRouter as Router,Link} from 'react-router-dom'; ... render(){ return ( 首页...
### 前言 截止到 2019年，创建 react 应用大家第一反应就是通过 `create-react-app`脚手架去创建，这种方式的确也是最简单、最高效的方式。通过脚手架创建的应用，内置了大量需要配置和扩展的功能，让开发者更专注于业务实现。 如果仅仅是满足日常项目开发是足够的，但是如果需要创建 react 组件库、工具路等应用还需要自己手动的创建。 这篇文章将会介绍如何通过手动的配置 `webpack`、`babel`、`react`创建 react应用 ### 文章中依赖包要求 - react 16.x - babel 7.x - webpack 4.x - webpack-cli 3.x - webpack-dev-server 3.x...
### electron 打包、发布 下面以windows 系统下为例 ### 下载 electron 预构建二进制文件 > 根据你要发布的系统，选择下载对应的版本。 以 windows x64 为例。选择对应的版本。如 `electron-v5.0.1-win32-x64.zip`，解析文件 ### 直接拷贝的方式发布 将源文件放到刚才解析的 `electron/resources/app`目录下，大致路径如下 ``` electron/resources/app ├── package.json ├── main.js └── index.html ``` 双击...
**项目中安装oracledb 包** ``` npm i oracledb ``` **安装 oracle 驱动** >1、安装包位数（32、64）必须和当前系统相同 >2、安装时选择安装类型为“管理员” 设置系统环境变量（具体根据安装目录而定）： D:\oracle\app\shuwei\product\11.2.0\client_1\BIN **设置数据库连接字符串** 在目录 D:\oracle\app\shuwei\product\11.2.0\client_1\network\admin 下 新增 “tnsnames.ora”文件。内容形如： ``` EMVST = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST...