![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
普通网友
这个作者很懒,什么都没留下…
展开
-
vue.js提示Vue is not a constructor或Vue.createApp is not a function解决方法
今天尝试写点Vue玩,写着写着,写到一个列表渲染,我写了一个长得像这样的语句Vue.createApp(data).mount('#id')结果没有出现预期的结果,于是我打开浏览器,F12,它提示我Vue.createApp is not a function怪了呀,这和官方文档写的一样,怎么可能错呢?于是我经过反复求证,引入了一个官方的CDN,这下好了,createApp是正常了,出现了一个新的错误,我写过一个这样的语句var vm = new Vue打开浏览器F12,它提示我:Vue原创 2022-03-11 20:21:55 · 855 阅读 · 0 评论 -
uniapp map地图显示图标markers问题,自定义图标不显示
自己记录一下uniapp开发小程序关于map地图问题<map style="width:750rpx; height:100vh;" scale="17" show-location="true" :latitude="latitude" :longitude="longitude" :markers="markers"></map>1 . 自定义图标不显示data() { return { title: 'map', longitude:'122.1原创 2022-03-11 18:58:43 · 8130 阅读 · 5 评论 -
npm install 报错 Error connect ETIMEDOUT 20.205.243.166443
E:electron_workspaceelectron-vue-app ode_moduleselectron-chromedriverdownload-chromedriver.js:30if (err != null) throw err^Error: connect ETIMEDOUT 20.205.243.166:443at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1146:16) {errno: -4039,code:原创 2022-03-11 14:58:03 · 1137 阅读 · 0 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础1.4数据类型
修行还在继续,随着对要诀的深入,叶小凡明白,在编程世界,刚才的直接量都属于一种数据。和人有男女一样,数据也是有类型的。在JavaScript中,数据可分为两类,分别为原生数据类型(primitive type)和对象数据类型(object type)。心念一动,一个数字6立刻浮现在叶小凡体内的内存元海中,同时,为了不让数字消失,还专门定义了一个变量来指向那个数字。var num = 6;叶小凡心中已有明悟,这个数字和字符串都属于原生数据类型。那么,还有其他原生数据类型吗?心念扫过要诀,一炷香的时原创 2022-03-11 13:35:53 · 1838 阅读 · 0 评论 -
elementUI中的Popconfirm弹出框自定义调整(按钮位置,颜色调整)
elementUI中的Popconfirm弹出框自定义调整1.需求2.更改组件3.用法只需要加入这段css样式,注意不能使用scoped<style lang="scss">.el-popconfirm__main { margin: 23px 24px 17px 24px; font-size: 14px; font-family: MicrosoftYaHei; color: #333333;}.el-popconfirm__action { marg原创 2022-03-11 12:14:10 · 2710 阅读 · 0 评论 -
33.form标签中的GET和POST提交方式
form标签中的GET和POST在HTML中,form表单的作用是收集标签中的内容,<form>...</form> 中间可以由访问者添加类似于文本,选择,或者一些控制模块等等.然后这些内容将会被送到服务端。一个表单必须指定两样东西:form的method参数用于设置表单的提交方式,默认使用POST.action用于设置表单的提交url,如果不写或者保持空字符串,那么将使用当前的URL.①form表单使用post方式提交的例子:下面例子实现流程:当我们第一次访问此转载 2022-03-11 10:52:47 · 1288 阅读 · 0 评论 -
这一次,彻底搞懂Promise
一、为什么要引入Promise在介绍本章之前,首先先抛出几个问题:Promise解决了什么问题?Promise有哪些具体的使用场景?Promise解决了什么问题?回调地狱问题在没有Promise之前,前端获取数据往往需要通过回调函数层层嵌套的方式来解决异步问题,例如下面这段代码实例:// 回调地狱实例// 奶茶函数function getTea(fn) { setTimeout(() => { fn('获取到一杯奶茶') },2000)}//原创 2022-03-10 13:10:06 · 309 阅读 · 0 评论 -
用python实现淘宝秒杀
本文主要介绍了利用seleium模块进行淘宝秒杀的思路及代码,需要的朋友和小编一起来学习吧!一、总体思路用seleium+Chrom浏览器的方式来实现二、具体实现方法在本文中seleium将作为自动化测试的工具,它可以像人一样操作浏览器。1)导包from selenium import webdriver2)加载seleium模块的位置并赋予变量名driverdriver = webdriver.Chrome()3)打开浏览器并进入购物车界面driver.get('https://c原创 2022-03-10 11:49:13 · 722 阅读 · 0 评论 -
安装vue脚手架出现GET httpsregistry.npmmirror.comvue-cli-g response 404 status
安装vue脚手架出现GET https://registry.npmmirror.com/vue-cli-g response 404 status解决方案:win10:在windows Powershell(管理员)下输入cnpm install vue-cli-g再次检测成功!原创 2022-03-10 10:24:50 · 4588 阅读 · 1 评论 -
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法
问题描述项目执行npm run serve后报错产生原因(最大概率原因)由于在该代码中含有node_module依赖包,再拷贝到其他计算机时,项目路径发生变化,导致找不到vue-cli-service于是报错(其他出错情况,见下文扩展)因为该问题是出现在其他计算机上的,我本机上一直没有问题没有复现出bug,所以出错原因只是分析得出。而出现这个报错的情况也不止这一种,具体写在下文扩展中。解决办法删除node_module文件夹npm installnpm run serve即可解原创 2022-03-09 12:45:26 · 1408 阅读 · 0 评论 -
vue时间格式2021-11-21T123000.000+0000转换yyyy-MM-dd HHmmss
vue时间格式2021-11-21T12:30:00.000+00:00转换yyyy-MM-dd HH:mm:ss1.html部分<el-table-column prop="updateTime" label="更新时间" :formatter="dateFormat"></el-table-column>2.js部分 dateFormat(row, column, cellValue, index) { const daterc = row[colum原创 2022-03-09 11:22:08 · 606 阅读 · 0 评论 -
Vue3.0中setup语法糖的使用
可以说setup函数是Vue3.0的最重要的核心方法之一。setup函数在组件创建前执行,并且充当Componsition API的入口。使用setup函数应该注意:setup函数中没有this, 因为setup函数在beforeCreated之前就执行了setup其本身不可以为异步函数setup内可以执行await方法处理异步问题setup函数接收两个参数,props和context(context包含3个参数attrs,slots,emit),而context是可以被解构的原创 2022-03-09 10:01:12 · 1422 阅读 · 0 评论 -
vscode的vue中出现很多红色波浪线解决办法
vscode的vue中出现很多红色波浪线,看上去就很烦,如下所示:这么看呢,代码没什么问题,为什么有那么多红色波浪线呢?其实出现这个的原因是代码和vetur插件的格式不对应。解决办法1.严格遵循vetur的格式去写,不过麻烦。2.关闭vetur的格式检测问题解决...原创 2022-03-09 08:26:28 · 1547 阅读 · 0 评论 -
Spring Boot Required String parameter ‘xxx‘ is not present问题解决
问题描述:org.springframework.web.bind.MissingServletRequestParameterException: Required String parameter ‘password’ is not present问题分析:1、@RequestParams注解用于POST和PUT方法,导致前端转参数过来,后端接收不到。解决办法:POST和PUT方法使用@RequestBody和@PathVariable注解接收前端传输的参数。2、该参数必须传,但是前端传输过来原创 2022-03-08 13:46:09 · 840 阅读 · 0 评论 -
npm ERR Fix the upstream dependency conflict, or retry
ERESOLVE与npm@7有关的问题很常见,因为npm7.x对某些事情比npm6.x更严格。1.--legacy-peer-deps标志传递给npm, npm i --legacy-peer-deps。2.使用npx指定npm的版本。例如:npx -p npm@6 npm i --legacy-peer-deps。原创 2022-03-08 12:25:46 · 285 阅读 · 0 评论 -
Java注释
一般来讲 知道单行和多行注释就行了前端转来学java的 那你只需要知道一句话java的注释方式 分 单行和多行注释 注释的方法 和 JavaScript是一样的//单行注释/* 多行注释可以注释多行信息*/非常的基础 主要是为了让别人 或者 你自己后期维护代码变得更容易...原创 2022-03-08 11:05:30 · 181 阅读 · 0 评论 -
FastJson com.alibaba.fastjson.JSONException parseInt error, field id问题解决
问题描述:com.alibaba.fastjson.JSONException: parseInt error, field : id问题分析:1、使用JSON.parseArray()进行实体类类型转换时,UserEntity的id属性类型为Long,而UserDto的id属性类型为Integer,导致UserEntity转换为UserDto时,Long类型转换不了Integer类型,导致报错。 List<UserEntity> userEntityList = new原创 2022-03-08 09:45:12 · 1057 阅读 · 0 评论 -
Cannot set properties of null (setting ‘onblur‘)
正常来说js写在body下面不会查找不到,但是本人在练习用户验证的时候犯了个小错误,document获取元素的时候,通过class属性获取的,如果通过document.querySelector去获取元素的话切记不要丢掉.xxx,通过id获取的话需要#xxx修改完之后的无报错,测试正常。综上,出现Cannot set properties of null (setting ‘xxx‘)类型的报错,并不一定是因为js代码写在了body之前这种类型,代码出错也可能引起报错。...原创 2022-03-08 08:25:09 · 725 阅读 · 1 评论 -
2022跨年烟花代码(九)HTML5夜景放烟花绽放动画效果
HTML5夜景放烟花绽放动画效果html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Cont原创 2022-03-07 21:15:33 · 395 阅读 · 1 评论 -
解决Uncaught TypeError Cannot read properties of undefined (reading ‘props‘)
今天在react中子父传参里, 点击按钮向父组件传递信息时出现了这个错误如图:↓这个问题很明显, 从字面意思看就是props前面的这个值没有找到, 然后看源码里面, 前面是个this, 如下图:也就是在点击下面的button按钮时, 本来应该执行上面的sendMessage, 将父组件内容改掉, 可是却没有找到props前面的this, 然后测试在sendMessage方法中直接打印this , 发现是 undefined, 也就是说根本就没有this, 当然无法调用this里面的props了.因原创 2022-03-07 09:51:00 · 4988 阅读 · 0 评论 -
拦截器HandlerInterceptorAdapter使用方法
一、Interceptor定义:拦截器是在面向切面编程中应用的,就是在你的service或者一个方法前调用一个方法,或者在方法后调用一个方法。是基于JAVA的反射机制1.拦截器(Interceptor)执行顺序:1. 请求到达 DispatcherServlet2. DispatcherServlet 发送至 Interceptor ,执行 preHandle3. 请求达到 Controller4. 请求结束后,postHandle 执行2.拦截器(Interceptor)和过滤器(Filte原创 2022-03-07 08:27:44 · 9171 阅读 · 0 评论 -
在uni-app中使用element-ui
uni-app的相关UI组件库中可能会没有你想要的功能组件,自己去开发的话需要花很多时间,此时咱们可以将别的UI组件库给安装到uni-app中来,达到直接使用该UI组件库的功能组件,例如,安装element-uiuni-app使用element-ui需安装以下插件npm i element-ui -S按需引入组件需要装以下插件npm install babel-plugin-component -D当你安装完以上插件后,需要在main.js中进行引入,例如引入全部:import Vue fr原创 2022-03-06 04:56:16 · 14433 阅读 · 4 评论 -
了解uni-app只需这一篇就足够了
什么是uni-app介绍uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台uni-app在手,做啥都不愁,即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯只要你有Vue和小程序的开发经验,即可快速上手原创 2022-03-06 03:34:18 · 5257 阅读 · 0 评论 -
Vue3项目中动态组件component的使用
<template> <div class="goods-tabs"> <nav> <a :class="{ active: currentName === 'GoodsDetail' }" href="javascript:;" @click="toggle('GoodsDetail')" >商品详情</a > <a href="javascript:;" :class="{原创 2022-03-06 00:52:06 · 7277 阅读 · 0 评论 -
npm run serve Syntax Error Error Node Sass version 7.0.0 is incompatible with ^4.0.0
一、node-sass报错项目由于安装的node版本不同,安装依赖后导致项目运行失败并有报错问题。首先需要根据自己电脑安装的node版本对照出当前项目需要下载对应版本的node-sass依赖,对照表如下图:网页查找对应具体版本号的node-sass地址:node-sass - npm二、为了项目能够一口气跑起来,需要按步骤操作第一、查看电脑安装的node版本第二、根据对照表找出当前node版本需要安装的node-sass依赖版本,上图node对应的是4.14+,为了方便我直接在packag原创 2022-03-05 20:39:37 · 400 阅读 · 0 评论 -
vscode的vue中出现很多红色波浪线解决办法
vscode的vue中出现很多红色波浪线,看上去就很烦,如下所示:这么看呢,代码没什么问题,为什么有那么多红色波浪线呢?其实出现这个的原因是代码和vetur插件的格式不对应。解决办法1.严格遵循vetur的格式去写,不过麻烦。2.关闭vetur的格式检测问题解决...原创 2022-03-03 23:06:39 · 3995 阅读 · 3 评论 -
npm安装报错(npm ERR code EPERM npm ERR syscall mkdir npm ERR path CProgram Filesnodejsnode_ca...)
使用npm 安装vue的时候突然报错了:npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path C:Program Filesodejsode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir 'C:Program Filesodejsode_cache_cacache'npm ERR! [Operationa原创 2022-03-03 16:28:07 · 490 阅读 · 0 评论 -
js获取当前系统时间并格式化
Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds(), //秒 "q+": Math.floor((this.getMonth() +原创 2022-03-03 15:23:39 · 1626 阅读 · 0 评论 -
getUserMedia is not implemented in this browser解决办法
方案一http换成https有条件的可以将http协议换成https协议访问网站。方案二客户端浏览器手动指定域名安全使用谷歌内核的浏览器输入url:chrome://flags/#unsafely-treat-insecure-origin-as-secure1.输入网站域名。2.下拉框选择enable。3.重启浏览器...原创 2022-03-03 14:19:08 · 1784 阅读 · 0 评论 -
cnpm install报错RunScriptError Run “CWINDOWSsystem32cmd.exe d s c node scriptsbuild.js“ error
运行cnpm install 报错解决:以管理员的身份运行cmd原创 2022-03-03 12:27:50 · 278 阅读 · 0 评论 -
正则表达式:密码中至少包含大写字母、小写字母、数字、特殊字符等字符中的2种或3种
目录前言先行断言是否有那么一个开始符号,它后面的字符中包含小写字母(a-z)正向否定查找是否有那么一个开始符号,它后面不全是小写字母(a-z)密码中只包含字母且长度在8-16之间密码中同时含字母和数字且长度在8-16之间密码中同时含大写字母、小写字母、数字和特殊字符且长度在8-16之间密码中允许出现数字、大写字母、小写字母,但至少包含其中2种且长度在8-16之间(三种符号任取其二)密码中允许出现数字、大写字母、小写字母、特殊字符(!#$%^&*),但至少包含其中2种且长度在8-原创 2022-03-02 13:01:45 · 14834 阅读 · 2 评论 -
终于理清楚了Promise以及async和await
promise理解:1,是js异步编程的新的解决方案2,是一个构造函数3,用来封装一个异步操作,并可以获得其结果promise三个状态:1,pendding 未确定2,resolved 成功3,rejected 失败注:状态只能改变一次,成功数据称为value,失败称为reasonpromise的基本使用为什么要用Promise:1.指定回调函数的方式灵活,可以在异步任务前指定也可以在异步任务后指定,而以前指定回调函数必须在异步任务开始前指定。2.支持链式调用,可以解决回调地狱问题原创 2022-03-02 04:05:26 · 620 阅读 · 0 评论 -
开源web框架django知识总结(一)
开源web框架django知识总结(一)django起源:1.2005年发布,采用python语言编写的开源web框架2.早期的时候django主要做新闻和内容管理的3.重量级的python web框架,django配备了常用的大部分组件组件:包含组件如下:1.基本配置文件/路由系统2.模型层(M)/模板层(T)/视图层(V)3.Cookies和Session4.Admin后台管理用途:1、网站/微信公众号/小程序后端开发浏览器—>http请求—>django2、人工原创 2022-03-02 03:01:52 · 351 阅读 · 0 评论 -
做了3年测试,靠着这份面试题和答案,我成功跳槽字节跳动拿到了前端offer
个人经历给大家一个参考,计算机信息工程专业,大学学过前端,毕业后阴差阳错在小公司做了三年测试后,意外地拿到了字节跳动前端的offer,成功跳槽到了字节跳动事业部。字节跳动面试对基础比较看重,然后需要你有两三个比较好的项目,一面重视面试者对前端基础的把握,还要手写代码,不过不难。二面部门的leader面,这一面比较难,面试官会对你的项目细节进行深挖,所以说项目要牛逼一点,最后还会有一道逻辑题(侥幸),三面是还是技术面,最后是HR面,如果你想进大公司的话,下面这些技术是肯定要掌握的:html5,css3,原创 2022-03-02 01:58:15 · 172 阅读 · 0 评论 -
[webpack-cli] Error Unknown option ‘-p‘
请参考最新官方文档;解决方案配置文件修改一下; "scripts": { "test": "echo "Error: no test specified" && exit 1", "dev": " webpack serve --open", "build": "webpack" },欢迎交流添加~原创 2022-03-02 00:54:35 · 940 阅读 · 0 评论 -
vue3 如何定义全局变量
在vue2中,我们知道vue2.x是使用Vue.prototype.$xxxx=xxx来定义全局变量,然后通过this.$xxx来获取全局变量。但是在vue3中,这种方法显然不行了。因为vue3中在setup里面我们是无法获取到this的,因此按照官方文档我们使用下面方法来定义全局变量:首先在main.js里写一个我们要定义的全局变量,比如一个系统id吧app.config.globalProperties.$systemId = "10"现在在页面里需要使用这个变量,只需要从vue中引入g原创 2022-03-01 23:51:13 · 440 阅读 · 1 评论 -
taro微信小程序运行报错[ app.json 文件内容错误] app.json app.json 未找到
是由于根目录下的project.config.json文件中的“miniprogramRoot”未找到app.json所导致的,改成如下路径 "miniprogramRoot": "./dist/weapp",若还是出错,直接修改dist路径下的project.config.json,添加"miniprogramRoot": "./weapp",...原创 2022-03-01 20:08:51 · 1852 阅读 · 0 评论 -
python获取京东服务器的毫秒级时间
效果代码import requestsimport datetimewhile True: class Jingdongtime(object): r1 = requests.get(url='https://api.m.jd.com/client.action?functionId=queryMaterialProducts&client=wh5', headers={'User-Agent': 'Mozill原创 2022-02-28 22:43:59 · 3028 阅读 · 1 评论 -
node.js使用报错“The chunk argument must be of type string or an instance of Buffer or Uint8Array“
异常node:internal/errors:464 ErrorCaptureStackTrace(err); ^TypeError [ERR_INVALID_ARG_TYPE]: The "chunk" argument must be of type string or an instance of Buffer or Uint8Array. Received an instance of Array at new NodeError (node:internal/erro原创 2022-02-28 20:31:14 · 1434 阅读 · 0 评论 -
Java项目精美物流管理系统(java+SpringBoot+Vue+maven+Mysql)
一、项目简述本系统功能包括:数据统计、收件录入、发件录入、到件录入、派件录入、问题件录入、退件录入、留仓录入、装车录入、发车录入、到车录入、卸车录入、运单录入、运单编辑、运单查询、数据导入、签收录入、签收查询、快件跟踪、自定义跟踪、问题件跟踪、预付款管理、财务报表明细、现金账单、月结账单、代收货款、业务员提成、订单分配、订单查询、物品名维护、入库、出库、库存、物料、角色管理、用户管理、系统设置、员工维护、客户维护、网点维护、报价维护、其他维护、收发记录、到件预报。二、项目运行环境配置:Jdk1.8原创 2022-02-27 12:32:57 · 166 阅读 · 0 评论