
html
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 Failed to resolve component router-view
Failed to resolve component: router-viewIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElementvue3解析component: router-view失败解决://app.use(router) 需放在app.mount(’#app’)前面 不然加载时router-view、原创 2022-03-11 20:32:32 · 11646 阅读 · 2 评论 -
uniapp使用uni-data-picker插件实现省市区弹窗(兼容app)
官方文档:uni-app官网1.使用HBuilder导入插件.uni-data-picker 数据驱动的picker选择器 - DCloud 插件市场2.导入成功后,在src文件夹下多一个uni_modules的文件夹3.引入插件import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/keypress.js';4.在页面中使用<uni-data-picker :lo原创 2022-03-11 19:09:04 · 1704 阅读 · 0 评论 -
NPM安装依赖包,报错node-gyp rebuild...解决方法
异常信息npm ERR! code 1npm ERR! path D:demoode_modulesode-sassnpm ERR! command failednpm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building: C:Program Filesodejsode.exe D:demoode_modulesode-gypinode-gyp.js rebuil原创 2022-03-11 15:08:31 · 4277 阅读 · 0 评论 -
java分别发送post请求applicationx-www-form-urlencoded和applicationjson类型数据
有时候我们在postman上调用接口它可以正常返回结果,但是自己写后端代码时报400错误时,这可能就是对请求头的Content-Type没有设置的结果。post提交数据有多种方式,而application/x-www-form-urlencoded和application/json都是比较常见的方式。x-www-form-urlencoded是表单提交的一种,表单提交还包括multipart/form-data。以 application/x-www-form-urlencoded 方式提交数据,会将表原创 2022-03-11 13:46:14 · 3495 阅读 · 1 评论 -
Ajax请求的五个步骤
目录Ajax请求的五个步骤一、定义1、什么是Ajax2、同步与异步的区别3、ajax的工作原理二、实现AJAX的基本步骤1、创建XMLHttpRequest对象2、创建HTTP请求3、设置响应HTTP请求状态变化的函数4、设置获取服务器返回数据的语句5、发送HTTP请求6、局部更新三、完整的AJAX实例Ajax请求的五个步骤一、定义1、什么是AjaxAjax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交原创 2022-03-11 11:03:06 · 925 阅读 · 0 评论 -
除夕最炫烟花代码
一、效果展示:烟花特效二:代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.原创 2022-03-10 13:20:17 · 278 阅读 · 0 评论 -
简析 JavaScript报错 Uncaught TypeError Cannot read properties of null (reading ‘...‘) at new
JS报错(如下图):报错原因:引入JS的位置错误。为什么位置错误?∵ JS 在页面渲染(生成)之前就执行了代码,发现获取不到页面元素。解决方法放到页面代码下面(body内部或者下部 随意吧)...原创 2022-03-10 11:59:26 · 38758 阅读 · 0 评论 -
巧用Vscode编辑器,快速编辑代码,教你一键写完一段代码,向合格的cv工程师前进
一个好的编辑配置,能大大的提高开发者的效率,那么我们最理想的肯定 打2个字符,啪的一下,出现一堆代码,那么如何实现这种效果勒,这种效果叫代码片段,vscode插件中有不少就是这种,比如 VEtur当然还有其他开发好的封装的很nice的插件,如何来找满意的代码片段插件呢只需要在插件管理钟输入你的框架,然后加上snippets(片段),就能出现许多片段,然后选择一个,合适即可这里作者以vue 为例我安装了2个,比如这个,红框内的就是快捷输入方式,下面来演示一下但是我们有些自己的独特习惯,所以定制原创 2022-03-10 10:34:57 · 699 阅读 · 0 评论 -
前端“Unexpected end of JSON input”报错问题
我是在vue中项目遇到这个问题,排查了半天,最后发现是JSON.parse(transferData)使用的问题。一定注意JSON.parse()入参不能是空字符串。在使用JSON.parse()前要对入参做判断,适用于所有前端项目。原创 2022-03-09 14:16:03 · 1532 阅读 · 0 评论 -
【已解决】[Vue warn]:Error in render “TypeError Cannot read property ‘‘ of undefined“
文章目录一、发现问题二、问题解决方法一方法二方法三三、原因解析一、发现问题在vue项目中发现报错:[Vue warn]:Error in render: “TypeError: Cannot read property ‘***’ of undefined”虽然有报错但是对项目没有发现明显影响(我遇到两次都是使用数组中首项属性值时发生,其他情况还需另斟酌)二、问题解决两种方法:方法一标签中通过v-if="tabsTree[0]"提前截获<span slot="原创 2022-03-09 12:55:35 · 8179 阅读 · 0 评论 -
vue配置代理vue.config.js后不生效(小坑)
我的项目使用vue-cli4脚手架搭建的,想要修改webpack配置,需要手动在根目录下面添加一个vue.config.js文件,会自动识别该文件。附上我的配置:// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分,具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下,V原创 2022-03-09 11:32:15 · 5034 阅读 · 2 评论 -
Vue TypeError Cannot read properties of undefined (reading ‘xxxx‘) ,错误原因及解决方案
今天使用Vue+axios 查询数据库信息,并显示。用到了v-for便签。axios 也可以正常接收到数据。但是总是报同一个错误,无法读取未定义的标签。但是代码中明显有。TypeError: Cannot read properties of undefined (reading 'xxxx')错误截图:原因:上面的代码为: <td>{{b.book.publisher.name}}</td> <td>{{b.book.publisher.原创 2022-03-09 08:36:36 · 13496 阅读 · 0 评论 -
tedu斌-Web笔记2112-2
选择器练习:把刘备改成红色张飞和苹果改成绿色文本框和所有水果背景黄色p2 字体粉色p2和p3背景蓝色超链接未访问绿色,访问过红色,悬停黄,点击红颜色赋值三原色: 红绿蓝 RGB Red Green Blue , 每个颜色的取值范围0-255五种颜色赋值方式:颜色单词: red/blue/yellow6位16进制赋值: #ff00003位16进制赋值: #f003位10进制赋值: rgb(255,0,0)4位10进制赋值: rgba(255,0,0,0-1) a=alpha原创 2022-03-08 13:56:19 · 74 阅读 · 0 评论 -
npm install时出现gyp ERR stack Error Could not find any Python installation to use
vue项目使用npm install按照依赖时,报以下错误:gyp verb command rebuild []gyp verb command clean []gyp verb clean removing "build" directorygyp verb command configure []gyp verb find Python Python is not set from command line or npm configurationgyp verb find Python原创 2022-03-08 12:35:55 · 2201 阅读 · 0 评论 -
jQuery报错:Uncaught ReferenceError $ is not defined解决方法
jquery报错:Uncaught ReferenceError: $ is not defined出现的可能原因:1,你未引用jquery库jquery.min.js文件,或者说路径错误;2,忽略了HTML中上面这两个是最经常出现的错误。但是还有一个不易察觉的问题也会导致出现此错误。引入jquery不光可以从本地项目路径引入,同时也可以通过网页链接引入,但是http和https的引入这个时候就会出现问题如果我们的项目是https安全域名那么引入的时候就需要<script src="ht原创 2022-03-08 11:15:42 · 5862 阅读 · 1 评论 -
gyp ERR find VS gyp ERR find VS msvs_version not set from command line or npm config gyp ERR find
npm install报错gyp ERR! find VSgyp ERR! find VS msvs_version not set from command line or npm configgyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Promptgyp ERR! find VS checking VS2019 (16.3.29411.108) found at:gyp ERR! find VS “D:is原创 2022-03-08 09:55:17 · 709 阅读 · 0 评论 -
cnpm install报错RunScriptError Run “CWINDOWSsystem32cmd.exe d s c node scriptsbuild.js“ error
运行cnpm install 报错解决:以管理员的身份运行cmd原创 2022-03-08 08:35:15 · 746 阅读 · 0 评论 -
解决跨域:“Access to XMLHttpRequest at ‘http127.0.0.18081‘ from origin ‘httplocalhost8080‘“
在使用 vue 过程中经常会向服务器请求数据,但是时常会发生跨域的错误,具体什么是“跨域”请自行百度,这里说明一下怎么解决这个问题。1、在 vue.config.js 文件中配置如下操作:2、在 main.js 中修改baseURL3、在服务器中配置允许跨域...原创 2022-03-07 10:01:06 · 1968 阅读 · 0 评论 -
使用 Fiddler 进行小程序抓包
为什么是 Fiddler理由很简单:因为大多数测试同学都是用 Fiddler。虽然不同的抓包工具功能都大同小异,但就像开发者统一开发工具能够提高团队协作的效率一样,开发和测试之间统一工具也能提高大家的沟通效率。如果测试同学在使用 Fiddler 抓包时遇到了什么问题,比如说某个请求抓不到,你给的答复却是:我用 whistle/charles 没问题啊,这肯定会让测试同学抓狂。前置准备下载 Fiddler Everywhere下载地址:www.telerik.com/download/fi…使用这个原创 2022-03-06 03:45:38 · 8549 阅读 · 1 评论 -
[Vue warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)
1、问题描述:antd 下拉框选择的时候报了这个错误<a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum"> <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option><原创 2022-03-06 02:23:38 · 1713 阅读 · 0 评论 -
vue中后端返回文件流( type “applicationoctet-stream“ )的形式,前端进行处理和文件下载,以及自定生成对应的文件类型
工作中用到,记录一下前端对于返回数据的处理1.对于请求的配置{url: ‘xxxx’,mothod: ‘post’,data: params,responseType: ‘blob’}调用接口后返回的结果如下 : Blob(733347) { size: 733347, type: “application/octet-stream” }2.下载函数简单说明一下我应用的场景,vue使用ant 框架, 对应的是a-table的操作列下载按钮 这里利用作用域插槽得到每行数据对应的文原创 2022-03-06 01:02:18 · 2767 阅读 · 0 评论 -
tui-image-editor 图片编辑组件
针对图片的涂鸦、缩放、标注等操作,需要借助canvas来操作,这里借助tui-image-editor绘图组件来实现基础的涂鸦等功能可以参考一篇使用教程博客:快给你的Vue项目添加一个编辑图片组件吧_Senar的博客-优快云博客_vue 图片编辑组件[这里是图片001]https://blog.youkuaiyun.com/i_am_a_sb/article/details/109944501里面介绍的很详细,不过我对自己要使用的情况做了一些个性化,并封装成一个组件,方便调用tui.image-editor-官原创 2022-03-05 23:41:20 · 1968 阅读 · 2 评论