前端
文章平均质量分 58
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+ts 绑定props 默认值的方式:withDefaults
withDefaults作用是给defineProps绑定默认值的api父组件<template> <TsSample :msg='msg' @on-updated='onUpdated' title='title' @on-delete='onDelete'/> </template>子组件<template> <h1>ts sample</h1> <p>{{ msg }}</p>原创 2022-03-11 20:51:56 · 1526 阅读 · 0 评论 -
vite + vue3 + setup + pinia + ts 项目实战
介绍一个使用 vite + vue3 + pinia + ant-design-vue + typescript 完整技术路线开发的项目,秒级开发更新启动、新的vue3 composition api 结合 setup纵享丝滑般的开发体验、全新的 pinia状态管理器和优秀的设计体验(1k的size)、antd无障碍过渡使用UI组件库 ant-design-vue、安全高效的 typescript类型支持、代码规范验证、多级别的权限管理~前言前两天接到了一个需求,就是把原来的一个项目的主要功能模块和用原创 2022-03-11 19:28:21 · 1800 阅读 · 0 评论 -
Puppeteer使用总结
文章目录NodeJS环境配置MAC配置安装方式二:node版本管理:Linux配置Windows配置开发环境初始化基础环境百度OCR对接我的实例代码Docker部署小知识点Puppeteer 语法错误总结我的博客NodeJS环境配置Nodejs下载地址:http://nodejs.cn/download/MAC配置从官网下载并直接安装就可以了安装方式二:# 查看node版本brew search node# 安装nod原创 2022-03-11 15:27:55 · 863 阅读 · 0 评论 -
JS基本功修炼,一文搞懂JavaScript数组
JavaScript 数组的全方位解析1. 数组概述2. 访问数组3. 二维及多维数组4. 数组的常用操作1. 数组概述1. 1 数组是什么?数组可以看成是一个容器,用来存放值举个例子:一整栋楼可以看成一个数组里面的每一个房间都是数组的元素,它们一起组成了整个数组1.2 数组的定义以下两种方式定义的数组是一样的:// 字面向量let arr = [1, 2, 3, 4];// new 关键字创建一个实例,继承至基类Arraylet arr2原创 2022-03-11 14:05:13 · 71 阅读 · 0 评论 -
HTML+CSS+JavaScript网页特效源代码(复制代码保存即可使用)
以下下代码直接复制保存即可使用特效一特效二特效三特效四特效五特效六特效七特效一方块运动演示<html><head><meta charset="utf-8"><title>蓝盒子</title><style>body { margin: 0; padding: 0;background: black; overflow: hidden;}</style><script原创 2022-03-11 12:43:25 · 2578 阅读 · 0 评论 -
cannot read properties of null(reading appendChild)解决办法
项目场景:本来写的是一个js渲染,但是出了个小问题,cannot read properties of null(reading appendChild)报错。大致意思是:不能读取空的属性。let data = [ {img:"./img/OIP-C.jfif",id:13,name:'黄焖鸡米饭',订餐电话:13782721148,均价:'均价11元'}, {img:"./img/OIP-C.jfif",id:12,name:'胡辣汤',订餐电话:15188811571,均价:'均价3元'}原创 2022-03-11 11:22:00 · 6571 阅读 · 0 评论 -
薅羊毛利器——青龙面板+ndjdc搭建脚本运行环境
青龙面板+nvjdc青龙面板是一个国人开发的,自持脚本运行的工具。官网是这么描述的:支持python3、javaScript、shell、typescript 的定时任务管理面板。我们这里看中是它可以定时执行javaScript脚本,那么就可以挂载执行薅羊毛脚本nvjdc 是对青龙面板功能的延伸,它的主要功能是帮助我们使用验证码的方式来获取京东App的cookie并管理安装docker我这里是以一台Linux20.04的机器来示例,如果你的机器已经安装了docker,这一步可以跳过只需要一句命原创 2022-03-10 12:18:18 · 2929 阅读 · 0 评论 -
想成为一名优秀的Web前端工程师,这5点你要知道
很多刚学Web前端的人都会有这样的疑问:“怎样学Web前端才能成为一名优秀的Web前端工程师”?想成为一名优秀的Web前端工程师,这5点你必须知道。下面跟着小千一起来看看吧。1、多写小千如是说:“很多问题都是靠慢慢积累而来的,只有亲手去写了才能真正的理解与记忆。俗话说:好记性不如烂笔头。很多学员都会问我为什么知道那么多CSS兼容解决方案,我只能告诉他:实践的经验,因为我写过很多的项目,遇见过很多的bug,都是自己亲身实践一步一步的调试过来的。”2、多看“书籍是人类的好朋友”,这句话还是有一定道理的原创 2022-03-10 10:53:40 · 78 阅读 · 0 评论 -
一文告诉你什么是回调地狱,如何解决回调地狱?
文章目录前言一、回调地狱是什么?二、如何解决回调地狱1.Promise2.async/await总结前言在正式了解“回调地狱”之前,我们先了解两个概念:回调函数当一个函数作为参数传入另一个参数中,并且它不会立即执行,只有当满足一定条件后该函数才可以执行,这种函数就称为回调函数。我们熟悉的定时器和Ajax中就存在有回调函数:setTimeout(function(){ //function(){console.log(‘执行了回调函数’)}就是回调函数,它只有在3秒后原创 2022-03-09 13:14:16 · 312 阅读 · 0 评论 -
web前端-Vue动态显示隐藏表单el-form-item
给每项表单项添加一个自己的id名,并用v-model绑定相对应的数据,利用v-if根据上一个表单项的数据值来进行显示或隐藏 <!-- 类别展示隐藏 --> <el-form-item id="classShowOrHide" v-model="showClass" v-if="showClass==true" label="类别类型" prop="classType"> <el-select v-model="form.原创 2022-03-09 11:53:55 · 1981 阅读 · 0 评论 -
vue3自动引入组件,ui库,import
1 unplugin-vue-componentsnpm install unplugin-vue-components -D插件地址:https://github.com/antfu/unplugin-vue-components#readme// vite.config.jsimport { defineConfig } from 'vite'//自动导入组件import Components from 'unplugin-vue-components/vite';//自动按需引入ui库原创 2022-03-09 10:30:00 · 246 阅读 · 0 评论 -
vue-cli2,vue-cli3(vue脚手架)超详细教程
文章目录vue-cli脚手架Node.js环境安装vue-cli2的安装npm,cnpm介绍安装脚手架用脚手架生成项目目录vue-cli3的安装使用vue-cli3图形界面vue-cli脚手架顾名思义,脚手架就是用来协助,配合,帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作,具有安全,高效的特点。vue-cli与平台无关,功能更加齐全。无论是预编译模板,注入依赖,还是模拟生产环境等功能,vue-cli都具原创 2022-03-09 08:55:13 · 380 阅读 · 0 评论 -
Uncaught (in promise) Error Request failed with status code 500
分享一些状态码400 404 500等原因:出错:前端: // 获取所有的导航菜单 async getMenuList(){ const {data:res} = await this.$http.get("menus"); console.log(res.data); if( res.status != 200) return this.$message.error("操作失败!!!"); this.menuList = res.data原创 2022-03-08 14:14:56 · 814 阅读 · 0 评论 -
nrm报错 [ERR_INVALID_ARG_TYPE] 解决方法
nrm 1.2.1报错:[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined at validateString (internal/validators.js:122:11) at Object.join (path.js:375:7) at Object.<anonymous> (C:UsersliyinAppDataRoamingpm原创 2022-03-08 12:54:32 · 362 阅读 · 0 评论 -
Jupyter notebook运行后打不开网页
前言:最近正在上一门Python数据处理的课程,要用到Jupyter,于是就先安装了anaconda,当我正准备运行Jupyter时点了一下launch,没反应…于是又点了一遍,还是没反应…很迷,正常来说应该会跳出来一个网页来说才对,于是开始上网查,最后解决了这个问题。现在把具体的实现流程写出来。正文:首先在命令行窗口输入命令:jupyter notebook --generate-config:———————————————————————————————————————————鉴于大家碰到“原创 2022-03-08 11:34:22 · 652 阅读 · 0 评论 -
HTML期末学生大作业-在线电影网站html+css+javascript
html网页制作期末大作业–电影网站html+css+javascript 5个页面适用学生作业课程设计在线电影影网、期末作业电影网、毕业设计在线电影网部分页面截图部分源代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>叮当电影 - 搜罗全网好电影</title> <link rel="sho转载 2022-03-08 10:13:58 · 533 阅读 · 0 评论 -
踩坑日记2-Element Plus 按需加载 loading 加载样式问题
起因因为最近在学习 Vue3 + ts, UI库 选择了 Element Plus但是我发现 按照Element官方 文档 按需引入 loading 的样式不起效果文档链接在做了相关配置后但我在使用时发现loading样式没有生效(el-button 样式是有的 看图), class 是添加上了,我就疑问样式去哪了?查找问题首页看 el-button 源码, 好家伙一大堆 看不懂那就先不看 el-button 去看 el-loading 源码,el-loading 代码就少很多了 不到原创 2022-03-07 10:19:44 · 3424 阅读 · 3 评论 -
寒假第一个springboot+vue音乐网站实战项目
文章目录前言一.成果展示二. 后端流程2.1数据库表设计2.2. 后端搭建2.2.1 mybatis-plus逆向工程生成代码简化开发2.2.2 配置数据,跨域和静态资源放行2.3. 流水线式开发模式三.前端vue搭建3.1 前端基本环境搭建3.1.1 脚手架搭建和容易出现的错误3.1.2 axios与后端交互搭建3.2 基本书写流程3.3 前端再次强调注意的四.项目部署步骤.总结前言前端使用: vue/cli “^4.5.15”后原创 2022-03-06 05:25:11 · 337 阅读 · 0 评论 -
关于js报错Cannot set properties of undefined (setting ‘innerHTML‘)的问题
这个问题的意思是无法设置未定义的属性(设置“innerHTML”)例如下面这段代码var rows = tbody.rows; for(var i=0;i<rows.length;i++){ for(var j=0;j<rows[i].cells.length;j++){ rows[i].cells[j].onmouseover = function(){ console.log(rows[i].cells[j].innerHTML); }原创 2022-03-06 04:04:23 · 5856 阅读 · 0 评论 -
【FeignClient报错】Cannot deserialize value of type``from Object value (token `JsonToken.START_OBJECT`)
1. 问题描述@FeignClient(name = "dataServiceQueryInterface", url = "${url}:${port}")public interface DataServiceQueryInterface { @GetMapping("/dataReport/getSysAreaAllList") List<SysArea> getSysAreaAllList() throws Exception;}使用接口获取数据时报错:Ser原创 2022-03-06 02:42:30 · 12742 阅读 · 0 评论 -
vue学习笔记(超详细)
文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / meth原创 2022-03-06 01:21:15 · 702 阅读 · 0 评论 -
vue2vue3中样式scss的mixin用法
前言:在vue2中我们使用scss的时候的一些方法挪移到vue3中,会出现一些问题,比如我们的配置文件都ok了,但是我们页面上使用@include wx() 会报错找不到这个mixin方法。vue2中scss:1、引入你的公共scss文件2、放入把我们的mixin方法// 宽高@mixin wh($width, $height){ width: $width; height: $height;}// 圆角边框@mixin border-radius($radius) { bord原创 2022-03-06 00:00:12 · 222 阅读 · 0 评论 -
VUE Proxy error Could not proxy request XXX.html from localhost8080 to XXXX (ECONNRESET). 问题解决
https://xxx.com 和 http://xxx.com 一定要区分清楚,并且一定得添加 http:// 。所有会设置端口号的地方(前台和后台允许跨域访问等),端口号设置是否和 vue.config.js 里面的 host: 'localhost', port: 8080, 一致。经过测试,我链接手机热点的时候,也会报这个错,正常连接WiFi就没问题了。...原创 2022-03-03 23:17:25 · 537 阅读 · 1 评论 -
postman报错Error write EPROTO 93988952error100000f7SSL routinesOPENSSL_internalWRONG_VERSION_NUM
postman报错Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMbug使用postman时报错如下 : Error: write EPROTO 93988952:error:100000f7:SSL routines:OPENSSL_internal:WRONG_VERSION_NUMBER:…/…/third_party/boringssl/src/ssl/tls_r原创 2022-03-03 16:38:48 · 1369 阅读 · 0 评论 -
linux必学的60个命令
Linux提供了大量的命令,利用它可以有效地完成大量的工作,如磁盘操作、文件存取、目录操作、进程管理、文件权限设定等。所以,在Linux系统上工作离不开使用系统提供的命令。要想真正理解Linux系统,就必须从Linux命令学起,通过基础的命令学习可以进一步理解Linux系统。不同Linux发行版的命令数量不一样,但Linux发行版本最少的命令也有200多个。这里笔者把比较重要和使用频率最多的命令,按照它们在系统中的作用分成下面六个部分一一介绍。◆ 安装和登录命令:login、shutdown、hal原创 2022-03-03 15:34:21 · 1517 阅读 · 0 评论 -
HTML+CSS学习记录06--CSS中的常用属性
6、CSS中的常属性尺寸宽度 width: 度|百分(若父级是body,就是浏览器的宽度*百分比)|auto(默认,浏览器宽度)度 height边界 margin padding 上右下左|上下左右布局浮动: float定位: position 要有一个父级弹性布局: flex盒内容超出部分: overflow(溢出部分): hidden(隐藏溢出部分) | scroll(滚动可看到完整内容) | auto(同滚动)外观、风格background-c原创 2022-03-03 14:29:46 · 61 阅读 · 0 评论 -
DEPRECATION WARNING Using for division is deprecated and will be removed in Dart Sass 2.0.0
在scss中使用“/”报这个错误:DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.解决方法:查看官方文档@use "sass:math";// WRONG, will not work in future Sass versions.@debug (12px/4px); // 3// RIGHT, will work in future Sass ve原创 2022-03-03 13:25:28 · 171 阅读 · 0 评论 -
记录一次strict-origin-when-cross-origin的错误
用了异步的情况下,是因为http协议的问题。我们平台用的是http,直接输入域名,默认是https导致的错误。谷歌的90之后版本,默认会带https错误复现:输入xxx.com -----> 90版本的chrome: https://xxx.com报: strict-origin-when-cross-originReferer-PolicyReferer 请求头可能暴露用户的浏览历史,涉及到用户的隐私问题。所以 HTTP 提供了 Referrer-Policy 标头,其用来监.原创 2022-03-02 13:12:28 · 2436 阅读 · 0 评论 -
获取JD ck教程
一、下载Alook浏览器下载链接(如果无法打开将lanzoui改为lanzoux)二、浏览器地址栏搜索m.jd.com三、手机号码登录登陆成功之后长按右下角四、打开开发者工具五、拷贝cookie将整个cookie拷贝出来六、提交登录将拷贝的整个cookie粘贴到输入框,点击登录就好了...原创 2022-03-02 04:15:59 · 2045 阅读 · 1 评论 -
情人节福利,恋爱话术微信小程序它来了(开源,看了就懂~,2万字真香警告)
1、前言在大家眼中,有没有觉得女神就像冰山美人一样?在聊天中对你是很高冷,或者是忽冷忽热,爱理不理。很多男生面对这个问题都束手无策,或者女神不理你时,又急着发短消息过去了,结果女神根本不理睬你。那怎么办呢?其实女神也一样,是情绪动物,她的情感由情绪控制着,不会像男人那样理性、讲逻辑。你说服不了她喜欢你,但通过调动她的情绪,你可以让她喜欢你。所以会一些调情幽默的恋爱话术尤为重要,如果你能做到,让女人快乐,开怀大笑,有时候又会悲伤,让她的情绪为你所动,那么她对于你投入的情感会是有很多的。2、技术栈转载 2022-03-02 03:12:20 · 1171 阅读 · 0 评论 -
Vue3.0报错:Failed to resolve component el-form-item导致el元素无法显示
导入element ui时选择的是按需导入,需要在element.js中引入相应组件。import { ElForm } from 'element-plus'import { ElButton } from 'element-plus'import { ElFormItem } from 'element-plus'import { ElInput } from 'element-plus'import lang from 'element-plus/lib/locale/lang/zh-cn.原创 2022-03-02 00:01:41 · 3882 阅读 · 0 评论 -
Uncaught SyntaxError The requested module ‘node_modules.vitevue.jsv=50ccac76‘ does not provide
关键词:vite2、vue3、element-plus问题产生:当前vue3版本3.1.5,更新了以下三个包后:@vitejs/plugin-vue,1.3.0到1.4.0@vue/compiler-sfc,3.1.5到3.2.2element-plus,1.0.2-beta.69到1.0.2-beta.70运行出现error,如下:Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.jsv=50ccac76原创 2022-03-01 20:19:44 · 3922 阅读 · 0 评论