html
文章平均质量分 62
额 无语
这个作者很懒,什么都没留下…
展开
-
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-11 20:27:03 · 388 阅读 · 0 评论 -
uniapp 定时刷新数据
data中:data () { return { timer: null // 定时器 } },进入页面调用方法onShow() { let that = this this.onDevDetails() this.timer = setInterval(function() { that.onDevDetails() }, 3000)},离开页面销毁(跳转下一页)onHide() { if (this.timer) { clearInterv原创 2022-03-11 19:03:37 · 2301 阅读 · 2 评论 -
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-11 15:02:58 · 3958 阅读 · 1 评论 -
JavaScript高级 函数进阶
函数进阶函数的定义方式‘函数的调用方式函数中的this指向问题改变this的指向call方法apply()bind()bind()方法的应用三种方法的区别函数的定义方式‘我们常用的函数定义有两种一种是自定义函数 也叫命名函数 如下function fn(){}一种是函数表达式 也叫匿名函数 如下var fun = function (){}但是我们也有第三种方式利用new关键字创造函数 var fun = new Function()我们都知道原创 2022-03-11 13:40:43 · 74 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
场景如下,第一次点击找不到init(一般人做不出来这种操作) /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=true this.$refs.AddOrUpdate.init(id原创 2022-03-11 12:19:01 · 768 阅读 · 0 评论 -
8.Django怎样去调用漂亮的HTML前端页面?
引言:Django如何调用HTML前端页面呢?Django怎样去调用漂亮的HTML前端页面呢就直接使用render方法即可!render方法是django封装好用来调用HTML前端模板的方法!1.模板放在哪?在主目录下创建一个templates目录用来存放所有的html的模板文件。(如果是使用pycharm创建django项目的话,默认就会自动创建这个目录哦!但是用命令创建django项目的话是没有此目录的!)templates目录里面再新建各个以app名字命名的目录来存放各个app中的.原创 2022-03-11 10:57:41 · 477 阅读 · 0 评论 -
部属vue项目,访问路径设置非根,显示白屏
问题:访问页面,返回“We’re sorry but XXX doesn’t work properly without JavaScript enabled. Please enable it to continue.”环境:使用nginx部属vue项目时,没有把访问项目设置为根路径说明:当访问项目对应的nginx配置没有给项目的访问路径设置为根时,页面显示白屏,在network中可以看到所有资源都加载完成,index.html会显示“We’re sorry but XXX doesn’t work原创 2022-03-10 13:14:56 · 3500 阅读 · 0 评论 -
百度地图BMap和BMapGL的区别
1.引入的js的BMap引入版本是2.0 BMapGL引入版本是1.0 2.初始化地图两者之间初始化时的主要区别是var map = new BMap.Map(“map”)var map = new BMapGL.Map(“map”)3.添加MarkerBMap首先定义point(一个经纬度的坐标点)var Point = new BMap.Point(lng, lat)var myIcon = new BMap.Icon(img, new BMap.Size(34, 34))va原创 2022-03-10 11:54:01 · 9710 阅读 · 0 评论 -
利用Python+Django快速开发Web毕业设计
论文选题毕业设计的第一步是选择毕设的论文题目计算机专业的搞一个XXX系统应该是最简单也最容易通过,可以百度文库去搜,也可以CSDN去搜。大家懒得去搜的话,我直接给50个,拿走不谢!比如:本文给大家举例子我们以一个图书管理系统为例子开发工具和相关技术选择好了系统之后我们开始技术选型,如果大家大学学的比较扎实的话,自行选择自己熟悉适合自己的开发语言。如果不熟,题主的意思不会做,那我就默认属于计算机小白。那我就推荐一套入门简单,可以快速出成品的技术套件。1.服务端后台我们选择Python原创 2022-03-09 14:10:42 · 749 阅读 · 1 评论 -
【值得收藏】面试会用到的十个常用的数组方法JS实现(一)
【手撕代码系列】之十个常用的数组方法JS实现(一)?? 通俗易懂的实现方式,帮助我们认识相应的方法?? 收藏本系列,基础进阶两不误?? 本系列持续更新,欢迎查看线上地址写在前面代码实现系列是与手写代码相关的第一个系列。知识点总结的再多,也离不开思考和实践,否则就是空中楼阁,本系列顺序由浅至深。欢迎大家交流,探讨~一、chunk将数组(array)拆分成多个 size 长度的区块,并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块,那么最后剩余的元素将组成一个区块。原创 2022-03-09 12:50:14 · 80 阅读 · 0 评论 -
Vue组件定制——动态查询规则生成组件
1. 动态查询规则动态查询规则,大致如下图所示。是可以按照用户的自定义进行组织查询语句的一种复杂组件,大致可以实现SQL查询的where条件,下面是摘自mongodb的某一软件。2.组件构建思路按照规则组件的组织形式,可以把其视为一棵树,有树干和树叶,这样看起来就不难了。2.1 组件属性data: 是树结构的内容,我们定义为:{condition: ‘AND’,rules: [],}fieldList: 字段列表数组,可供选择的字段集合;operatorList: 操作列原创 2022-03-09 11:26:57 · 752 阅读 · 1 评论 -
Vue3.0的新语法糖-script setup
<script setup>是vue3中新引入的语法糖,目的是简化使用Composition API时冗长的模板代码。<script setup>是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。相比于普通的 <script> 语法,它具有更多优势:更少的样板内容,更简洁的代码。能够使用纯 Typescript声明 props和抛出事件。更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数,没有任何的中间代理)。更好的 IDE 类型.原创 2022-03-09 10:05:59 · 3385 阅读 · 0 评论 -
Vue Cannot read properties of null (reading ‘setAttribute‘) 报错
vue+element-ui 的项目报这个错:Cannot read properties of null (reading 'setAttribute') 或者Cannot read property 'disabled' of null 报错是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错, 加上子组件就好了: <el-dropdown> &原创 2022-03-09 08:31:17 · 8211 阅读 · 0 评论 -
SpringBoot之整合Shiro(最详细)
1.SpringBoot整合Shiro思路2. 环境搭建2.1 创建项目2.2 引入依赖pom.xml<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency&g原创 2022-03-08 13:50:59 · 803 阅读 · 0 评论 -
npm install 报错 gyp info it worked if it ends with ok npm ERR gyp verb cli [
今天新启动一个项目,在 npm install 安装依赖项时出现报错。ERR! code 1npm ERR! path C:UsersAdministratorDesktope31mall-admin-webode_modulesode-sassnpm ERR! command failednpm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building: C:Program Fi原创 2022-03-08 12:30:34 · 1235 阅读 · 1 评论 -
Java项目学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括:学生管理,教师管理,课程管理,成绩管理,系统管理等等。二、项目运行环境配置:Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot + Maven + mybatis+ Vue 等等组成,B/S模式 + Maven管理等等。学生管.原创 2022-03-08 11:10:17 · 105 阅读 · 0 评论 -
Flutter的button的按钮ElevatedButton
前言:Flutter 1.22版本新增了3个按钮,TextButton、OutlinedButton、ElevatedButton,虽然以前的Button没有被废弃,但还是建议使用新的Button。官网api入口:ButtonStyle目录:更多button按钮入口(带图标,或者就是一个图标的按钮)使用方法:他们的使用方法都一样1、?TextButton:效果:2、?OutlinedButton:效果:3、ElevatedButton效果:属性API:1、点击事件 onPresse原创 2022-03-08 09:49:57 · 1410 阅读 · 0 评论 -
Chrome“ERR_HTTP2_PROTOCOL_ERROR”解决
实际应用项目:http://github.crmeb.net/u/long打开 chrome://flags/ 页面找到 Block insecure private network requests. 和 Enable Trust Tokens 两项将其值从 Default 改为 Enable点右下角的 ReLaunch 按钮重启浏览器重新打开报错的网站如果打不开,在地址栏输入 chrome://restart/ 再重启一遍浏览器即可...原创 2022-03-08 08:29:56 · 985 阅读 · 0 评论 -
解决使用window.open()或window.location.href跳转后返回后退原页面不能再度跳转的问题
使用window.open()搭配参数_self(新页面替换当前页面),或使用window.location.href跳转到新页面后,再点击后退到原页面,再重新进行跳转事件时,页面不仅没有进行跳转,且没有任何反应(控制台无错误信息)。说得笼统一点,这是因为第一次跳转时window.open()或window.location.href已经记录过一个要跳转的值了,跳转或后退到原页面时,该值没有被清空,再次执行事件时自然会没有反应。思路:定义一个全局变量记录window.open()打开的窗体如过该.原创 2022-03-07 09:55:47 · 5173 阅读 · 0 评论 -
数据可视化----ECharts初体验(一)
引言:当我们做一个后台管理系统时,总有一大堆数据要进行处理,这个时候数据的可视化操作,就显得非常重要,今天让我们一起去学习下ECharts的应用吧。正所谓文不如表,表不如图,把数据用图表的形式展示出来,就是简单的数据可视化。有关数据可视化主要有三种方式:1.报表类 2.商业智能BI 3.编码类我们主要是来学习第三种编码类中的Echarts,官网地址:https://echarts.apache.org/zh/index.htmlECharts 定义:ECharts 是一个使用 JavaScri原创 2022-03-07 08:32:31 · 244 阅读 · 0 评论 -
在网页中实现:手势解锁密码
手机的手势解锁,是很好用的功能。方便,而且比输入密码更安全。小知识:为什么手势密码更安全?传统密码输入,有按键输入过程,而按下的按键,可能被木马软件记录。且密码输入框中的密码,也可能被非法获取。而手势密码则不存在这些问题。在网页应用中,是否可以实现一个同样的效果呢?当然可以,本文就来实现一个。实现效果:操作时,用鼠标移动模拟手指触摸。源码:创建canvas手势输入框的部分:将此部分保存为js文件,给后面的代码引用。注:请看到文章最后,后面还有重点内容。(function ($原创 2022-03-06 05:01:05 · 257 阅读 · 0 评论 -
从零开始学WEB前端——网页的骨架——HTML理论讲解
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过并觉得不错才原创 2022-03-06 03:39:08 · 268 阅读 · 0 评论 -
[JavaScript] 常见WebAPI用法
文章目录一、WebAPI是什么?二、事件2.1 概念2.2 事件三要素三、获取元素四、操作元素4.1 获取/修改元素内容4.1.1 innerText4.1.2 innerHTML4.2 获取/修改元素属性4.3 获取/修改表单元素属性4.3.1 value:input标签的值4.4 获取/修改样式属性4.4.1 行内样式操作4.4.2 类名样式操作五、操作节点5.1 新增节点原创 2022-03-06 02:18:18 · 263 阅读 · 0 评论 -
vue—解决“You may use special comments to disable some warnings. Use eslint-disable-next-line to
错误:启动vue项目时,出现很多语法错误,并出现以下提示出错原因:ESLint 对语法的要求过于严格导致编译的时候报上图那些错误。要知道,这并不是代码有异常,而是代码格式有问题,这些错误并不会影响代码的执行结果。解决方法:很简单,就如提示所言,我们我可以取消ESLint验证规则,这样就不会报这些异常了。方法1:如果你的项目是vue脚手架工程,那么找到项目根目录下的bulid文件夹 -> webpack.base.conf.js找到以下代码块并注释掉第三行代码 module: {原创 2022-03-06 00:56:55 · 746 阅读 · 0 评论 -
Spring Boot 实现接口的各种参数校验
在我们进行接口开发时,在对参数的接收时,我们需要冗余复杂的校验规则 来进行接口参数的校验,接下来推荐一个好用的校验工具Spring Validation。Java API规范 (JSR303) 定义了Bean校验的标准validation-api,但没有提供实现。hibernate validation是对这个规范的实现,并增加了校验注解如@Email、@Length等。Spring Validation是对hibernate validation的二次封装,用于支持spring mvc参数自动校验原创 2022-03-05 20:44:30 · 597 阅读 · 0 评论 -
vue 3.0 + vite项目gzip打包优化
最近自己构建了一个 vite 2.0 + vue 3.2.* 的开源项目,记录一下本次项目进行本地代码打包压缩的优化手摸手开始优化什么是gzip为什么要去优化如何优化1. 前端代码配置代码压缩服务器配置``Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. St原创 2022-03-03 23:11:30 · 1452 阅读 · 0 评论 -
packages are looking for funding run `npm fund` for details ( npm 支持开发者添加募款链接)
项目场景:当您运行npm run dev 显示一下界面问题描述:added 1237 packages, changed 2 packages, and audited 1240 packages in 30s81 packages are looking for funding run `npm fund` for details27 vulnerabilities (17 moderate, 10 high)To address issues that do not requ原创 2022-03-03 16:32:55 · 4490 阅读 · 0 评论 -
lambdaQuery用法
lambdaQuery用法 LambdaQueryWrapper<RiskControlDetails> wrapper = new LambdaQueryWrapper<>(); wrapper.eq(RiskControlDetails::getCustomerCode, customerCode); RiskControlDetails riskControlDetail = riskControlDetailsMapper.selectOne原创 2022-03-03 15:28:27 · 3390 阅读 · 0 评论 -
H5画布 canvas 入门到精通 _ 第一部分(canvas简介、绘制圆形矩形、案例饼状图绘制)
目录1. canvas 简介2. canvas 标签介绍3. canvas 上下文 Context4. 案例:在 canvas 画布中绘制表格5. canvas 的 beginPath 状态6. 绘制矩形 rect7. 绘制圆形 arc8. 案例:根据一组数据绘制饼状图1. canvas 简介canvas 是HTML5 提供的一种新标签 ,与 div 类似,是一个矩形的画布,它可以支持 JavaScript 在上面绘画,控制每一个像素;canvas 拥有多种绘制路径、矩形、圆形、字符以转载 2022-03-03 14:23:56 · 378 阅读 · 0 评论 -
CSS——CSS基础(一篇就够用)
CSS——CSS基础(一篇就够用)一.CSS概述1.什么是css2.作用3.css和html属性的使用原则二.CSS语法规范1.css的使用方式①行内样式,内联样式②内部样式③外部样式2.css的样式特性①继承性②堆叠性③优先级④调整优先级三.基础选择器1.通用选择器2.元素选择器3.ID选择器4.类选择器类选择器的其它用法①.多类选择器②.分类选择器③.类名的定义规范5.群组选择器6.后代选择器7原创 2022-03-03 13:19:34 · 98 阅读 · 0 评论 -
用vue实现注册页面、登录页面、主页之间跳转并保持登录状态【完整代码】
文章目录前言一、页面的简单实现1.登录页面2.注册页面3.主页(显示个人信息)二、逻辑实现1.localStorage的使用2.功能实现登录注册主页路由配置文件总结前言本文主要讲解用vue来实现三个页面之间的跳转以及登录状态的实现,css还在努力学习中,所以界面做的很丑lol要求:1.三个页面,登录页面Login,注册页面Register,主页Home2.用route路由实现不同页面逻辑跳转3.登录状态打开网页时,不论输入的路原创 2022-03-02 13:06:35 · 4358 阅读 · 0 评论 -
微信公众号 菜单 { “errcode“ 47001, “errmsg“ “data format error rid 61b36b ...“}
一、微信公众号设置菜单出错{ “errcode”: 47001, “errmsg”: “data format error rid: 61b36b5f-67c88d2b-16a10b5b” }二、请求内容三、原因分析微信的菜单请求内容是JSON格式,且是要格式化过的,一旦格式有问题,就会产生这个问题,可使用postman自带格式化,可减少格式问题,如果还有,则手动进行重新输入,并再次格式化,防止其他内容混入重新设置:{“button”: [{“type”: “view”,“na原创 2022-03-02 03:06:34 · 3358 阅读 · 0 评论 -
关于VSCode安装包 下载太慢
首先打开VSCode 官网,地址:https://code.visualstudio.com根据需要选择需要的版本下载进入下载界面 可以看到速度太慢复制下载地址,去新建一个下载,将下载地址中的 az764295.vo.msecnd.net 更换为 vscode.cdn.azure.cn 使用国内的镜像服务器加速,就好了。...原创 2022-03-02 02:02:59 · 192 阅读 · 0 评论 -
「2022」打算跳槽涨薪,必问面试题及答案——VUE篇
1、为什么选择VUE,解决了什么问题?vue.js 正如官网所说的,是一套构建用户界面的渐进式框架。与其它重量级框架不同的是,vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另外一方面,当与现代化工具链以及各种支持类库结合使用时,vue 也完全能够为复杂的单页应用提供驱动。vue.js 有声明式,响应式的数据绑定,组件化开发,并且还使用虚拟 DOM 等技术,统一编程规范和模块等,将项目功能模块化更方便组织和构建复杂应用,便于项目的扩展和维原创 2022-03-02 00:59:18 · 154 阅读 · 0 评论 -
Vue3--ref使用(解决ref无法获取dom元素的问题)
众所周知在vue2中,ref主要的作用还是便于快速的获取dom元素或组件,因为ref操作相比document.getElementbyId会减少dom操作的节点消耗。具体关于vue2中ref和$refs的使用,这篇文章写的十分全面:https://www.cnblogs.com/xumqfaith/p/7743387.html本文还是针对Vue3中ref使用进行说明,重点是模板ref的使用。1. ref用法1:基本类型封装,使数据响应式vue3中为了节约资源,并不是全部数据都会进行响应式监听。.原创 2022-03-01 23:55:57 · 2579 阅读 · 0 评论 -
TypeError Cannot read properties of undefined (reading ‘state‘)
写个刚好写个项目中要用到vuex在app里面挂载了一个player组件main.js里也引用了这个store文件但报了一个Error in render: "TypeError: Cannot read properties of undefined (reading ‘state’)import Store from './store/index'import Vue from 'vue'import App from './App.vue'import router from './route原创 2022-03-01 20:13:43 · 2179 阅读 · 1 评论 -
react-router-dom v6的重定向
import { useEffect } from "react";import { useNavigate } from "react-router-dom";function Redirect({ to }) { let navigate = useNavigate(); useEffect(() => { navigate(to); }); return null;}// usage<Routes> <Route path="/" el原创 2022-02-28 22:48:52 · 1007 阅读 · 0 评论 -
node、node-sass、sass-loader的版本兼容问题
[使用scss报错](#scss_4) * * [当前node-sass、sass-loader版本](#nodesasssassloader_29) * [测试](#_45) * * [步骤一](#_46) * [步骤二](#_84) * [解决方案](#_96) * * [解决node-sass问题](#nodesass_101) * [node和node-sass版本关系](#nodenod原创 2022-02-28 20:36:05 · 1673 阅读 · 2 评论 -
echarts gallery,echarts社区地址(可视化作品分享的地址)
https://www.makeapie.com/explore.html总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的GitHub免费获取。还有免费的 高级web全原创 2022-02-26 20:55:03 · 2345 阅读 · 3 评论 -
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-02-26 14:01:25 · 2534 阅读 · 0 评论