前端
文章平均质量分 58
普通网友
这个作者很懒,什么都没留下…
展开
-
uni-app 新版微信用户获取userInfo方法uni.getUserProfile
uni-app 新版微信用户获取userInfo方法 uni.getUserProfile微信更新了新的获取用户信息的方法,之前的getUserInfo方法获取不到用户的头像等信息,继续使用也会得到 灰色的头像 不是真正的用户头像之前的获uniapp 中获取用户信息方法:<button open-type="getUserInfo" @getuserinfo="getUserInfo">立即登录</button>新的 获取用户信息方法://不要使用 open-type 就原创 2022-03-12 13:15:38 · 2412 阅读 · 1 评论 -
vue+element实现树状表格的增删改查;使用el-table树形数据与懒加载实现树状表格增删改查
以下代码可以直接复制使用一、情景: 列表是一个树状表格,可以无限添加下级,以及对列表的某一行进行增删改查(目前查没有写)。原博链接二、本篇是在原博主的代码基础上添加了部分功能。功能1: 给树状表格添加虚线部分,可以更清楚树节点层级关系功能2: 某行数据可以直接输入框编辑,也可以点击编辑按钮打开弹框编辑功能3: 我这里树状节点一共有三种:–①顶级根节点first: 只会有最外层一个 默认就有的 可以添加下级【夹】、【页】节点–②中间夹节点middle: 通过点击【夹】节点按钮添加来的,.原创 2022-03-11 20:10:07 · 6396 阅读 · 0 评论 -
Uncaught TypeError Cannot read properties of undefined (reading ‘style
求解大佬为什么报错原创 2022-03-11 18:47:05 · 2265 阅读 · 0 评论 -
SpringBoot中表单提交报错“Content type ‘applicationx-www-form-urlencoded;charset=UTF-8‘ not supported“
异常12021-06-24 12:32:20.137 WARN 20024 --- [io-8080-exec-10] .w.s.m.s.DefaultHandlerExceptionResolver : Resolved [org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]错原创 2022-03-11 16:10:18 · 427 阅读 · 0 评论 -
Node.js最新最详细安装教程(2020)
Node.js最新最详细安装教程(2020)1. 下载Node.js安装包官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位,点我去下载2. 打开下载好的安装程序,点击下一步3. 选择接受许可协议,点击下一步4. 选择自己的安装路径(默认是c盘),选择完成后,点击下一步5. 这里四项全部安装,点击下一步6. 这里不用打勾,下一步7. 选择Install安装8. 选择finish完成9. win+R 打开运行窗口,在此窗原创 2022-03-11 14:46:29 · 863 阅读 · 0 评论 -
JavaScript中的数组方法总结+详解
在JS中,数组方法是非常重要且常用的方法.在此整理总结一番.JavaScript 数组的力量隐藏在数组方法中。1. javaScript常用数组方法顺序方法名功能返回值是否改变原数组版本1push()(在结尾)向数组添加一或多个元素返回新数组长度YES5-2unshift()(在开头)向数组添加一或多个元素返回新数组长度YES5-3pop()删除数组的最后一位返回被删除的数据YES5-4shift()移除数组的第一项返回被删除的数据YES5原创 2022-03-11 13:24:21 · 567 阅读 · 0 评论 -
element 表单 resetFields()方法报错Cannot read properties of undefined (reading ‘indexOf‘)
项目中有个详情页点进去之后页面一直在加载报了这个错,看了提示是跟element 表单清空有关项目中在初次进入页面调用了this.$refs['ruleForm'].resetFields();网上查了好些方法有用this.$nextTick(() => { this.$refs['ruleForm'].resetFields(); })这个方法处理的,但我里没用不涉及DOM更新问题没用。然后又跟着检查了一遍页面中的表单项发现有一个表单项只是为了显示labe.原创 2022-03-11 12:02:48 · 3614 阅读 · 0 评论 -
趁着周日我卷了 uni-app《uview 狠 优秀的UI框架》
前期回顾 手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包_活在风浪里的博客-CSDN博客亲测可用,一定会收获颇多,1.上线vue电商后台管理项目2.手写搭建服务器并挂载 (node)3.打包优化 完成上线[这里是图片003]https://blog.csdn.net/m0_57904695/article/details/122977868?spm=1001.2014.3001.5501超级实用,建议收藏,防止以后会用到!怎么捉呢,举个栗子,'双十一’了你写一个倒计时,好写,简单,原创 2022-03-10 12:58:45 · 261 阅读 · 0 评论 -
浏览器(Microsoft Edge)主页被360劫持的终极解决办法
今天开启Microsoft Edge发现主页变成了360搜索的主页,心里很膈应,我的电脑里没有安装任何360的软件,不知道是怎么被改动了,可能是装其他软件时被篡改了。尝试一: 更改edge浏览器的设置即使设置了打开特定网址,再次打开依然是360。放弃。尝试二: 求助网络,很多人说是在360安全卫士里面关闭主页锁定,但我没有装360,此路不通。尝试三: 以毒攻毒,既然如此,那就只能装一个360安全卫士了,用魔法打败魔法。最后成功,记录如下:(1)打开360安全卫士,依次点击功能大全,主页防护,第原创 2022-03-10 11:37:51 · 36571 阅读 · 6 评论 -
好看实用的六个html登录页面
本人找到了六个html登录页面,感觉还行,也挺好看的。1.效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>原创 2022-03-10 10:13:31 · 59245 阅读 · 9 评论 -
关于Chrome跨域The request client is not a secure xxx相关提示的解决
近期Chrome浏览器 不知哪个版本升级后 原来跨域功能好用突然报been blocked by CORS policy: The request client is not a secure context and xxxx找了资料后得到解决方案:chrome://flags/#block-insecure-private-network-requests在浏览器中直接执行后,选Disabled ,relaunch 后就能恢复正常了。...原创 2022-03-09 13:54:38 · 330 阅读 · 0 评论 -
【axios】使用json-server 搭建REST API - 使用axios - 自定义axios - 取消请求 - 拦截器
文章目录1. 自己创建一个API1.1 API 的分类1.2 使用json-server 搭建REST API1.2.1 json-server 是什么?1.2.2 使用json-server1.2.3 使用浏览器访问测试1.2.4 使用axios 访问测试2. XHR 的 ajax 封装 (简单版axios)2.1 特点2.2 编码实现2.3 使用测试3 axios 的理解和使用3.1 axios 是什么?3.2 axios 特点3.3 axio原创 2022-03-09 12:34:11 · 225 阅读 · 0 评论 -
vue实现二维码扫码功能
提示这个插件只能在https协议下才能访问,http协议不好使,最好用vue2,vue3容易报错!!!!!描述通过vue的方式,实现扫码功能参考文档:vue-qrcode-reader去官网–>官方文档效果展示实现步骤:步骤一(安装插件)npm install --save vue-qrcode-reader步骤二(创建组件)因为可能多个页面都会用到,所以弄成了组件(1)在src下面的components创建qrcode.vue(2)代码实现// qrcode.vue&l原创 2022-03-09 11:10:51 · 1234 阅读 · 0 评论 -
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-09 09:49:53 · 7826 阅读 · 3 评论 -
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
哈喽,大家好 我是xy???。 从我最初接触vue3版本到现在已经有一年的时间。由于 vue3.2 版本的发布,<script setup> 的实验性标志已经去掉,已经陆陆续续有不少公司开始使用 vue3.2开发项目了。这篇文章就来帮助大家如何快速使用 vue3.x,typeScript, vite 搭建一套企业级的开发脚手架 ??。废话不多说,直接上手开搞 ??搭建前准备Vscode: 前端人必备写码神器Chrome:对开发者非常友好的浏览器(反正我是很依赖它的)Nodejs&a.原创 2022-03-09 08:15:11 · 416 阅读 · 0 评论 -
ReferenceError require is not defined in ES module scope, you can use import instead
运行的第一个node.js,在package.json中增加了 "type": "module",然后自己傻憨憨看node API 的fs,学着里面写了下面的代码,报错,因为require不是定义在ES module里的,需要改成import。const fs = require('fs');fs.readFile('./1.txt', 'utf-8', (err, data) => { if (err) throw err; console.log(data);})终端运行原创 2022-03-08 13:34:51 · 6156 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err;解决办法
cmd窗口执行node server时报错误,具体如下:原因,npm 安装包有误;解决办法:windows先执行命令:rimraf node_modules/;Linux先执行命令:rm -rf node_modules/,再执行npm install,再执行npm update即可原创 2022-03-08 12:14:28 · 701 阅读 · 0 评论 -
JavaScript瀑布流的实现
瀑布流的核心1, 根据 ajax请求的响应体结果 动态渲染生成页面请求地址 请求方式 参数键名 都是 后端程序定义的前端 只能根据需求 定义 携带的具体的参数数据响应体数据是后端程序返回的数据结果只能获取数据结果 不能修改数据结果可以根据 响应体数据结果 动态渲染生成页面内容可以使用 三元运算符 给标签定义属性等2, 瀑布流 再次 发起请求的判断依据上卷高度 + 视窗窗口高度 + 预留高度 > 最矮ul占位高度3, 函数的节流同时触发 多次执行 相同的函数程序只需要触发执行原创 2022-03-08 10:54:11 · 106 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read property ‘xxx‘ of undefined“
报这个错主要是因为子组件还没加载完成就对子组件进行赋值,推荐使用第一个 this.$nextTick( ()=> { //修改子组件的内容 }); //或 setTimeout(() => { //修改子组件的内容 }, 50);父组件传值给子组件,子组件不能直接修改,会报错//子组件修改父组件的值this.$emit('名字','值');//子组件调用父组件的方法this.$emit('方法', va原创 2022-03-08 09:33:54 · 711 阅读 · 0 评论 -
axios在vue中的使用
一、Axios是什么Axios是一个基于promise的HTTP库(类似于jQuery的Ajax,用于HTTP请求)可以用于浏览器和node.js(既可以用于客户端也可以用于node.js编写的服务端)二、Axios有哪些特性支持promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF三、Axios浏览器支持四、安装1.使用 npm:$ npm install axios2.使用 bower:$原创 2022-03-08 08:13:54 · 751 阅读 · 0 评论 -
2021年万众瞩目的前端学习路线图来了
文章目录第一阶段:前端入门HTML5 +Css3+电商网页制作第二阶段:JavaScript系列第三阶段 服务端编程第四阶段 Vue.js第五阶段 小程序第六阶段 React.js 基础前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?2021年新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧。只要能坚持学下来走上人生巅峰不再是梦。第一阶段:前端入门HTML5 +Css3+电商网页制作课程内容:HTML5 是网页开发的基础,从最简单的网页开发基原创 2022-03-07 21:03:53 · 90 阅读 · 0 评论 -
解决Cannot read properties of undefined (reading ‘validate‘)
submitLogin() { this.$refs.loginForm.validate((valid) => { if (valid) { alert("aaa"); } else { this.$message.error("请输入所有字段"); return false; } }); },问题:用validate进行判定,结果没有生效解决:e...原创 2022-03-07 09:36:26 · 8429 阅读 · 0 评论 -
前端项目开发总结:电商后台管理系统
前言:这篇文章主要总结自己在学习电商后台管理系统课程中遇到的问题及其解决方法,和学到的知识;页面样式之类的就不做整理了注:很多模块的添加,编辑删除等功能实现都比较相似,在弹窗之前 调用相应的api拿到数据渲染就行了,就不进行整理了涉及的前端技术栈:VueVue-routerElement-UIAxiosEcharts一、项目主要功能模块划分项目初始化登录/退出功能主页布局用户管理模块权限管理模块分类管理模块参数管理模块商品列表模块订单管理模块数据统计模原创 2022-03-06 04:44:51 · 3404 阅读 · 0 评论 -
一篇文带你使用vue完成一个完整后台
介绍vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你vue-element-admin定位是后台集成方案,不适合当基础模板进行二次开发,项目集成了许多用不到的功能,会造成代码沉余vue-admin-template是一个后台基础模板,建议使原创 2022-03-06 03:22:56 · 2107 阅读 · 0 评论 -
web前端 html+css+javascript网页设计实例 企业网站制作
(案例文件链接在文章末尾,仅供学习参考)一、在浏览器中的运行结果:二、部分代码1.HTML:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>启乐官网</title> <link rel="stylesheet" href="style.css"/> <script src="myjs.j原创 2022-03-06 02:02:06 · 7788 阅读 · 7 评论 -
vue3中的this.$set怎么写呢
vue3中的this.$set怎么写呢在vue2中我们常常会遇到明明已经改变了数据视图却没有实时更新这样的问题举例<el-input v-model="input.text" placeholder="请输入内容"></el-input>data() { return{ input:{ text:'1' } }}mounted () { this.input.text = '2'; // 视图层并没有改变}这时vue2就提供了一个方法就是原创 2022-03-06 00:40:44 · 2278 阅读 · 0 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础 1.2直接量
叶小凡的住处被安排在青山院西北角的一个房间里,虽不宽敞,倒也干净。叶小凡两眼露出振奋的眼神,随便吃了点乡亲们准备的干粮后,就立刻开始打坐修行。编程之修,重在积累,而非资质。资质虽然一样重要,可是后天的努力一样必不可少。这些道理,叶小凡还未上山之前,就已经熟知!因此,即便是资质平凡,只要肯下苦功,一样可以修得正果!叶小凡虽然甲等资质,可依然不骄不躁,开始从“JavaScript基础修炼要诀”第一页开始看起。修炼要诀第一章,直接量。编程世界,所谓直接量,就是明面上可以见到的数据值。常见的直接量有数字,小数原创 2022-03-05 20:27:32 · 200 阅读 · 0 评论 -
Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架【值得收藏】
哈喽,大家好 我是xy???。 从我最初接触vue3版本到现在已经有一年的时间。由于 vue3.2 版本的发布,<script setup> 的实验性标志已经去掉,已经陆陆续续有不少公司开始使用 vue3.2开发项目了。这篇文章就来帮助大家如何快速使用 vue3.x,typeScript, vite 搭建一套企业级的开发脚手架 ??。废话不多说,直接上手开搞 ??搭建前准备Vscode: 前端人必备写码神器Chrome:对开发者非常友好的浏览器(反正我是很依赖它的)Nodejs&a.原创 2022-03-03 22:54:14 · 364 阅读 · 0 评论 -
String.Join的使用,让代码更优美
【善用新语法,让代码更优美】jadk1.8为我们提供了String.join()方法几个使用的例子。让我们在项目灵活的使用它,使代码更加优美package com.niu.demo;import java.util.ArrayList;import java.util.Arrays;import java.util.List;/** * @description: String.Join的使用 * @author: nxq email: niuxiangqian163@163.com原创 2022-03-03 17:21:00 · 176 阅读 · 0 评论 -
npm install报错error 404 Not Found - GET httpsregistry.npm.taobao.org@xt
1.问题场景:vue cli3老项目重启,npm install安装报错。错误信息:4327 error code E4044328 error 404 Not Found - GET https://registry.npm.taobao.org/@xtuc/long/-/long-4.2.1.tgz - [not_found] document not found2.解决办法2.1先查看有没有设置代理执行下面的命令npm config get proxynpm config get原创 2022-03-03 16:16:12 · 2971 阅读 · 0 评论 -
Java项目在线小说阅读系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括: 普通用户端登录注册,小说的分类,日榜,月榜,年榜, 小说的阅读,分章节,小说的评论,收藏,推荐等等,以 及后台小说的维护,上架,编辑等等。二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot + Maven + Myb.原创 2022-03-03 15:11:43 · 248 阅读 · 0 评论 -
Error while executing npm ERR DProgram FilesGitcmdgit.EXE ls-remote -h -t gitgithub.comad
在使用npm install安装依赖时报错Error while executing: npm ERR! D:Program FilesGitcmdgit.EXE ls-remote -h -t git://github.com/ad如何解决呢我们需要设置git环境git config --global url."https://".insteadOf git://然后重新运行 npm install就行或者npm install --registry=https://registr.原创 2022-03-03 14:07:11 · 1223 阅读 · 0 评论 -
从零开始学WEB前端——网页的骨架——HTML实战练习
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过并觉得不错才原创 2022-03-02 12:49:50 · 395 阅读 · 0 评论 -
用JavaScript实现网红太空人表盘(绝对详细、绝对原创),附源码下载
引言:网上最近太空人表盘很火,之前看到有个兄弟用svg写的,但是我也不会这个啊,我就琢磨着用canvas写了一个,效果感觉还不错,拿出来大家唠唠!效果图:思路分两个画布来绘制,画布1用来放置不动的东西(背景、表盘、文字信息);画布2用来绘制太空人的转动和时间的更新(经常要重新绘制);太空人的转动的话就是用很多图片来切换,达到转动的效果。绘制表盘圆形构造函数//构造函数 function Circle(o){ this.x=0,//圆心X坐标 this.y=0,/原创 2022-03-02 03:53:43 · 803 阅读 · 0 评论 -
如何获取京东Cookie
一用无痕浏览器打开网站 否则cookie会出现问题https://m.jd.com/二按F12 进入控制界面。并且点击network三点击登陆上自己的账号然后在右边控制窗口找 四找到cookie后全部复制到一个文档中,查找pt_pin pt_key 这两个分号隔开,复制即可。...原创 2022-03-02 02:50:09 · 1339 阅读 · 1 评论 -
了解uni-app只需这一篇就足够了
什么是uni-app介绍uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台uni-app在手,做啥都不愁,即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯只要你有Vue和小程序的开发经验,即可快速上手原创 2022-03-02 01:46:29 · 2840 阅读 · 0 评论 -
Web前端开发工程师知识体系_22_JavaScript core(三)
一、面向对象1.继承只要将方法定义放在构造函数中,那么每次new时都会执行function,这样就会反复创建相同函数的多个副本,导致浪费内存。如果将来发现多个子对象都要使用相同的功能和属性值时,都可以用继承来解决。父对象中的成员,子对象无需重复创建就可直接使用,就像使用自己的成员一样,这就是继承。js中的继承都是通过原型对象实现的,原型对象就是替所有子对象集中保存共有属性值和方法的特殊父对象。当多个子对象需要使用相同的功能和属性值时,都可将相同的功能和属性值集中定义在原型对象中。原型对象: 不用自己转载 2022-03-02 00:42:52 · 68 阅读 · 0 评论 -
Vue.js高效前端开发 【Vue列表渲染】
全部章节 >>>>文章目录一、v-for指令1、v-for指令使用2、实践练习(待更新)二、计算属性1、计算属性创建和使用2、实践练习(待更新)三、侦听属性1、侦听属性创建和使用2、实践练习(待更新)四、综合案例1、商品信息管理2、 实践练习(待更新)总结一、v-for指令1、v-for指令使用v-for指令基于一个数组来重复渲染元素。v-for指令通常用于显示列表和表格数据。v-for指令需要使用“i原创 2022-03-01 23:39:33 · 496 阅读 · 0 评论 -
Spring Boot:文件上传
测试代码pom.xml:<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/x原创 2022-03-01 19:56:47 · 256 阅读 · 0 评论 -
pojo层,Dao层,Mapper层,service层,controller层
MVC框架即模型-视图-控制器(model-View-controller)M即model模型是指模型表示业务规则V即View视图是指用户看到并与之交互的界面C即controller控制器是指控制器接受用户的输入并调用模型和视图去完成用户的需求,控制器本身不输出任何东西和做任何处理。DAO层:DAO层叫数据访问层,全称为data access object,某个DAO一定是和数据库的某一张表一一对应的,其中封装了CRUD(增加Create、检索Retrieve、更新Update和删除Delet.原创 2022-02-28 22:31:33 · 575 阅读 · 0 评论