html
文章平均质量分 70
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3+vite应用中添加sass预处理器
一、如何安装进入项目目录直接npm安装即可,不用繁琐的各种配置npm install --save-dev sass如果安装了,但是运行vite启动项目依旧出现报错,请检查package.json文件中,sass是不是在依赖配置中,把他移动到开发依赖中即可,一般为安装sass的时候npm没有加–save-dev所导致的。二、加入全局scss文件打开vite的配置文件,在里面加入css的配置即可cssPreprocessOptions: { scss: { additio原创 2022-03-11 20:55:51 · 1403 阅读 · 0 评论 -
Vite 打包体积分析,性能提升不再困扰
其实这个问题最好改成 rollup 打包体积分析,但是为什么我会取这个名字呢?其实这主要是由于我的习惯性引起的,因为太久没用一个东西,如果遇到问题,肯定会去围绕它自身去进行搜索。例如遇到 vite 打包分析相关问题,就会在 google 搜索,vite build analyzer然后就打开第一个 issues。然后才反应过来,哦,怎么把 vite 是用 rollup 打包给忘记了呢。这也许会被有些读者嘲讽,“Vite 用 rollup 打包,这都不会?”,但是对于这部分户读者,我想提个问题,高中原创 2022-03-11 19:32:10 · 1040 阅读 · 1 评论 -
Python----Web开发初探
Python----Web开发初探HTML常用元素入门HTML表单CSS样式初识CSS常用属性CSS id/class选择器组合选择器盒子模型HTML常用元素入门标题段落超链接显示图片不加width原大小显示,只加一个width可以保证等比例缩放表格有序列表无序列表区块标签 <div>可以把html中多个元素打包变成一个整体,便于移动和更改换行 <br>加粗 <b&g原创 2022-03-11 15:31:47 · 57 阅读 · 0 评论 -
Cannot set properties of undefined (setting ‘20‘)
我的JavaScript代码是:他的错误是“未捕获的类型错误:无法将未定义的属性设置为”let a=10,b=20console.log('a=',a+'b='+b)[a,b] = [b,a]console.log('a=',a+'b='+b)我的解决办法是在“console.log(‘a=’,a+‘b=’+b)”后面添加一个分号“;”代码变成了let a=10,b=20console.log('a=',a+'b='+b);[a,b] = [b,a]console.log('a=',a原创 2022-03-11 11:25:45 · 1549 阅读 · 0 评论 -
手把手教你Charles抓包工具使用
Charles简介Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当浏览器连接Charles的代理访问互联网时,Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers (包含cookies与caching信息)。Charles主要功能支持SSL代理。可以截取分析SSL的请求。支持流量控制。可以模拟慢速网络以及等待时间(latency)较长的请求。支持AJ原创 2022-03-10 10:57:24 · 1278 阅读 · 0 评论 -
前端面试题_2022-02
总结一波, 先这样吧,慢慢再补充,有问题…目录一、JS部分:1.原型链2.闭包3.手写Promise4.数据类型判断5.Map和Set6.垃圾回收机制7.安全随机数8.贪心算法9.js循环10.ES6数组新方法11.Math方法12.深拷贝&浅拷贝13.es2019了解多少14. 隐式转换15.在地址栏中输入一个网址,这个过程中发生了什么16.js中哪些方法可以实现异步操作17.常用的数组、字符串方法18.阻止事件冒泡19.取消默认事件20. 简原创 2022-03-09 14:38:27 · 118 阅读 · 0 评论 -
一篇文带你从入门到发布了解 uni-app
文章目录uni-app入门学习使用 uni-app 的前置条件小程序APP快速上手发布uni-app入门学习什么是 uni-appuni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。跨端原创 2022-03-09 13:18:01 · 95 阅读 · 0 评论 -
web前端工程师面试题—2021(推荐收藏以便临阵磨枪)
入门且备受面试官喜爱的题,如果你这样回答,面试官都不得不高看你一眼(持续更新,收藏绝对错不了!)文章目录前言一、对 SPA 单页面应用的理解,优缺点是什么二、new Vue() 发生了什么三、Vue.use是干什么的?原理是什么四、 请说一下响应式数据的理解五、Vue如何检测数组变化六、Vue.set 方法是如何实现的七、Proxy 与 Object.defineProperty 优劣对比八、Vue3.x响应式数据原理九、Vue的生命周期方法有哪些?一般在哪一步发起请求及原因十、生原创 2022-03-09 11:57:41 · 744 阅读 · 0 评论 -
VUE3(十六)封装axios
一:axios 基础从浏览器中创建XMLHttpRequest从node.js发出http请求支持Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止CSRF/XSRF二:axios封装关于Axios的封装这部分涉及到与后端的一些约定。什么约定呢?就是在我们请求接口的时候,后端会返回给我们一个code。在我开发的时候,一般约定code:-200为登录失效状态code:-100为接口发生错误状态。(为了避免服务器端接口报错导致前端无法运行原创 2022-03-09 10:33:45 · 363 阅读 · 0 评论 -
Vue-Proxy error Could not proxy request xxxxxx from localhost9528 to httpipport
问题vue项目启动后登录报如下错误: App running at: - Local: http://localhost:9528/ - Network: http://192.168.100.26:9528/Proxy error: Could not proxy request /model/list from localhost:9528 to http://xxxxx:9090/xxxx.See https://nodejs.org/api/errors.html#erro原创 2022-03-09 08:58:56 · 5864 阅读 · 0 评论 -
Uncaught TypeError Cannot set properties of undefined (setting ‘innerHTML‘)的错误
错误出现的前提:页面中的Table每一行有一个删除按钮,当删除此行数据之后,需要对序号的值进行动态的更新(在另一篇文章中)。当执行了删除操作 -> 再次添加新的数据 ->执行删除操作的时候就会出现标题中的错误。解决方向:思路一:加载时由于页面加载顺序为:结构>样式>行为(html>css>JavaScript)。如果js部分写到了页面内容的前面,那么在加载的时候,浏览器的加载顺序(错误顺序)是js>html,所以就有可能报标题中的错误。解决办法一:将原创 2022-03-08 14:18:39 · 2525 阅读 · 0 评论 -
HTML简单学习记录
文章目录HTML简单学习记录简介HTML基本结构网页基本标签图像标签链接标签超链接锚链接功能性链接行内元素和块元素列表表格视频和音频视频音频页面的简单布局iframe内联框架表单语法表单元素格式单选框多选框按钮下拉框文本域文件域邮件验证url验证数字验证滑块(音量)搜索框表单的应用表单的初级验证HTML简单学习记录简介HTML5(超文本标记语言)是 Hyper Text Markup L原创 2022-03-08 10:17:42 · 68 阅读 · 0 评论 -
Echarts图表效果图(Make A Pie替代)
Echarts图表效果图(Make A Pie替代)Make A Pie 是由社区贡献者维护的用于 Apache ECharts 作品分享的第三方非官方社区。平时做Echarts图表经常需要用到,近期官方已经关闭,找到以下几个可替代的网站。(Make A Pie替代网址)1、http://analysis.datains.cn/finance-admin/#/chartLib/all2、makeapie 复刻站点1:http://ppchart.com/3、Make A Pie复刻站点2:http:原创 2022-03-08 08:57:35 · 436 阅读 · 0 评论 -
还在用vuex吗,pinia(菠萝头)才香
1. 什么是pinia通俗的讲 :① vuex精简版 ,而且vue官方更加推荐使用。②优势又完胜于vuex ,下面我们来了解下pinia。2.优势pinavuexpinia 同时支持vue2和vue3vue2要用vuex 3 版本vue3要用vuex 4 版本不分同步异步,更好的ts支持分同步异步,不太兼容ts享受自动补全…需要注入,导入函数,调用他们…3. 使用 (非常简单)① 安装npm install pinia②在 main.js 中 加入import {原创 2022-03-07 10:23:30 · 614 阅读 · 0 评论 -
狂神说SpringMVC课堂笔记
文章目录SpringMVC1、回顾MVC1.1、什么是MVC1.2、Model1时代1.3、Model2时代1.4、回顾Servlet2、什么是SpringMVC2.1、概述2.2、中心控制器2.3、SpringMVC执行原理3、第一个MVC程序3.1、配置版3.2、注解版小结4、RestFul和控制器4.1、控制器Controller4.2、实现Controller接口使用注解@ControllerRequestMappingRes原创 2022-03-07 09:00:04 · 221 阅读 · 0 评论 -
尝试 `npm install @xxxxx` (如果存在),或者添加一个包含 `declare module ‘xxxxx‘;` 的新声明(.d.ts)文
问题描述已经安装了 weixin-js-sdk,在main.ts引入的时候找不到模块1,安装npm install @types/weixin-js-sdk 还是报错2,错误原因在使用 Typescript 的过程中, 第三方类库并没有ts的.d.ts 类型的声明文件,所以无法在目前的项目中正常使用。如果要使用这些库,需要我们添加声明文件在src目录下新建一个types目录,然后在types 目录下新建一个 index.d.ts文件然后在文件中添加代码 declare module “第三方类原创 2022-03-06 05:28:57 · 1297 阅读 · 0 评论 -
VUE常见知识疑点
1.vue.js @click和v-on:click有什么区别?没有区别,@ 只是一个 v-on: 的缩写,为了书写方便。Vue.js 为 v-bind 和 v-on 这两个最常用的指令,提供了特定简写:v-bind 缩写<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a>v-on 缩写<!-- 完整语法 --><a原创 2022-03-06 01:25:25 · 162 阅读 · 0 评论 -
vue3 onMounted的坑
onMounted的坑当放在return后面只显示onmounted里面的函数<template> <h1>我是Vue3</h1> <h2>name:{{name}}</h2> <h2>age:{{age}}</h2> <h2>{{position.age}}</h2> <h2 v-show="position.p">{{position.p}}</h2&g原创 2022-03-06 00:03:58 · 1826 阅读 · 0 评论 -
Vue ——01,第一个vue程序
第一个vue程序一、前端核心分析1.1、概述1.2、前端三要素1.3、结构层(HTML)1.4、表现层(CSS)1.5、行为层(JavaScript)二、前端发展史2.1、UI框架2.2、JavaScript构建工具2.3、三端同一2.4、后端技术2.5、主流前端框架三、第一个vue程序3.1、什么是MVVM3.2、MVVM————————如觉不错,随手点赞,关注,收藏(* ̄︶ ̄),谢谢~~一、前端核心分析1.1、概述Soc原创 2022-03-03 23:21:11 · 147 阅读 · 0 评论 -
Puppeteer使用总结
文章目录NodeJS环境配置MAC配置安装方式二:node版本管理:Linux配置Windows配置开发环境初始化基础环境百度OCR对接我的实例代码Docker部署小知识点Puppeteer 语法错误总结我的博客NodeJS环境配置Nodejs下载地址:http://nodejs.cn/download/MAC配置从官网下载并直接安装就可以了安装方式二:# 查看node版本brew search node# 安装nod原创 2022-03-03 16:42:31 · 533 阅读 · 0 评论 -
Maven升级3.8.1后maven-default-http-blocker (http0.0.0.0) Blocked mirror for repositories
Maven升级3.8.1后Blocked mirror for repositories问题分析解决思路思路一: 降低Maven 版本到3.8.1 以下思路二:增加节点思路三:将镜像仓库从http 变成https思路四:注释掉 $MAVEN_HOME/conf/settings.xml 中的拦截标签解决方案相关的文章问题当 Maven 升级到3.8.1 之后,执行 mvn clean package 命令后会报错如下:maven-default-http-bloc原创 2022-03-03 15:38:05 · 208 阅读 · 0 评论 -
HTML5七夕情人节表白网页(雪花爱心表白) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页雪花爱心 HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心表白这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站,可以任意修改和使用,源码已上传,演示网址如下。??文章末尾-已经附上源码下载地址??作者主页-更多源码??100款七夕情人节告白源码-专栏文章作品介绍1.网页作品简介 :基于 HTML+C原创 2022-03-03 14:33:29 · 635 阅读 · 0 评论 -
Dom树 CSS树 渲染树(render树) 规则、原理
前端不可不学的浏览器渲染机制,阿里年年问,去一个栽一个。听说百度也在考这个,你还不准备学吗?首先你要了解浏览器渲染的顺序:1.构建dom 树2.构建css 树3.构建渲染树4.节点布局5.页面渲染什么是dom 树?浏览器将HTML解析成树形的数据结构,简称DOM。DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示,同时也是外部内容(例如 JavaScript)与 HTML 元素之间的接口。 解析树的根节点是Document对象。原创 2022-03-03 13:29:11 · 229 阅读 · 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-02 13:16:14 · 438 阅读 · 0 评论 -
解决 Resolved [org.springframework.web.HttpMediaTypeNotSupportedException
报错如下:使用场景:上传文件同时要传递参数用实体类接收原因分析:@RequestParam和@RequestBody一起使用了解决办法:采用@RequestParam接收就行,前端和后台数据对应(小编使用的是element ui 上传组件)前端如图:后台接收-如图:MyVo的代码:这样上传图片并且能使用实体类接收参数...原创 2022-03-02 04:19:37 · 1675 阅读 · 0 评论 -
手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包
我将在博文中全程以cnpm作为代码格式,为了好复制,它快啊!你要知道node安装包自带npm,npm下载cnpm才可以使用cnpm今日目标:1.上线vue电商后台管理项目2.手写搭建服务器并挂载 (node)3.打包优化 完成上线前期回顾 终于有人能把 服务器 说的这么直白了_活在风浪里的博客-CSDN博客十多万字超详细的电商后台管理系统Vue项目,从零开始,包括后面的打包上线优化,挂载到服务器上如何操作,看后定会收获颇多 ![这里是图片003]https://blog.csdn.net/m0_原创 2022-03-02 03:16:04 · 101 阅读 · 0 评论 -
【SSM面向CRUD编程专栏 5】使用SpringMVC进行数据响应以及获取请求数据
??更多ssm知识见SSM_面向CRUD编程专栏??本博客总结自黑马程序员的ssm框架视频??博主对于该知识尚在学习阶段??如果发现存在问题请毫不吝啬的指出???的博客主页???目录1 SpringMVC的数据响应?2 SpringMVC获取请求数据1 SpringMVC的数据响应响应方式之页面跳转??返回字符串**请求转发(不加的话默认是请求转发):**forward:前缀表示是请求转发,具体表现为地址不会变。是服务器跳转,相当于方法调用,在执行当前文件的过程中转向执行目..原创 2022-03-02 01:08:54 · 69 阅读 · 0 评论 -
vue3中setup用法与methods用法踩坑
vue3 使用element-plus Dialog踩坑记录之methods用法与setup用法Element Dialog最原始的调用1.在methods()中踩的坑2.在setup()中踩的坑Element Dialog最原始的调用复制过来的代码可以直接把dialog弹出来<template><el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button&原创 2022-03-02 00:05:23 · 2990 阅读 · 0 评论 -
uni-app引用echarts
目录3.引用(5是页面代码)?下面的是?echarts.vue的代码 、代码里script.src = ‘./static/echarts.min.js’? ?(更改路径不行的话,还是建议使用此路径)?在【4里面】4.echarts.min.js? ?代码 (下载如果C币不够可以私信或者留言我给调整下【本来是不要C币的系统自动加币俺也没办法】)?5.随便起一个Vue页面?复制下面代码demo下载地址?(下载如果C币不够可以私信或者留言我给调整下)(不支持小程序【支持app和H5】)1.首原创 2022-03-01 20:23:32 · 449 阅读 · 0 评论