前端相关
关注
分享
扫一扫
javascript 、vue等前端相关问题等文档
不与天斗8866
理解了世间万物的人们，在他们的余生中，除了万圣节，不会再去思考其他东西
展开
-
docker 部署ipfs节点并使用nodejs进行上传测试
docker 部署ipfs节点并使用nodejs进行上传测试原创 2023-02-17 14:20:40 · 444 阅读 · 0 评论 -
react项目 Can‘t resolve ‘stream‘ in ‘.../node_modules/cipher-base‘ 问题解决
react项目 Can't resolve 'stream' in '.../node_modules/cipher-base' 问题解决原创 2023-02-16 23:46:13 · 1740 阅读 · 0 评论 -
export ‘withRouter‘ (imported as ‘withRouter‘) was not found in ‘react-router-dom‘ 问题解决
export 'withRouter' (imported as 'withRouter') was not found in 'react-router-dom' 问题解决原创 2023-02-16 14:51:54 · 1912 阅读 · 0 评论 -
react报错：Legacy context API has been detected within a strict-mode tree
react报错：Legacy context API has been detected within a strict-mode tree转载 2023-02-15 23:04:25 · 697 阅读 · 0 评论 -
Vue Jsp页面值绑定出现换行后台值导致syntaxerror 问题处理
老项目是jsp渲染页面，为了便于开发一些功能，于是在jsp页面中集成了vue。因为修改功能是已经测试过的功能，没有遇到错误，所以应该是内容的问题。原创 2022-09-08 20:11:32 · 452 阅读 · 0 评论 -
bootstrap table列宽设置无效解决
页面上增加如下样式，然后再设置就可以了。参考：https://blog.youkuaiyun.com/wang1171405487/article/details/80667530转载 2022-03-14 12:07:28 · 1438 阅读 · 0 评论 -
Jtopo Demo源码下载方式
工作需要画拓扑图，看到jtopo官网的代码，http://jtopo.com/demo/statictis.html，想把demo下载下来做测试，但是官网展示的代码只给了js的代码。下面介绍下我如何将demo整个拷下来的。 以我要研究的demo页面为例，http://jtopo.com/demo/statictis.html，打开F12后刷新下页面，打开网络/network选项卡，点击statictis.html记录，将响应中的内容保存到html中。 将网络中出现的js ,css ,图片文件分别保存原创 2022-01-28 17:48:42 · 1103 阅读 · 0 评论 -
jtopo报Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContext2D‘错误解决
jtopo官方demo，告警 node的图片是可以变红色的，但是复制下来的代码并没有变红， 官方demo效果拷下源码运行效果F12打开浏览器，看到错误Uncaught DOMException: Failed to execute ‘getImageData‘ on ‘CanvasRenderingContext2D‘找到解决方案，使用VsCode，下载一个叫Live Server插件，安装好以后使用Live Server打开文件。 右下角图标使用live server打开文件 文件右键原创 2022-01-28 17:25:05 · 4442 阅读 · 0 评论 -
$.ajax的回调function中的this与 element-ui的this.$alert冲突问题解决
代码大致如下,vue中使用 element-ui的组件 this.alert会报错误，因于与alert会报错误，因于与alert会报错误，因于与.ajax的回调函数中的this冲突，解决方法是将this.alert的this改为vue对象的名称vm.alert的this改为vue对象的名称 vm.alert的this改为vue对象的名称vm.alert，就可以正常提示了let vm = new Vue({ el: '#app', data: function () { re原创 2021-12-09 19:34:24 · 1162 阅读 · 0 评论 -
正则匹配获取中括号中的内容
正则匹配获取中括号中的内容正则 (?<=\[).+?(?=\])脚本/(?<=\[).+?(?=\])/.exec("[2021-06-17 16:25:55.815] [INFO] [http-nio-8080-exec-8]")[0];"2021-06-17 16:25:55.815"参考：https://segmentfault.com/q/1010000008553692https://my.oschina.net/u/3797416/blog/3171717脚本测原创 2021-06-17 17:08:01 · 5052 阅读 · 0 评论 -
vue无法监听对象的属性的增加和删除
解决方法 用this.$set(obj,key,val)https://www.cnblogs.com/zipon/p/7535384.html转载 2020-12-24 15:26:57 · 1091 阅读 · 0 评论 -
vue获取路径参数和请求参数
https://www.cnblogs.com/sese/p/9595625.html转载 2020-11-18 14:35:12 · 2064 阅读 · 0 评论 -
element-ui中rules使用正则表达式进行校验
https://www.cnblogs.com/webSong/p/10112526.html转载 2020-11-10 11:38:27 · 3169 阅读 · 0 评论 -
VUE之命令行报错：Component template should contain exactly one root element. If you are using v-if on multi
https://www.cnblogs.com/zhixi/p/9639981.html转载 2020-11-09 16:47:33 · 2755 阅读 · 0 评论 -
element step控件点击事件
https://www.cnblogs.com/Antwan-Dmy/p/13164252.html转载 2020-11-02 20:06:06 · 1122 阅读 · 0 评论 -
vue循环遍历map
<div class="form-group row" v-for="(item,index) in paramsMap" :key="index"> <!-- index 为Key--> <label class="col-sm-2 col-form-label">{{index}}</label> <div class="col-sm-10"> <!-- item为value--> .原创 2020-08-18 11:38:20 · 4874 阅读 · 0 评论 -
JS中拼接VUE的ONCLICK事件
本文为转载，原文地址：https://www.choupangxia.com/2020/04/19/js-vue-onclick/ ，非常感谢原作者正常情况下，我们使用@click属性便可对HTML元素绑定onclick事件，完整示例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue属性绑定</title..转载 2020-06-08 16:18:22 · 6545 阅读 · 5 评论 -
Access to XMLHttpRequest at ‘url‘ from origin ‘null‘ has been blocked by CORS policy: Request header
https://blog.youkuaiyun.com/zhangcc233/article/details/86627384转载 2021-03-23 17:37:40 · 408 阅读 · 0 评论 -
新版本chrome浏览器带来的跨域请求cookie丢失问题
遇到了一个谷歌浏览器的登录问题，不稳定复现，有的人有问题，有的人没问题，是突发的，代码没有改动，参考的文档为以下两个，原来还是灰度发布的，难怪是我这没法复现，感谢两从头再来老哥https://www.jianshu.com/p/aa80ca97f877https://blog.youkuaiyun.com/weixin_43990297/article/details/107716124...转载 2021-02-22 11:23:25 · 446 阅读 · 0 评论 -
php允许跨域
本地开发页面模拟接口数据使用Php，遇到跨域问题，加上 <?php 到 ?> 这一段解决<?php header('Access-Control-Allow-Origin:*');header('Access-Control-Allow-Methods:OPTIONS, GET, POST'); // 允许option，get，post请求header('Access-Control-Allow-Headers:x-requested-with'); // 允许x-requeste原创 2020-08-18 11:41:52 · 342 阅读 · 0 评论 -
jquery 设置背景
jquery中设置页面的背景，下面代码的实现是先从链接中获取背景图片的url，获取背景图片的接口中可以加缓存$(function () { $.ajax({ type: "GET", url: "/wallpaper-url", dataType: "json", success: function (result) { let url = result.wallpaper; //下面这原创 2020-08-06 16:24:57 · 719 阅读 · 0 评论 -
javascript遍历对象的所有的属性
<script> function test(){ var result = {"env1":true, "env2": true, "env3" :false}; for(pro in result){ console.log("属性名" + pro + ",属性值" + result[pro]); } }</script>原创 2020-08-05 16:03:12 · 173 阅读 · 0 评论 -
jquery validation用法
文档地址https://jqueryvalidation.org/documentation/$(function () { //jquery validate $('#form1').validate({ rules: { groupName: { required: true, minlength: 5, maxlength: 30原创 2020-07-31 16:57:54 · 464 阅读 · 0 评论 -
select2多选框无法手动排序问题[转载]
原文链接：https://my.oschina.net/sumweb/blog/1593892在一个项目中，我使用了它的AJAX搜索和选择，但发现一个问题，项目需要对选择的内容保留它添加时相应的排序，比如one/two/three，AJAX添加选择的时候如果是three,two,one，我希望它保留这个顺序，然后提交到后台数据库，而select2在已经选过内容的情况下，是按原来内容顺序做排序的，这就导致无法修改排序。百度后，没有找到解决办法，GOOGLE搜索关键词“select2 multiple sor转载 2020-07-01 20:44:42 · 634 阅读 · 0 评论 -
select2 清除已选项
$("#select-id").val("").trigger("change");原创 2020-06-17 12:49:21 · 900 阅读 · 0 评论 -
bootstrap datetimepicker 初始化及取值
bootstrap datetimepicker 初始化及取值//初始化$('#createTime').daterangepicker({ //选择小时 timePicker: true, //选择小时24小时制 timePicker24Hour: true, //时间选择间隔 1分钟 timePickerIncrement: 1, locale: { //日期格式 format: 'YYYY-MM-DD HH:mm:ss'原创 2020-06-16 15:19:34 · 1541 阅读 · 0 评论 -
js判断对象是否为空或对象的属性是否为空
可以直接通过if(对象）判断，对象的属性也一样var obj = null;if(obj){ //如果obj不为空，则会进入} else { //如果obj为空，则会进入 }原创 2020-06-08 16:46:44 · 1073 阅读 · 0 评论