Ruyl-CSDN博客

Ruyl

码龄6年

个人简介：All you want is your hands

IP 属地：广东省

查看详细资料

个人成就

获得38次点赞
内容获得6次评论
获得143次收藏
代码片获得115次分享

TA的专栏

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpackxhtml前端框架
后端

node.js
移动开发

flutter
网络与通信

https
微软技术

typescript
学习和成长

面试

创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

180人参与去创作

搜TA的内容

git 命令（刷新、查看、换名称）

git 命令（刷新、查看、换名称）查看分支git branch 查看本地分支git branch -a 查看所有分支，本地+远程刷新分支git fatch 刷新分支更换分支名称git branch -m oldBranchName newBranchName 修改本地分支名称git push origin :oldBranchName 将本地分支的远程分支删除git push --set-upstream origin newBranchName 将改名后的本地分支

发布博客 2022.05.25 ·

vite vue项目运行时 \esbuild\esbuild.exe 缺失错误码 errno: -4058, code: ‘ENOENT‘,

vite vue项目运行 npm run dev 报错某个模块启动文件丢失信息D:\PengYe_code\2\vite-vue3-admin>npm run dev> vite-vue3-admin@1.0.2 dev> vitenode:events:504 throw er; // Unhandled 'error' event ^Error: spawn D:\PengYe_code\2\vite-vue3-admin
ode_module

发布博客 2022.03.31 ·

＜div id=“test“＞＜p＞0＜/p＞＜p＞1＜/p＞＜p＞2＜/p＞＜p＞3＜/p＞＜/div＞点击p输出p的下标（原生js/jq）多方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script src="js/jquery.min

发布博客 2022.03.16 ·

vue 前端关于token的刷新（进阶）

token刷新用户在登录两个小时后，或许还会继续操作，但是一般token是有时效的，这时候如果遇到刷新页面就会请求失败，但显然这种效果不是我们想要，那么我们就要刷新token，让用户在刷新页面时带的是新token就可以继续操作页面...

发布博客 2021.07.25 ·

vue 前端关于token的使用（基础）

tokentoken在前后端项目里越来越被广泛运用，由于校验用户是否正常登陆在线。但一般设置有实效，一个小时，或者两个小时，当用户超时不使用时token就会失效，需要重新登陆或者重新刷新token。1.vue如何使用token在登陆请求成功后设置token（一般由后端生成token） this.$https.post('api/user/login', postData).then((res) => { if(res.code == 0){ //登陆成功 let acces

发布博客 2020.12.15 ·

10368 阅读 ·

关于前端部分页面模板化构思及可配置的json模板

本篇博客将会讲述如何构思一个可配置的前端页面渲染的json模板优点1.通过json模板设定一定规则，可满足目前业务需求。2.设计构思可后期拓展的添加配置，实现多元化渲染。3.json格式便于数据存储，可直接通过对数据库的数据进行处理，现在保存，获取，解析，渲染，更新等。起因前段时间领导说客户不知道怎么使用我们项目的算法功能，需要我们出一个算法说明界面，或者小弹框。需求1.每个算法一个算法说明，鼠标移动上去后出现算法说明小弹框。2.说明里包括功能说明与案例等，不仅只是文字描述，有表格以及参数

发布博客 2020.12.15 ·

大屏报表异步获取数据后，渲染背景图片过于缓慢问题的解决方案（采用图片缩略图+懒加载方式）

前端页面数据渲染服务器图片异步路径的懒加载前提：项目大屏报表采用配置参数，其中背景图参数中保存的是缩略图的路径前提：项目大屏报表采用配置参数，其中背景图参数中保存的是缩略图的路径首先进入页面发送http请求获取到大屏报表的配置参数。赋值给页面绑定参数后就开始渲染页面，这时配置参数里的图片是缩略图，因缩略图体积很小，页面可以快速渲染。接着将图片参数从配置参数中获取出来更改成高清图片路径按照可识别位置的方式缓存到提前定义好的参数中。利用 new imange() 的 onload 方法去获取高清的图

发布博客 2020.12.09 ·

动态style中backgroundImage的url无法显示问题

组件背景采用图片上传后，返回图片路径，更新前端数据，重新渲染页面。因动态样式style的背景图是由js采用ES6模板字符串拼接而来，无法显示背景，如下:// this.host:服务器地址， imgUrl：图片路径 style.backgroundImage=`url(${this.host+imgUrl})`当该参数当成 ing 的 src 路径时是可以查看到图片的<img :src="`${host + imgUrl}`"/>查看多个上传图片，发现查...

发布博客 2020.12.08 ·

git 仓库子模块 submodule 在项目中的运用（独立拉取提交数据）

最近公司准备开发项目的2.0版本，业务划分模块，但又同属于一个项目，所以这次打算重构前端项目架构项目业务大体分为公共模块（包括项目基础配置）存放库1 业务1模块存放库2 业务2模块存放库3 业务3模块存放库4首先先建立4个git仓库，拉取库1git clone 库1地址在库1根目录下，添加子模块仓库（其他模块同理）$ git submodule add 库2地址 src/views/datavEditor// 执行命令后就会在库1根目录下生成以下路...

发布博客 2020.07.30 ·

vue cli 3.0 新建项目缓慢问题，需禁用不采用淘宝镜像

采用vue cli 3.0 搭建vue项目新建项目命令vue create projectName 发现建立进度很慢…原因： cli 3.0 搭建项目采用原资源路径会很快。慢的原因是之前你设置了淘宝镜像去禁用淘宝镜像C:\Users\Administrator 路径下查找 .vuerc文件将里面的 "useTaobaoRegistry" 设为 false如果发现还是慢就请先删掉淘宝镜像删除淘宝镜像命令：npm config delete registrynpm c.

发布博客 2020.07.29 ·

vue 初始化多层嵌套对象数组后数据以及视图更新问题

在视图更新方面vue官方有几种方式。在最近项目里我曾用了this.$nextTick(） // 异步更新数据方法以及另一个方法 this.$set()刚开始是每个单独用的，但发现竟然在多层嵌套下的数据里不起作用最终我直接一起使用后发现终于起了作用例如：let _selt = this;_selt.$nextTick(() => { _selt.$set(_selt.selfDialog.newFieldData.whenCase.fields[0].w..

发布博客 2020.06.30 ·

vue项目火狐浏览器下无法打开 SyntaxError: invalid regexp group（正则错误）解决方案

解决方案开发中的某一天，测试小姐姐和我说，项目在火狐和ie下打不开。我去瞅了一眼，确实打不开。1.ie暂且不说，估计es6,es5有关，日后再解决。2 火狐看了一下，组件没加载出来，控制台报了一个错误：SyntaxError: invalid regexp group一看，原来是正则表达式的锅，我说以前不是可以打开的么。想了一圈，看来是最近的一个匹配分割功能那正侧的兼容性没做好。 let reg = /(?<=@).*?(?=[)])/g //原先写法 let reg = new

发布博客 2020.06.03 ·

项目开发中使用git管理，如何忽略不想上传的文件。

项目根目录下鼠标右键新建文本文档重命名（.gitignore）就会变成这样----->然后用编辑器打开改文件将不想上传的类型，或者文件夹，具体文件等填写进去就可以了/+文件加名忽略文件夹*+.zip 或者别的文件类型忽略该类文件.vscode/settings.json 忽略具体文件...

发布博客 2019.12.18 ·

NavigationDuplicated: Navigating to current location ("/admin/dataAdmin") is not allowe

NavigationDuplicated: Navigating to current location ("/admin/dataAdmin") is not allowed这种情况改写一下路由的push方法就可以了，将要跳转的 location的路由放进去。原文参考地址：https://blog.csdn.net/txl910514/article/details/102746160c...

发布博客 2019.12.17 ·

js 对象key和value的获取方法。

在js里如何获取对象的key值和对应的value呢？我们将使用两种方法获取。// 自定义方法变量，获取对象的value,keysvar values = function(object) { var values = []; for (var key in object) values.push(object[key]); return...

发布博客 2019.07.23 ·

socket.io + node简单聊天室

socket.io + node 简单聊天室首先，我想感谢提供该文章主要思想的作者。其中大半代码来源于该作者。个人只是在理解的基础下稍作完善。此文章的作用主要是学习与分享。// 作者：luck_lin// 来源：CSDN// 原文：https://blog.csdn.net/qwe502763576/article/details/79672766优化的点之一：登陆时只会通知在线的...

发布博客 2019.07.12 ·