html
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
vue2.0介绍以及网页版vue环境搭建
vue2.0介绍以及网页版vue环境搭建一、原生DOM与虚拟DOM二、Vue.js 是什么三、安装vue1、独立版本2. 使用 CDN 方法3、NPM 方法三、网页版vue环境搭建一、原生DOM与虚拟DOM首先,我们需要搞清楚两个概念,什么是原生dom,什么是虚拟dom传统的开发模式原生JS或JS操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执.原创 2022-03-11 20:25:53 · 324 阅读 · 0 评论 -
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期(onReachBottom)等方法
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期方法(onReachBottom等)<script setup>// 引入 import { onReachBottom, onShow, } from '@dcloudio/uni-app';// 直接使用 即可 onShow(() => { // 业务逻辑})onReachBottom(() => { // 业务逻辑})<script>原创 2022-03-11 19:02:33 · 1798 阅读 · 0 评论 -
JavaScript闭包 - 面试重灾区,如何应对?
1.闭包-面试重灾区最近面试的过程中,但凡问到JavaScript闭包的时候,一脸懵逼的情况的占多数。闭包这个东西,你说它重要吧,确实很重要,毕竟这是很多前端框架广泛使用的开发技巧。你说他不重要吧,也确实没那么重要,因为我们开发项目基本都是套用现有的框架,在框架的范围里面写代码,很少会用到闭包。可是,耐不住面试经常要问啊。这一节,我们就来聊聊闭包的话题!2.什么情况会产生闭包先看一个例子:function f(){ let a = 1; return function(){原创 2022-03-11 13:39:38 · 55 阅读 · 0 评论 -
Error EPERM operation not permitted, mkdir ‘DProgram Filesnodejsnode_cache_cacache‘
安装vue时,出现如下错误:E:QianDuanVue3>npm install -g @vue/clinpm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path D:Program Files odejs ode_cache_cacachenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, mkdir ‘D:Program Files odejs ode_原创 2022-03-11 12:17:56 · 216 阅读 · 0 评论 -
逻辑门图解—与门、或门、非门、与非门、或非门、异或门、同或门
逻辑门图解一:与门——(且 A&&B)二:或门——(或 A || B)三:非门——(非 !A)四:与非门 ——!(A&&B)五:或非门——!(A||B)六:异或门七:同或门一:与门——(且 A&&B)二:或门——(或 A || B)三:非门——(非 !A)四:与非门 ——!(A&&B)与门+非门—> !(A&&B)五:或非门——!(A||B)或门+非门—> !(A||B)原创 2022-03-10 13:13:53 · 46258 阅读 · 0 评论 -
电商后台管理详情
后台管理项目介绍一、项目结构的搭建封装axios多环境变量的配置二、开发流程1.登录以及退出登录的业务流程登录业务的相关技术点token原理分析登陆页面的布局用到了以下的elment ui组件创建登陆组件实现登录功能退出2.主页面布局、用户列表功能主页面布局侧边栏的布局以及渲染 请求数据侧边栏菜单的伸缩用户列表功能面包屑导航区域卡片视图区域、搜索框、添加按钮搜索功能的实现获取用户列表数据分页3.权限管原创 2022-03-10 11:52:57 · 1066 阅读 · 0 评论 -
实战,idea创建web项目及tomcat部署
Tomcat是一个Java Web应用服务器,实现了多个Java EE规范(JSP、Java Servlet等)。在这里介绍下怎样使用IDEA搭建JavaWeb项目,部署Tomcat服务,访问Tomcat站点。idea部署tomcat文章目录一、 项目创建二、 项目结构分析三、 项目测试3.1 准备文件3.2 项目配置3.3 项目运行一、 项目创建打开idea,点击 File --> New --> Project选择 Java Enterpri原创 2022-03-10 10:28:35 · 1046 阅读 · 0 评论 -
利用HbuilderX制作简单网页
本次综合课程设计要求设计内容不限安卓App,小程序,h5界面等,实现两三功能。鉴于Android的知识放得太久,且AndroidStudio已被删除,所以尝试下载HbuilderX(十几M大小,操作简单),自学半天设计一个简陋的网页,由于没学过前端,所以很一般。工具:项目文件及包含:1.HTML是描述网页文档的标记语言(网页)HTML的全写是Hyper Text Markup Language一门标记语言是由很多标记组成的.HTML标记用来描述HTML文档每个HTML标签描述不同的文档内原创 2022-03-09 14:09:39 · 22315 阅读 · 4 评论 -
Vue3.0报错:The component has been registered but not used vueno-unused-components,关闭eslint
背景当创建项目时选择了 eslint ,那么当存在定义而未使用的组件,或存在定义而未使用的变量时,会报错。。Note: 我用的是 Vue3.0 。原因分析即 eslint 默认规则导致了不必要的报错。解决方法修改规则如果开启了 eslint ,新增 Component 时,报错:The “EchartsDemo” component has been registered but not used vue/no-unused-components解决方法:在 package.jso原创 2022-03-09 10:04:56 · 3245 阅读 · 0 评论 -
Vue 2.x 常用知识点笔记(万字笔记)
Vue 2.x 笔记常用知识点笔记,有错误欢迎指点哦~ 字数超过了一万字,得细品目录Vue 2.x 笔记1.新建Vue实例2.阻止生成生产提示3.模板语法3.1 插值语法3.2 指令语法3.2.1 单向数据绑定3.2.2 双向数据绑定4.MVVM模型5.数据代理5.1 回顾Object.defineProperty方法5.2 什么是数据代理5.3 Vue中的数据代理6.事件处理6.1 事件的基本使用6.2 事件的修饰符6.3 键盘事件原创 2022-03-09 08:30:13 · 194 阅读 · 0 评论 -
Springboot+Vue后台管理系统-文件上传功能实现
首先在后端新建一个controller:代码:package com.example.demo.controller;import cn.hutool.core.io.FileUtil;import com.example.demo.common.Result;import org.springframework.web.bind.annotation.PostMapping;import org.springframework.web.bind.annotation.RequestMapp原创 2022-03-08 13:49:53 · 430 阅读 · 1 评论 -
npm install 安装一直报错Error EPERM operation not permitted, mkdir
电脑重装系统后毛病不断,昨天刚弄完vue脚手架 今天在npm run serve启动项目的时候出错了…找来找去没找到问题,查了攻略兜兜转转,还把环境变量给配错了,然后不仅启动不了项目 还一直报错 Error: EPERM: operation not permitted, mkdir ‘D:Develop’ 没有权限操作巴拉巴拉,于是再又又又一次重装系统 打开黑窗口 使用npm命令仍旧是报错…无计可施几近抓狂之下 只能硬着头皮把报错内容贴在博客上,终于翻阅了好多解决办法,才找到一位大佬的解决方案,解决了这该原创 2022-03-08 12:29:30 · 546 阅读 · 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-08 11:09:14 · 361 阅读 · 0 评论 -
Flex布局详解
Flex 布局详解一、入门1. flex 是什么?flex 是 Flexible Box 的缩写,就是弹性盒子布局的意思2. 为什么我们需要 flex解决元素居中问题自动弹性伸缩,合适适配不同大小的屏幕,和移动端3.flex 常见术语 三个2序号简记术语1二成员容器和项目(container / item)2二根轴主轴与交叉轴(main-axis / cross-axis)3二根线起始线(main/cross-start)与结束线(main/cross-原创 2022-03-08 09:48:53 · 123 阅读 · 0 评论 -
chromedriver下载与安装方法,亲测可用
chromedriver下载地址:http://chromedriver.storage.googleapis.com/index.htmlhttp://npm.taobao.org/mirrors/chromedriver/两个地址都可以下载,根据自己的chrome浏览器的版本选择下载即可查看浏览器版本 ↓,我的版本为88.0.4324.104,目前最新版打开,chromedriver下载地址,没有找到88.0.4324.104对应的驱动,下载了88.0.4324.96的下载解压后原创 2022-03-08 08:28:54 · 467 阅读 · 0 评论 -
解决vue报Provided config url is not valid
报错的原因:因为之前vue项目中在main.js使用了Vue.use(axios)而造成的报红解决方法如下:npm安装vue-axios并引入即可解决问题的所在点。npm install --save vue-axios引入vue-axiosimport VueAxios from 'vue-axios'Vue.use(VueAxios,axios);...原创 2022-03-07 09:54:42 · 545 阅读 · 0 评论 -
数千 npm 账号使用域名过期的邮箱,涉及 8494 个包
近日,微软和北卡州立大学的研究人员在进行一个学术研究项目时发现,成千上万的 JavaScript 开发者正在使用域名过期的邮箱作为他们的npm(Node Package Manager)账户,npm是最大的软件包仓库,这导致诸多开发者的项目很容易被劫持。2818个账户使用过期域名,涉及8494 个包据悉,此项研究项目最早在去年进行,研究人员分析了上传到npm包管理器上的 1,630,101 个库的元数据。其中,研究人员发现有 2818 个项目维护者的账户仍在使用域名过期的电子邮件地址,而部分过期的域名正原创 2022-03-07 08:31:27 · 424 阅读 · 0 评论 -
在微信小程序中引用tensorflow.js坑向总结(一)
各种坑1. Error:No backend found in registry2. Error: This application has not registered any plugins yet3. Error:module “miniprogram_npm/@tensorflow/tfjs-core/crypto.js” is not defined 以及npm 构建@tensorflow/tfjs-core (编译tr46/index.js)卡死4. Error:Cannot re原创 2022-03-06 05:00:01 · 2391 阅读 · 0 评论 -
从零开始学WEB前端——前置知识以及环境搭建
??项目介绍先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过并觉得不错才原创 2022-03-06 03:38:03 · 1040 阅读 · 0 评论 -
[ app.json 文件内容错误] app.json app.json 未找到(env Windows,mp,1.05.2110290; lib 2.21.0)
可能的原因有文件的位置不对,如图我的app.json在utils下,这样是找不到的,app.json应该在项目文件夹的第一层。如果app.json文件的位置是正确的, 还是说找不到,可以在项目配置文件中使用"miniprogramRoot": 指定路径重新编译。...原创 2022-03-06 02:17:13 · 1015 阅读 · 0 评论 -
VueUse中文文档Vue官方工具库
VueUse官网地址https://vueuse.org/这里就列举常用工具详情请去官网 查看所有API浏览器useFullscreen全屏展示//isFullscreen 当前是否是全屏//toggle 是函数直接调用即可const { isFullscreen, toggle } = useFullscreen();useClipboard粘贴功能//text 粘贴的内容//copy 是粘贴函数const { text, copy, isSupported } = useCli原创 2022-03-06 00:55:50 · 23505 阅读 · 6 评论 -
Restful请求之@PutMapping使用总结
接收方法中的注解常见注解:@PathVariable(路径变量)注解的使用带占位符的 URL 是 Spring3.0 新增的功能,该功能在SpringMVC 向 REST 目标挺进发展过程中具有里程碑的意义。@PathVariable(“xxx”)通过 @PathVariable 可以将URL中占位符参数{xxx}绑定到处理器类的方法形参中@PathVariable(“xxx“)@RequestMapping(value=”user/{id}/{name}”)请求路径:http://localh原创 2022-03-05 20:43:26 · 5649 阅读 · 0 评论 -
Vue -- Tree 树形控件<el-tree>讲解及应用实例
一、效果展示实验室横向课题中的一个需求,做的是一个文件上传和下载的树形控件文件。要求按照阶段和任务段展示,即第一层是阶段数,第二层是任务段数,第三层是具体的文件。在文件后面有文件上传和下载的按钮。直接上图说明。二、树形控件基础的树形结构:实现代码:el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree><script> export default原创 2022-03-03 23:10:26 · 2651 阅读 · 0 评论 -
OpenCV-Python实战(20)——OpenCV计算机视觉项目在Web端的部署
OpenCV-Python实战(20)——OpenCV计算机视觉项目在Web端的部署0. 前言1. Python Web 框架简介2. Flask 安装与使用2.1 Flask 安装2.2 Flask 框架 Hello World 使用示例2.3 扩展 Hello World 应用程序以在网络中其他计算机访问2.4 扩展 Hello World 应用程序以绑定其它 URL3. 使用 OpenCV 和 Flask 构建 Web 计算机视觉应用程序3.1 Web 计算机视觉应转载 2022-03-03 16:31:51 · 863 阅读 · 0 评论 -
labelImg使用教程
Anaconda环境安装 Anaconda 之后,在开始菜单下找到 Anaconda 文件夹找到 Anaconda Prompt 点击运行安装 labelImgpip install labelImg #直接命令行输入启动 labelImglabelImg #直接命令行输入名称即可labelImg界面注意:change save dir: 如果指定好图片路径后发现没有之前的标签,说明xml的路径指定错了,需要重新指定路径开始标注快捷键:W(创建方框),A(上一张),D(下一张)原创 2022-03-03 15:27:24 · 154 阅读 · 0 评论 -
GUI 图形用户界面编程(五)-登录页面
感谢优秀的你打开了小白的文章“希望在看文章的你今天又进步了一点点,离美好生活更近一步!”????Entry组件首先来介绍一下Entry组件,Entry 用来接收一行字符串的控件。如果用户输入的文字长度长于 Entry 控件的宽度时, 文字会自动向后滚动。如果想输入多行文本, 需要使用 Text 控件。??参数Entry(master=None, **options) (class)master – 父组件**options – 组件选项,下方表格详细列举了各个选项的具体含义和用法:选.原创 2022-03-03 14:22:51 · 300 阅读 · 0 评论 -
crbug1173575, non-JS module files deprecated
目前我在webpack-dev-server和http.createServer()均遇到过这种情况, 使用该方法均成功解决.解决方法打开launch.json,官方给的方法是直接在工作文件区的".vscode"目录下进入:打开launch.json, 用需要访问的URL替换已存在的url属性:或者…里面还没有url属性 那就添加吧…...原创 2022-03-03 12:31:31 · 718 阅读 · 0 评论 -
用python实现爬取CSDN热门评论URL并存入redis
一、配置webdriver下载谷歌浏览器驱动,并配置好import timeimport randomfrom PIL import Imagefrom selenium import webdriverfrom selenium.webdriver.common.by import Byfrom selenium.webdriver.support.ui import WebDriverWaitfrom selenium.webdriver.support import expected_原创 2022-03-02 13:05:32 · 145 阅读 · 0 评论 -
关于es6新特性的总结
1.let & constlet,作用与var类似,用于声明变量特性:let 不能重复声明变量,var 可以重复声明变量;块级作用域,es5中存在全局作用域、函数作用域、eval作用域;es6中引入了块级作用域,let声明的变量在块级作用域{}内有效let声明的变量不存在var的变量提升问题举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-03-02 02:01:55 · 114 阅读 · 0 评论 -
“2021-07-02T141959+0800“时间格式的转化(两种方法)
方法1:(不是很推荐)export function dateChangeFormat(format, date) { date = new Date(date); const dataItem = { 'Y+': date.getFullYear().toString(), 'm+': (date.getMonth() + 1).toString(), 'd+': date.getDate().toString(), 'H+': date.getHours().t原创 2022-03-02 00:58:16 · 344 阅读 · 0 评论 -
vue3+ts使用vue-router4的使用
vue3+ts使用vue-router跳转vue3路由使用vue3+ts使用vue-router跳转前言一、路由(router)是什么?二、使用步骤1.安装路由2.引入路由3.在main.js中引入router 并挂载4.现在来讲一下如何在页面中使用5.下面是整体页面代码前言随着vue3的降临添加了不少的api特性,需要学习很多新特性的api,给许多小伙伴们带来更大的特性,下面简单的介绍一下vue3中router的使用。一、路由(router)是什么?Vue Ro原创 2022-03-01 23:54:53 · 545 阅读 · 0 评论 -
ts的.d.ts和declare究竟是干嘛用的
一、.d.ts是干嘛的.d.ts文件是ts用来声明变量,模块,type,interface等等的,那在这种后缀的ts文件声明这些东西和在纯ts文件声明这些东西又什么区别呢?在.d.ts声明变量或者模块等东西之后,在其他地方可以不用import导入这些东西就可以直接用,用,而且有语法提示。但是也不是说创建了.d.ts文件,里面声明的东西就能生效了,毕竟归根到底也是.ts文件,需要预编译,所以需要在tsconfig.json文件里面的include数组里面添加这个文件include数组里面可以不用写.d原创 2022-03-01 20:12:35 · 841 阅读 · 0 评论 -
React 路由详解(超详细详解)
ReactReact 路由对SPA的理解1.单页Web应用(single page web application,SPA)。2.整个应用只有一个完整的页面。3.点击页面中的链接不会刷新页面,只会做页面的局部更新。4.数据都需要通过ajax请求获取, 并在前端异步展现。路由的理解1.什么是路由1.一个路由就是一个映射关系(key:value)2.key为路径, value可能是function或component2.路由分类1.后端路由: 1)理解: value是fun原创 2022-02-28 22:47:50 · 1061 阅读 · 1 评论 -
NodeJS--NVM出现exit status 1解决方法
一、问题描述在使用nvm对nodejs的切换版本使用的时候遇到如下情况:exit status 1: ???д???二、 解决方法:1、确定nvm的安装路径中无中文和空格或者特殊字符(最好使用全英文)2、命令提示符是否在管理员权限下使用。如果没有也会造成上诉问题。使用管理员权限运行CMDnvm use 版本号...原创 2022-02-28 20:35:01 · 1352 阅读 · 0 评论 -
JSONArray.parseArray()方法
JSONArray.parseArray()方法将List转换为JSONArray T为实体类List<T> list = new ArrayList<T>();JSONArray array= JSONArray.parseArray(JSON.toJSONString(list));JSONArray转List RequestDTO为实体类JSONArray array = new JSONArray();List<RequestDTO> list =原创 2022-02-27 12:36:39 · 1092 阅读 · 0 评论 -
ECharts Gallery和Make A Pie都关了,你可以用这个工具替代
ECharts Demo集ECharts Gallery和Make A Pie都关了,你可以用这个工具替代背景开发规划ECharts Gallery和Make A Pie都关了,你可以用这个工具替代背景ECharts Gallery和Make A Pie都关了,打不开了,很多人包括我自己都在使用这个工具,工具面临关闭,我便制作了替代工具,放在了外网上,ECharts Demo集镜像地址是https://www.isqqw.com/ 当前是初版直接使用,后面我会上线代码上传分享等功能原创 2022-02-26 20:53:56 · 766 阅读 · 2 评论 -
Failed to parse multipart servlet request问题解决
生产中碰到org.springframework.web.multipart.MultipartException: Failed to parse multipart servlet request; nested exception is java.io.IOException: The temporary upload location [/tmp/tomcat.7017325300825944656.9400/work/Tomcat/localhost/shop-api] is not valid原创 2022-02-26 14:00:19 · 16615 阅读 · 0 评论 -
elementUI使用scss自定义主题编译时Using for division is deprecated and will be removed in Dart Sass 2.0.0
解决办法使用通过scss自定义elementUI的主题时,若sass版本不对,编译时会警告Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 虽然不影响正常编译,但是很影响心情,我们只需要在package.json文件里修改"sass": "~1.32.6"即可使用scss文件修改elementUI自定义主题方法Element 的 theme-chalk 使用 SCSS 编写,如果你的项目也使用了 SC原创 2022-02-25 07:55:15 · 1051 阅读 · 0 评论 -
2021 前端校招面试知识点(八股文)整理
1. JavaScript基本数据类型 (7种)this 的指向 (new, 隐式绑定, 显式绑定)Function 的 call, apply, bind 方法Promise, eventloop, 宏任务和微任务闭包 (概念, 用途, 手写)原型链继承 (extends, 原型链继承, 构造函数继承, 组合继承, 寄生组合继承)深拷贝和浅拷贝事件冒泡/捕获, 事件委托, 阻止冒泡, 哪些事件不能冒泡sort() 的复杂度2. 浏览器回流和重绘http 缓存, 协商缓存c原创 2022-02-24 20:14:34 · 585 阅读 · 0 评论 -
12.Django中静态文件的引用
引言:在我们Django中如何引用三大静态文件(JavaScript,CSS,image)呢?这就是本文要讲述的内容——静态文件的引用!效果展示:点击确定之后:1.静态文件引用:(1)创建静态文件目录:在项目目录下创建static目录, 为了区分开各种类型的静态文件,再分别创建css,image,js文件目录:(2)静态文件路径的配置:在settings.py文件中添加STATICFILES_DIRS设置静态文件目录路径,同templates设置。(settings.py.转载 2022-02-24 08:36:51 · 1094 阅读 · 0 评论