前端常见问题
关注
分享
扫一扫
rainux.
敲代码使我超快乐！！！关注必回关
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
12 款在手，前端无忧——Vue UI 组件库
今日分享下同事推荐的十二款VUE UI组件库，方便前端开发的伙伴们参考。原创 2023-12-20 11:17:14 · 2577 阅读 · 0 评论 -
单行省略&多行省略
css实现单行省略&多行省略原创 2022-10-24 09:27:28 · 400 阅读 · 0 评论 -
使用Echarts出现的一些问题......
https://blog.youkuaiyun.com/qq6759/article/details/95632822原创 2022-03-03 12:03:11 · 816 阅读 · 2 评论 -
构建一个表格，能够实现一对多的数据形式（已自用于项目），形象而便于使用
getExProcess() { this.processList = [ [{ appname: "应用1", process_name: "进程1", pid: 1 }], [{ appname: "应用2", process_name: "进程2", pid: 2 }], [ { appname: "应用3", process_name: "进程3", pid: 3 }, { appname: "应用3", pro原创 2022-03-03 11:34:10 · 1619 阅读 · 0 评论 -
字符串、数组、对象等常用方法（留存备用）
Code Is Never Die !split(separator,howmany)split() 方法用于把一个字符串分割成字符串数组。let R = 'www.rainux.top'R.split('.') // ['www','rainux','top']R.split('.',2) // ['www','rainux']截前两部分R.split('',4) // ["w", "w", "w", "."]join(separator)join() 方法将数组作为字符串返回。元素将原创 2022-03-03 10:47:29 · 497 阅读 · 1 评论 -
Vue常用前端组件库【留存备用】
原创 2021-12-07 18:09:01 · 1036 阅读 · 0 评论 -
Git：放弃本地(或Linux下)修改内容，全部拉取远端git仓库代码
Git：放弃本地(或Linux下)修改内容，全部拉取远端git仓库代码原创 2021-12-02 09:42:10 · 2722 阅读 · 0 评论 -
Vue本地项目实现其他局域网电脑在线访问
Code Is Never Die ！项目在本地npm run dev跑起来，默认为http://localhost:8080在当前IP下访问没有问题，但是同一局域网下的其他同事却访问不了，显示ERR_CONTENT_LENGTH_MISMATCH，没有办法访问同时直接通过同事电脑访问我的IPhttp://192.168.1.20:8080，也显示连接失败无法访问也无法访问成功。看到网上的解决办法如下：1.package.json中scripts的dev中最后加入--host 0.0.0.0原创 2021-11-19 09:56:45 · 10565 阅读 · 0 评论 -
点击当前元素将信息存在数组，再次点击从数组移除
Code Is Never Die ！真实场景： 昨天在做一个选中与取消选中元素的功能，需要用到频繁push(加入)和remove(移除)元素的操作。实现思路：首先需要先判断数组中是否包含即将操作的元素；若不存在，则将当前元素push至数组中；若存在则将当前所选元素在数组中找到并splice移除；引入新方法： 根据数组元素的 “值” 来删除数组中当前 “值” 元素。对数组增加内置属性方法：Array.prototype.contains = function(obj) { var i原创 2021-11-04 09:52:55 · 1070 阅读 · 0 评论 -
其他解决方法：Forbidden(403) CSRF verification failed.Request aborted.
Code Is Never Die ！今天在完成部分页面发起POST请求时，出现了如下所示的403报错情况度娘搜索了一下，解决方法包含了前端修改和后端修改的解决办法，前端来修改操作的90%都集中于在form标签里面添加{% csrf_token %}即可，也是最为简单的，然而，很不幸我加了之后依然报错。后来发现页面登陆进来会有一个接口获取csrfToken，用来防御CSRF攻击，在接口请求时为避免安全性的问题产生漏洞，会在headers中携带此csrfToken，故在请求时加上headers: {原创 2021-10-29 18:52:21 · 584 阅读 · 0 评论 -
前端mockjs虚拟数据__留备使用
Code Is Never Die ！1.0 Vue环境下2.0 引入mock.js文件在main.js中引入mock.js3.0 mock.js文件拦截ajax请求，返回mock数据const Mock = require('mockjs')// 返回字符串Mock.mock('/api/data', (req, res) => { return Mock.mock({ 'string|3': '*' })})// 返回指定范围的整数Mock.原创 2021-09-09 19:10:37 · 229 阅读 · 0 评论 -
服务器开发的网站http登录失败，必须https登录
Code Is Never Die ！公司系统使用默认（也就是http方式登录）都会出现问题应该是之前做了https的安全验证，但是有的时候默认输入地址是http的，所以往往会造成一定的不方便。考虑最简单的就是让系统自动使用https下访问在头部增加如下一行代码：<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />这样访问不管是http/https都会自动跳到https下原创 2021-09-09 18:36:36 · 1394 阅读 · 0 评论 -
数组、对象遍历收藏版
Code Is Never Die ！留存方便自己使用，方便大家使用遍历对象：1.Object.keys()var obj = {'0':'a','1':'b','2':'c'};Object.keys(obj).forEach(function(key){ console.log(key,obj[key]);});2.for…in…var obj = {'0':'a','1':'b','2':'c'};for(var i in obj) { consol原创 2021-09-03 09:36:36 · 156 阅读 · 3 评论 -
离开页面提示beforeunload和unload的事件应用
Code Is Never Die ！需求： 在用户离开页面之前给一个提示，选择是否确认离开，并且用户确认离开的话，需要发出一个请求。代码：<!DOCTYPE HTML><html><body> <script> // 只有屏幕和用户互动过后，用户离开页面（关闭、刷新、跳转其他页面）才会触发 window.onbeforeunload = event => { console.原创 2021-09-02 09:18:25 · 1166 阅读 · 0 评论 -
记录:设置jtopo节点不可拖拽
Code Is Never Die !this.scene.mousedrag(function(e)){ e.target.dragable = false;//将拖拽设置为false}原创 2021-08-26 09:35:25 · 559 阅读 · 6 评论 -
JS比较两个数组是否完全相同
Code Is Never Die !// 假设两个数组arr1、arr2var arr1=["11","22","33"];var arr2=["11","33","44"];// 定义变量用于标志var arr_status;// 判断两个数组长度是否相同if(arr1.length == arr2.length){ // 循环arr1 for (var x = 0; x < arr1.length; x++) { // 默认arr_status 为1 arr原创 2021-08-04 09:15:10 · 3049 阅读 · 13 评论 -
入手Node最好的文章---npm命令
Code Is Never Die !安装npm install 包名#简写npm i 包名#安装指定版本的包npm install 包名@版本号 -> npm install moment@2.22.2#初始化npm init -y#安装所有的包npm install#卸载包npm uninstall 包名#安装开发依赖npm install 包名 -D#安装全局包npm install 包名 -g#卸载全局包npm uninstall 包名 -g原创 2021-08-03 09:27:39 · 138 阅读 · 1 评论 -
npm err ! Error: connect ECONNREFUSED 127.0.0.1:8087
Code Is Never Dienpm安装了expressnpm install express然后出现了错误npm err ! Error: connect ECONNREFUSED 127.0.0.1:8087解决办法npm config set proxy null然后就OK啦！PS: 博主博客主页(Rainux)，精彩继续，欢迎来访！...原创 2021-07-10 15:27:43 · 1516 阅读 · 3 评论 -
element引入，但标签不显示问题
Code Is Never Die ！越简单，越是看半天都迷不过来啦。引了element的相关js、css文件，然后就随便测了一下直接这样走起，咳，一片空白，没有报错，给我脑子整懵了，一下摸不着头脑。after…然后就这就可以了！PS: 博主博客主页(Rainux)，精彩继续，欢迎来访！...原创 2021-07-10 15:26:37 · 1203 阅读 · 1 评论 -
IP地址进行函数封装处理--常见的前端封装js函数
Code is never die ！每日一小更，主要分享一下工作中遇到的一些小问题以及觉得比较 有用可以分享给大家都东西。废话不多说，进入正题！想必身为前端的你，也会经常遇到这样的问题吧，接班上一位 “优秀的前端工程师”，继续完成或者维护修改他的 “佳作”，那不堪入目的html、随处可放的css，不知哪里搞来一段js以及前后端交流商量出来的接口… 只有你想不到，没有它不敢出的…好的，切入正题，今天遇到的情况是对数据进行二次封装----修改为boss想要的格式和混淆加密方式如图：...原创 2021-06-30 10:37:43 · 6300 阅读 · 2 评论 -
Uncaught TypeError: Illegal invocation报错简单直接解决方案
Code Is Never Die !环境： jQuery、Ajax、formData；描述： 用于上传PDF、doc等文件时，文件POST请求需要通过使用formData作为data的属性值传入，这样才能正确的得到文件信息，但是今天出现了这个错误。解决：// 告诉jQuery不要设置Content-Type请求头，无分界符// 默认true，有分界符，导致服务器无法正确识别文件起始位置contentType: false,// 告诉jQuery不要去处理发送的数据// 默认为true，会将原创 2021-06-30 10:09:04 · 7355 阅读 · 2 评论 -
vue-element el-table点击行展开，并且收起其他行
Code Is Never Die !代码行中已标注实现点击行展开，并且自动收起其他行的相关设置和代码。el-table表格是绑定在vue实例上的，相关配置、绑定数据、事件 将这三部分可以直接Copy到自己的项目相关位置，无需修改可以直接使用 !1. el-table 相关配置:row-key="getRowKeys" // 每一行的唯一key值:expand-row-keys="expands" // 设置目前的展开行(须同时设置row-key)@expand-change="expand原创 2021-06-21 12:09:51 · 16634 阅读 · 15 评论 -
推荐收藏：11招在手，各类表格需求——妈妈再也不用担心啦 ！
JavaScript 表格控件可以操作大数据集的HTML表格，提供各种功能，如分页、排序、过滤以及行编辑。在本文中，我整理了 11 个最好的 JavaScript 表格插件分享给同为开发人员的大家，大家可以很容易地添加表格操作功能到Web应用程序中。1. DataTable地址：DataTablesDataTables 是 jQuery、JavaScript 库的插件。它是一个高度灵活的工具，基于渐进增强的基础，并将向任何 HTML 表格添加高级交互控件。该库包括分页、即时搜索和多列排序，并支持几乎原创 2021-06-10 17:56:18 · 8037 阅读 · 3 评论 -
记一多次踩坑的可视化图形不显示问题
Code is never die !问题综述： 不管是本文说的visjs还是echarts、highcharts… 我都遇到过一样的问题，但下次又忘了，这次就记下来，给大家提个醒，避免踩坑因为本人公司业务的原因，经常和一些可视化的东西 “打交道”，避免不了就会出现各种各样的问题。然而最烧脑无解的不亚于：一切按照既定要求去写代码，该引的js、css文件也引了，就是可视化的图形不出来，更纳闷的是控制台还不报错…这里以最近使用的visjs为例，展开简单说明一下，看图干净的不能再干净了，一点报错都没有原创 2021-05-15 18:07:40 · 11696 阅读 · 6 评论 -
不得不知道的事儿---前端Gojs之去除水印
刚开始是这个样子的，带有水印，显得特别难看，影响原创 2021-04-24 17:37:49 · 14294 阅读 · 3 评论 -
在html的js中获取外部js中的多个变量和数据
Code is never die !通常如果数据过多，我们会将数据单独拉出来存储到一个单独的js文件中，然后通过外部js引入进来使用数据。目前比较简单而且用的比较多的是ES6语法规范的exports&import方法。使用方法是：// 外部定义dataList.jsexports.dataList = { uname = 'Rain', uage = '18', year = '2021-04-22 09:30', hometown = 'China',}原创 2021-04-22 10:29:06 · 16907 阅读 · 15 评论 -
Gojs组件------前端图形化插件之利器
Code is never die！阅读目录前言一、组件效果预览二、初次接触1、Gojs简介2、使用入门三、综合效果1、自定义流程的使用2、工业流程图四、总结五、附三中①②代码前言之前分享过两篇关于流程画图的前端组件，使用的jsPlumb。这个组件本身还不错，使用方便、入门简单、轻量级，但是使用一段时间下来，发现一些弊病，比如组件不太稳定，初始进入页面的时候连线的样式有时会乱掉，刷新页面之后才能恢复正常，而且连线样式比较单一，容易让人产生视觉疲劳，加之最近公司在大力推行所谓的“工业4.0”，除了对自动原创 2021-04-20 18:02:03 · 15859 阅读 · 3 评论 -
前端问题四：原生JavaScript封装去除数组重复元素的去重函数
Header： 原创不易，还请大家不吝指导赐教，Code is never die！ps：本着让更多人不止解决问题，更能够学到一点点方法的目的。今天给大家分享一下JavaScript封装一个数组去重函数方法。题目： 要求去除数组中重复的元素①思路： 把旧数组里面不重复的元素选取出来放到新数组中，重复的元素只保留一个，放到新数组中去重；②核心算法： 我们遍历旧数组，然后拿着旧数组元素去查询新数组，如果该元素在新数组里面没有出现过，我们就添加，否则不添加；③常见疑问： 我们怎么知道该元素没有存在？利原创 2021-04-16 12:11:55 · 12796 阅读 · 3 评论 -
前端问题三：原生JavaScript封装颠倒数组元素
Header： 原创不易，还请大家不吝指导赐教，Code is never die！ps：本着让更多人不止解决问题，更能够学到一点点方法的目的。今天给大家分享一下JavaScript原生代码封装reverse()方法。直接上代码：// 利用封装函数翻转任意数组 function changeArr(arr) { var newArr = []; for (var i = arr.length - 1; i >= 0; i--) { newArr[newArr.leng原创 2021-04-16 10:13:44 · 13768 阅读 · 3 评论 -
前端问题二：reverse()使用方法及常见问题
Header： 原创不易，还请大家不吝指导赐教，Code is never die！ps：本着让更多人不止解决问题，更能够学到一点点方法的目的。今天给大家分享一下JavaScript中最实用的方法之一——reverse()。一、简单用法相信身为前端工程师或者正在成为前端工程师的小伙伴都对它并不陌生，甚至非常熟悉，主要作用就是用于颠倒数组中元素的顺序，这里举个例子：var arrData = ["I","like","your","voice"]console.log(arrData) // ["原创 2021-04-15 22:24:44 · 16653 阅读 · 3 评论 -
前端问题一：使用innerHTML向DOM元素中追加问题
Header： 首创不易，还请大家不吝指导赐教，Code is never die！ps:本着让更多人不止解决问题，更能够学到一点点方法的目的，内容有点赘述，还请耐心。今天在修改项目时，偶然碰到了innerHTML部分知识的使用。直击问题：根据后台返回数据的个数循环动态添加dom元素，并且对dom元素进行相应的操作（例如：添加、编辑dom元素等）for (let i = 0; i < This.dataList.length; i++) { // 此处为每个div添加一个id（为简洁原创 2021-04-13 22:08:46 · 14980 阅读 · 14 评论