草帽lufei_社区达人页

2024年05月

• 12.07 15:57:32
  发表了文章 2023-12-07 15:57:32

  前端破圈Docker for Win11项目不能访问🏴‍☠️

  前端破圈Docker for Win11项目不能访问🏴‍☠️
• 12.07 15:55:15
  发表了文章 2023-12-07 15:55:15

  DevExtreme导出Excel序号列数据没了😕

  DevExtreme导出Excel序号列数据没了😕
• 12.07 15:53:17
  发表了文章 2023-12-07 15:53:17

  前端破圈Win11系统下安装使用Ubuntu子系统🏴‍☠️

  前端破圈Win11系统下安装使用Ubuntu子系统🏴‍☠️
• 12.07 15:48:32
  发表了文章 2023-12-07 15:48:32

  前端破圈用Docker开发项目🏴‍☠️

  前端破圈用Docker开发项目🏴‍☠️
• 12.07 15:45:14
  发表了文章 2023-12-07 15:45:14

  DevOps发版失败，发版仿佛回到了石器时代

  DevOps发版失败，发版仿佛回到了石器时代😣
• 12.07 15:43:36
  发表了文章 2023-12-07 15:43:36

  前端干全栈实现大文件上传

  前端干全栈实现大文件上传
• 12.07 15:40:59
  发表了文章 2023-12-07 15:40:59

  用js脚本下载某书的所有文章

  用js脚本下载某书的所有文章
• 12.07 15:38:12
  发表了文章 2023-12-07 15:38:12

  帆软实战问题及解决方案

  帆软实战问题及解决方案
• 12.07 15:31:25
  发表了文章 2023-12-07 15:31:25

  使用浏览器插件提升前端项目调试速度

  使用浏览器插件提升前端项目调试速度
• 12.07 15:28:06
  发表了文章 2023-12-07 15:28:06

  这个实现不对，要的是excel里面的高亮重复项效果

  这个实现不对，要的是excel里面的高亮重复项效果
• 12.07 15:25:39
  发表了文章 2023-12-07 15:25:39

  产品说这个 table 这里数据需要合并

  产品说这个 table 这里数据需要合并
• 12.07 15:22:05
  发表了文章 2023-12-07 15:22:05

  这个Element table 上下移需求不简单

  这个Element table 上下移需求不简单
• 12.07 15:16:52
  发表了文章 2023-12-07 15:16:52

  The token '&&' is not a valid statement separator in this version

  The token '&&' is not a valid statement separator in this version

2022年09月

• 09.12 20:05:42
  发表了文章 2022-09-12 20:05:42

  qiankun vue 子应用页面刷新白屏

  微前端框架qiankun在vue项目中使用遇到的子应用白屏问题，通过主应用挂载子应用的方式进行子应用的页面功能开发，排查问题是 webpack资源路径配置导致，修改 publicPath 配置解决问题

  
• 09.12 20:01:49
  回答了问题 2022-09-12 20:01:49

  技术新手如何成为满级大佬？

  赞1 踩0 评论0

2022年07月

• 07.18 10:49:13
  发表了文章 2022-07-18 10:49:13

  这个 Element table 上下移需求不简单

  Element Table 表格拖动，数据上下移

2022年04月

• 04.24 14:09:51
  发表了文章 2022-04-24 14:09:51

  npm run build ERROR in static/js/vendor.e475838be75c71f87b37.js from UglifyJs

  一个 vue2.0 项目，执行 npm run dev 正常，但是 npm run build 出现打包错误。
• 04.24 14:06:44
  发表了文章 2022-04-24 14:06:44

  Node 热加载 supervisor

  supervisor 会监视代码的改动,并自动重启 Node.js。 Node 启动服务的时候一搬为 node server.js，每次代码改动都需要重新执行 node server.js 。下载 supervisor 使用 supervisor server.js 可以实现热加载效果。
• 04.24 14:03:21
  发表了文章 2022-04-24 14:03:21

  Git 使用指南

  Git是目前世界上最先进的分布式版本控制系统。在当前目录新建一个Git代码库，新建一个目录，将其初始化为Git代码库。

  
• 04.24 13:54:23
  发表了文章 2022-04-24 13:54:23

  JS 正则验证

  主要介绍Email验证,手机号码验证,用户名验证的3种方法。
• 04.24 13:51:13
  发表了文章 2022-04-24 13:51:13

  Webpack引入未模块化的库

  Vue 项目中使用了 annotorious 插件，根据需要修改源码，但是修改过后的js文件无法通过 import 形式引入，纠结了好几天，现在把解决方案记录一下。

  
• 04.24 13:44:05
  发表了文章 2022-04-24 13:44:05

  qiankun 实战（二）

  这里接 qiankun 实战（一） , 上一篇实现了主应用和子应用引入 qiankun, 接下来记录主应用和子应用之间运行嵌套，路由跳转，数据通信。
• 04.24 13:40:20
  发表了文章 2022-04-24 13:40:20

  qiankun 实战（一）

  前两天用了一下微前端框架 icestark, 在实际架构搭建过程中发现中发现在 Vue 主应用子应用之间切换 tag （tag 分别主应用和子应用的页面）页签时会有子应用数据状态无法保存的情况，搜索了一波解决方案后发现，icestark 中 React 应用实现了对数据状态的缓存，Vue 里面没有这个实现。

  
• 04.24 13:33:16
  发表了文章 2022-04-24 13:33:16

  JVM garbage collector thrashing and after running out of JVM memory

  React Native Android 项目使用 ./gradlew assembleRelease 命令打包报错

  
• 04.24 13:29:12
  发表了文章 2022-04-24 13:29:12

  Git clone仓库报错 OpenSSL SSL_read: Connection was reset

  使用 Git clone 一仓库，报错，这种情况一般是网络不稳定导致，如果重新 clone 尝试是否成功；如果还出现这个问题，也有可能 ssl 证书验证方面的问题， 设置 httpsslVerify 属性取消验证，执行如下命令。

  
• 04.24 13:25:00
  发表了文章 2022-04-24 13:25:00

  react-native-mmkv 在 Android 项目中使用

  React Native 最快的键/值存储。 MMKV是微信开发的一个高效、小型的移动键值存储框架。更多信息请参见腾讯/MMKV react-native-mmkv是一个库，允许您在 React Native 应用程序中轻松使用MMKV。它提供了对原生 C++ 库的快速和直接绑定，可通过简单的 JS API 访问这些库。

  
• 04.24 13:18:05
  发表了文章 2022-04-24 13:18:05

  adb devices 命令不识别

  React Native Android 环境搭建开发过程中， adb devices 命令查询手机设备，提示命令不识别,Android SDK Tool 等安装都OK的情况下，这种情况一般是没有配置环境变量导致的，找到 Android\Sdk\platform-tools 目录位置。

  
• 04.24 13:13:20
  发表了文章 2022-04-24 13:13:20

  js postMessage不工作

  原因分析,可能代码写法哪里有误,可能由于 index2.html 代码块执行太快，iframe 中内容还未完全加载和渲染就结束了.

  
• 04.24 13:07:31
  发表了文章 2022-04-24 13:07:31

  WARNING: POSSIBLE DNS SPOOFING DETECTED!

  在 win10 系统中，首次提交项目代码到公司内部 GitLab 远程仓库，出现 WARNING: POSSIBLE DNS SPOOFING DETECTED! 错误，如上图 因为我们的远程仓库是没问题的，在Ubuntu系统里日常代码提交都正常，根据错误描述提示，分析应该是 known_hosts 文件中的内容 [git.sg-ai.com]:2289 改变导致.

  
• 04.24 13:02:54
  发表了文章 2022-04-24 13:02:54

  使用Prism高亮显示代码

  使用CDN链接引入必备的文件,一个css，一个js文件。如下： (注意个别站点的cdn链接国内有时候无法访问,用之前可以先在浏览器测试一下)

  
• 04.24 12:56:56
  发表了文章 2022-04-24 12:56:56

  前端检测用户地区

  一个部署在国外的项目，在国内访问有些国外站点资源速度太慢，或无法访问，因此单独部署了一台香港的服务器用于中国大陆用户访问 希望前端代码可以判断用户地区（主要是国内大陆用户），自动重定向到香港服务器的站点

  
• 04.24 12:50:36
  发表了文章 2022-04-24 12:50:36

  SVG实现流程动态效果

  可以通过 div 的方式 拼凑 一张图，然后 js 代码控制不同的 div 部件进行颜色变化。可以通过 canvas 的方式绘制整张图，然后对画布内的元素进行控制。可以找个第三方库，自定义形状 组合 一张图出来，然后进行控制。可以通过 svg 图的方式展示内容，然后对 svg 中的元素进行控制。

  
• 04.24 12:45:39
  发表了文章 2022-04-24 12:45:39

  JS随机数与安全

  Math.random() 函数返回一个浮点，伪随机数在范围0到小于1，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以缩放到所需范围。实现将初始种子选择到随机数生成算法；它不能被用户选择或重置。一个非密码学安全的随机数来源。

  
• 04.24 12:41:09
  发表了文章 2022-04-24 12:41:09

  VueCli3+TypeScript3项目显示Markdown内容

  自定义 Markdown 字符串页面显示，先 new 一个 Converter() 函数对象，然后调用 makeHtml() 函数双向绑定 template 进行内容显示。

  
• 04.24 12:29:41
  发表了文章 2022-04-24 12:29:41

  Ubuntu18 挂载目录

  将 /dev/sda1 对应的 /media/w/9f6a2add-e287-4bf7-8e71-76cde406b11c 目录内容挂载到 /mnt/sda1 目录中，使用 sudo mount /dev/sda1 /mnt/sda1 命令。
• 04.24 12:25:05
  发表了文章 2022-04-24 12:25:05

  Driverjs use in Vue TypeScript Project

  主要介绍这几部分：Preview，Install，Useage in vue component，Tips，Project address。

  
• 04.24 12:20:23
  发表了文章 2022-04-24 12:20:23

  Ubuntu18 Install MongoDB

  主要介绍Install MongoDB Community Edition，WebSite，Docker Use MongoDB这三个部分·。
• 04.24 12:15:14
  发表了文章 2022-04-24 12:15:14

  Vega-Embed 在 Vue Typescript 项目中引入报错

  Vega-Embed 在 Vue Typescript 项目中引入报错 Cannot find module 'vega-typings'，一开始以为Vega相关包版本在TypeScript中不支持，更新版本，调整引入方式的写法都不行，Baidu，Google, Github issues 中找了一波问题后也没发现有人遇到 Vega 的引入问题。
• 04.24 12:11:46
  发表了文章 2022-04-24 12:11:46

  Ubuntu 18 locust 压测 Node 服务

  使用 locust 测试过程中，在压力机性能瓶颈范围内可以通过调整用户数和脚本 wait_time 参数来测试 RPS 值，超过压力机性能范围后 RPS 数值无法继续变大。TPS（Transactions Per Second）事务数/秒。一个事务是指一个客户机向服务器发送请求然后服务器做出反应的过程。客户机在发送请求时开始计时，收到服务器响应后结束计时，以此来计算使用的时间和完成的事务个数。
• 04.24 12:07:40
  发表了文章 2022-04-24 12:07:40

  Cordova 打包APP安装失败

  解决方案,由提示可以分析是Android APP 打包没有生成证书导致，在确保本地安装了 java 和 javac 的情况下，在Android项目根目录下执行证书生成命令。

  
• 04.24 12:02:13
  发表了文章 2022-04-24 12:02:13

  Cordova APP 无法访问后端接口

  通过 Cordova 打包的 Vue 项目，APP 在 Android 设备中可以访问页面，但是无法访问后端接口。

  
• 04.24 11:58:36
  发表了文章 2022-04-24 11:58:36

  Cordova 打包 Vue 项目到Android打开白屏

  Cordova 打包 Vue 项目到Android打开白屏问题解决方案，更改 publicPath 属性值为 ./。
• 04.24 11:55:34
  发表了文章 2022-04-24 11:55:34

  Argument of type 'XX' is not assignable to parameter of type 'XX'

  Vue2.6 , Typescript3 项目引入 Echarts 时报错，错误出现在 ECharts.vue 第17行 const mainEle = this.$refs.main，将 this.$refs.main 内容修改为 this.$refs.main as HTMLDivElement 即可。
• 04.24 11:51:47
  发表了文章 2022-04-24 11:51:47

  input file 设置文件选择类型

  使用 accept 属性，accept 属性的值是一个包含一个或多个（用逗号分隔）这种唯一文件类型说明符的字符串。每个唯一文件类型说明符可以采用下列形式之一。

  
• 04.24 11:45:39
  发表了文章 2022-04-24 11:45:39

  Property 'xx' does not exist on type 'Element | Element[ ] | Vue | Vue[ ]'

  Vue2.6 + TypeScript3.4 项目中使用 this.$refs.fileInput.files.length 报错，提示 files 类型不存在 Property 'files' does not exist on type 'Element | Element[] | Vue | Vue[]'，在不使用TypeScript时上面的写法可以正常运行的，但是这样的写法在TypeScript 中会报错。

  
• 04.24 11:39:06
  发表了文章 2022-04-24 11:39:06

  Vuetify 明暗主题切换

  通过修改 Vuetify 中的 theme.dark 属性实现,项目 vuetify 设置如下(vuetify.js), 默认 dark 属性值为 false (默认浅色主题)。

  
• 04.24 11:33:13
  发表了文章 2022-04-24 11:33:13

  JS 浅拷贝深拷贝

  Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
• 04.24 11:28:45
  发表了文章 2022-04-24 11:28:45

  JS 文件大小转换

  根据选择的文件，显示像系统一样的文件大小，而不是字节。 如： 1073741824 (B) 显示 1G。