html
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
vue2与vue3的区别
1. vue2和vue3双向数据绑定原理发生了改变vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x,使用proxy的优势如下defineProperty只能监听某个属性,不能对全对象监听可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可)可以监听数组,不用再去单独的对数组做特异性操作 vue3.x可以原创 2022-03-11 20:27:36 · 283 阅读 · 0 评论 -
uniapp 请求封装,拦截器:请求拦截、响应拦截
目录结构:主要就是request.js和api.js文件,其他是我这边的业务需求文件。1. 全局请求封装:request.js// 全局请求封装export default (url, method, params) => {const token = uni.getStorageSync('token'); uni.showLoading({ title: "加载中" }); if(!token ){ // 执行没有登录的逻辑 return; } return n原创 2022-03-11 19:04:10 · 852 阅读 · 1 评论 -
npm publish 时提示需要升级TLS 1.2的解决方案
从2021年10月4日开始,所有与npm网站和npm注册表的连接(包括软件包安装)必须使用TLS 1.2或更高版本。很多朋友在发布npm包时可能会遇到提示:npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext原创 2022-03-11 15:03:30 · 865 阅读 · 0 评论 -
Error in nextTick “TypeError Cannot read properties of undefined (reading ‘toggleRowSelection‘)“
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘toggleRowSelection’)”在使用elementUI里的带Checkbox表格时,想默认选中第一行,采组件库里的方法:mounted() { this.defaultChecked([this.nodesData[0]]);},methods: { // 第一行默认选中 defaultChecked(原创 2022-03-11 12:19:33 · 3947 阅读 · 0 评论 -
8种垂直居中的方法
八种垂直居中的方法垂直居中的需求经常遇到,通过资料实践了八种垂直居中的方法。以下的方法都围绕着该HTML展开HTML代码 <div class="wrap"> <div class="box"></div> </div>CSS方法1(常用):display:flex.wrap{ width:300px; height:300px; border: 1px solid red; display原创 2022-03-11 10:58:13 · 387 阅读 · 0 评论 -
部署vue或react项目(腾讯云简简单单)
①购买腾讯云(必不可少)1.如果你是25岁一下 :可以学生价格几十元购买 点击这里(一般选择普通的liunx或基于linux的centOS系统等等)2.如果购买完成我们来到个人页面->找到自己购买的服务器3.点击登录 -> 如图:------->①安装nodeJs1.点击登录 输入一下命令 (切换为root用户 , 防止权限不足)sudo su root2.我们进入到用户本地目录 将nodeJs安装在这里Ⅰ、进入该目录cd /usr/local/Ⅱ、下载n原创 2022-03-10 13:15:29 · 444 阅读 · 2 评论 -
盘点23个提高开发效率和美观性的 VSCode 插件
目录?? 什么是VSCode??? VSCode的下载安装?? VSCode插件集合?? 美观类1 CodeSnap2 :emojisense:3 Marquee4 Material Theme5 Bookmarks6 Bracket Pair Colorizer7 vscode-icons?? 编程类(前端)1 Vetur2 Auto Close Tag3 Auto Rename Tag4 formate: CSS/LESS/SCSS formatte..原创 2022-03-10 11:54:34 · 329 阅读 · 0 评论 -
别害羞,开源社区真的很需要你,教你如何参与开源社区~
前言相信各位开发者多多少少会在实际开发的过程中会使用一些开源的技术,例如前端的 vue, react, 以及大量的第三方库如 echart,color.js, day.js 等等,后端就更多了,从到 api 网关到注册中心,微服务框架,日志服务等等。不知道有多少开发者有想过 为自己使用的开源项目贡献代码 呢? 反正我自己是一直都想为一个牛逼的开源项目做出贡献,甚至成为一个 commiter 。但是我相信大部分的开发者都和我一样觉得:”这么牛逼成熟的框架,有我什么事,我连用都用的磕巴,更何况去贡献代码呢?原创 2022-03-09 14:11:14 · 501 阅读 · 0 评论 -
【前端】HTML详细教程(下篇)
HTML必备知识详解??第三部分:特殊符号??(1)什么是特殊符号???(2)为什么需要特殊符号???第四部分:表格??(1)什么是表格???(2)表格如今用来干啥???(3)表格初识??实现效果:??第五部分:表单 (很重要哦!!!)??1.是什么&什么作用&哪些应用??(1)表单是什么???(2)表单的作用???(3)表单的应用???2.表单(form)的属性:??3.表单常用的标签:??(1)input标签:??1转载 2022-03-09 12:50:46 · 69 阅读 · 1 评论 -
Vue组件开发——异步组件
一、引入我们在讲异步组件之前,我们再来回顾一下webpack打包时的分包操作。我们可以使用import()异步加载模块来实现分包操作。import函数的返回值是一个Promise,所以我们可以使用then进行下一步处理。如下图所示为打包后的文件目录,因为我们如果同步加载math.js文件,此时就不存在中间的文件,此时当浏览器请求资源时,就会很慢。二、vue中的异步组件通过上面的webpack配置我们明白了为什么要进行分包操作,此时我们想一个问题,如果一个网站的页面在用户第一次浏览器时就将全部页面原创 2022-03-09 11:27:28 · 567 阅读 · 0 评论 -
Vue3.0语法重点API整理一
一、Vue3.0项目搭建1、使用脚手架Vitenpm init vite vue3.0-demo --template vue2、通过脚手架vue-cli进行搭建(1)首先查看电脑中vue-cli的版本,查看版本号:vue -V(2)如果是旧版本的(1.x或2.x),需要先卸载旧的版本: npm uninstall vue-cli -g(3)安装新的版本:npm install -g @vue/cli(4)创建项目:vue create <文件名称>(5)根据项目所需选择自己所需原创 2022-03-09 10:06:32 · 574 阅读 · 0 评论 -
vue cli 报错 WARNING in ..node_modulesVuedistvue.runtime.esm.js
vue cli 报错 WARNINGin …/node_modules/Vue/dist/vue.runtime.esm.js解决 : src文件夹 》 main.js中 修改 import Vue from ’ 《~ Vue ~》 ’ 为小写 vue原创 2022-03-09 08:31:48 · 2002 阅读 · 0 评论 -
springboot实现敏感字段加密存储,解密显示
springboot实现敏感字段加密存储,解密显示,通过mybatis,自定义注解+AOP切面,Base64加解密方式实现功能。1.代码实现:创建springboot项目添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId>原创 2022-03-08 13:51:31 · 1416 阅读 · 1 评论 -
npm install 报错 npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree问题解决
问题报错:npm版本:查阅资料后说是因为npm7.x的版本比npm6.x更严格,两种解决方案:1.降级到npm6.x2.npm i --legacy-peer-deps方案二亲测可用原创 2022-03-08 12:31:06 · 135 阅读 · 0 评论 -
Java项目成绩管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括: 超豪华成绩管理系统,学生,教师,管理员三类用户集 成,课程表管理,成绩查询,成绩详情数据统计,课程录 入,用户管理,账号管理。二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot + Maven + Mybatis +.原创 2022-03-08 11:10:49 · 89 阅读 · 0 评论 -
Gallery.echarts挂了吗?
今天一访问,它挂了。。。访问地址:https://gallery.echartsjs.com/(已经挂了)一个很好的E charts示例文库,竟然挂了,我还有想看的示例。。。。还有的实例啊??也没有通知,就这样挂了??于是,附上新地址吧??传送门 这个貌似已经挂了┭┮﹏┭┮那么就用新的吧传送门...原创 2022-03-08 09:50:29 · 813 阅读 · 0 评论 -
Chrome浏览器 F12控制台中文改成英文
当Chrome浏览器 F12控制台是中文,怎么设置成英文?第一步:点击控制台右上角的设置图标第二步:“语言”选项从浏览器界面语言设置成英文第三步:重新加载DevTools,控制台变成英文了原创 2022-03-08 08:30:28 · 7578 阅读 · 0 评论 -
解决微信小程序 Vant Weapp 没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录
最近学习Vant Weapp的组件库,结果构建npm的时候翻车了,回去查了官方文档,原来要修改project.config.json文件npm initnpm i @vant/weapp -S --production开发者工具创建的项目,miniprogramRoot默认为 miniprogram,package.json在其外部,npm 构建无法正常工作。需要手动在 project.config.json内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。{ ... "s原创 2022-03-07 09:56:19 · 762 阅读 · 1 评论 -
数据库系统原理课程总结5——数据库系统制作(python+SQL+HTML)
实验任务要求:结合自己所选的应用案例,至少完成一个简单案例,Web页面的操作应包括增、删、改、查,查询结果以表格或表单形式展现。整个系统架构至少应包括前端、Web服务器、应用服务器、数据库服务器。Web服务器和应用服务器可以合在一起,也可以根据硬件资源情况分开。要求提交系统代码、程序与实验报告,届时将逐个检查。实验任务完成情况:代码和HTML文件如下:完成情况说明:已经可以完成通过web界面进行数据库中列表数据的增删改查。本次实验使用python语言中的web模块提供web服务,以及pymys原创 2022-03-07 08:33:02 · 444 阅读 · 0 评论 -
在这个云时代,如何选择性价比更高的云服务器
目录前言1. 解决方法2. 为什么不继续局域网3. 云服务器部署的优点4. 如何选择云服务器5. 京东云售后服务6. 产品云链接7. 如何购买结语前言上学期呢,我室友眼看着我天天学习Python,自己也坐不住了,然后也就跟着我学Python,学着学着发现前端更有意思就跑去学前端了,现在学到了vue,做的项目想放到公网上,想让更多人看到(之前教了他局域网)就问我有没有什么办法1. 解决方法我就跟他说让他搞个服务器就行了,但是他不会啊,他也不懂。然后刚好就碰到京东云搞活动,我就去让原创 2022-03-06 05:01:37 · 106 阅读 · 0 评论 -
从零开始学前端:过渡和动画 --- 今天你学习了吗?(Day20)
从零开始学前端:程序猿小白也可以完全掌握!—今天你学习了吗?(Day20)复习:从零开始学前端:flex布局 — 今天你学习了吗?(Day19)文章目录从零开始学前端:程序猿小白也可以完全掌握!—今天你学习了吗?(Day20)前言一、什么是过渡1. 网页标题logo的设置2. 什么是过渡二、过渡的属性三、什么是动画四、动画的属性前言emmm,别问我为什么忽然跳章节了,问就是补了,没补上,但是也不能落下新课,后期补的话,相当于自学,老师讲的知识就留不住了。一、什么原创 2022-03-06 03:39:40 · 60 阅读 · 0 评论 -
[JavaScript]原型与实例
文章目录构造函数 实例 原型三者的关系注意prototype属性属性或成员的搜索原则构造函数 实例 原型三者的关系1.任何函数都有一个prototype属性,该属性是一个对象function F () {}console.log(F.prototype) // => object//原型对象F.prototype.sayHi = function () { console.log('hi!')}2.构造函数的prototype对象默认都有一个c原创 2022-03-06 02:18:50 · 129 阅读 · 0 评论 -
vue中App.vue的主要作用
app.vue中不但可以当做是网站首页,也可以写所有页面中公共需要的动画或者样式。不在上面写代码也可以。app.vue是主组件,是页面入口文件,是vue页面资源的首加载项。所有的页面都是在app.vue中进行切换的。可以理解为所有的路由都是app.vue的子组件。...原创 2022-03-06 00:57:27 · 1298 阅读 · 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-05 20:45:03 · 105 阅读 · 0 评论 -
vue 3.0 keep-alive 失效 报错 Cannot read properties of null (reading ‘parentNode‘)
版本:vue “3.2.4”vue-loader “16.4.1”vue-router “4.0.11” <router-view v-slot="{ Component }"> <keep-alive> <suspense timeout="0"> <template #default> <component :is="Component" />原创 2022-03-03 23:12:03 · 2075 阅读 · 0 评论 -
Parsing error Unexpected token错误解决方案
问题描述:import动态导入,将js文件单独打包时,webpack打包错误import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); });构建出错:ERROR in ./src/js/index.jsModule Error (from ../../node_modules/_原创 2022-03-03 16:33:27 · 21912 阅读 · 0 评论 -
H5画布 canvas 入门到精通 _ 第三部分(canvas 库 Konva.js 的使用)
目录一、Konva 基本概念二、Konva 的使用1. 引入 Konva2. Konva 基本绘制步骤三、Konva 动画1. tween 对象2. 动画 to 方法的使用3. 循环播放动画四、案例:使用 Konva 绘制进度条一、Konva 基本概念Konva.js,全称适用于桌面/移动端应用的 HTML5 2d canvas 库,是一个HTML5 Canvas JavaScript 框架,它提供了高性能的动画,补间,节点嵌套,布局,滤镜,缓存,事件绑定(桌面/移动端)等等功能。你原创 2022-03-03 14:24:27 · 1267 阅读 · 0 评论 -
CSS保姆级教程(四)(DIV+CSS实践:第一个网页开发)
目录效果图代码分析总代码效果图代码分析因为是四个块(页头,导航栏,内容,页脚),所以基本结构代码如下:<div id= "header"></div><div id= "navigator"></div><div id= "content"></div><div id="footer"></div>将这四个块装进里面定义body属性,使整个主体里面具有的样式: body {原创 2022-03-03 13:20:08 · 99 阅读 · 0 评论 -
用户登录功能的实现
文章目录用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的相关信息数据库easyuser表和User实体类前端vue脚手架向SpringBoot后端发送登录请求SpringBoot后端的LoginController控制器的login方法UserDao动态代理接口中的getUserByMessage方法UserDao.xml映射文件路由跳转到Home.vue组件测试用户登录功能的实现在SpringBoot中配置数据库信息以及mybatis的原创 2022-03-02 13:07:07 · 697 阅读 · 0 评论 -
微信小程序 配置自定义组件代码按需注入 lazyCodeLoading
官方地址:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#lazyCodeLoadinglazyCodeLoading基础库 2.11.1 及以上版本支持,2.11.1 以下兼容但无优化效果通常情况下,在小程序启动期间,所有页面及自定义组件的代码都会进行注入,当前页面没有使用到的自定义组件和页面在注入后其实并没有被使用。自基础库版本 2.11.1 起,小程序支持有选择地注入必要的代原创 2022-03-02 03:07:06 · 4713 阅读 · 0 评论 -
关于vue3.0 + vite的坑(持续更新,有问题在下面留言,解决过的我可以帮忙)
多的数不胜数,而且我也没看出来用了setup函数能解决代码是屎山的问题最大的坑是第三方组件库还不支持vue3.x的问题这个问题还没找到解决方案,有没有老哥知道怎么让vue2的第三方库兼容vue3项目的可以加个群讨论一下,这个坑绕不过去很多项目只能乖乖用vue2,当然一些小项目还是可以拿来练手的,尤其H5页面这种,可以预知风险的,大项目真的不推荐,你不知道哪天项目经理从哪里看来一个方案说人家做的了,你用vue3,你引不了库,芜湖van蛋打包不了可能是这个问题相继引入了vue-router,vuex,e原创 2022-03-02 02:03:30 · 719 阅读 · 1 评论 -
【2021 第一期】日常开发 26 个常见的 JavaScript 代码优化方案
大伙儿好~,我是小鹿,公众号:「」 原创作者。时隔半年我又回来了,期间发生了很多事情。从大学刚毕业来到一线找工作,也由于今年出现的特殊情况,掘金断就更了一段时间。嗯~,就不给自己找借口啦。现在全部安顿好了,把精力开始慢慢回归到写作上,希望在 2021 新的一年和大伙儿一起在掘金成长!2021 第一期。本篇文章整理了在日常开发中 30 个常见的 JavaScript 代码优化方案。本文章已在 Github blog 收录,欢迎大伙儿~ Star,文章中若存在不足或者 issues,欢迎在下方或.原创 2022-03-02 00:59:49 · 54 阅读 · 0 评论 -
Vue3.0 reactive()、ref()、unref()、isref()、toRefs()、computed()
reactive()等价于 vue 2.x 中的 Vue.observable() 函数,vue 3.x 中提供了 reactive() 函数,用来创建 响应式的数据对象。当(引用)数据 直接改变 不会让模版响应 更新渲染:一秒后页面没有变化<template> <div>count: {{state.count}}</div></template><script>export default { setup() {原创 2022-03-01 23:56:29 · 195 阅读 · 0 评论 -
React全家桶详细讲解-图文并茂
文章目录前言一、React-表单处理受控组件使用步骤多表单元素优化非受控组件二、React-组件综合案例需求分析搭建任务的模板渲染列表添加任务删除任务三、React-组件进阶组件通讯介绍组件的props四、react-组件通讯的三种方式react-父组件传递数据给子组件react-子组件传递数据给父组件react-兄弟组件传递五、react-生命周期创建时(挂载阶段)更新时卸载时完整生命周期钩子函数六、React-原原创 2022-02-28 22:49:25 · 3128 阅读 · 0 评论 -
node爬虫入门
本教程仅用于学习,不要用于商业。以往通常使用请求获取页面(request、superagent…)+操作网页提取需要的数据(cheerio)的方式来写爬虫,现在已经基本被废掉了,因为很多网站都是通过异步请求获取数据然后渲染页面,这样使我们请求获取的页面不是最终展示的页面,怎么处理这个问题呢?接下来跟着我来学习一下。案例爬取掘金首页前端页面前10篇文章环境谷歌浏览器node核心类库puppeteer文档http://www.puppeteerjs.com/安装npm i puppet原创 2022-02-28 20:36:36 · 402 阅读 · 0 评论 -
js中.、、=的用法和含义
前言在项目中我们往往要做很多很多的空值判断进行容错处理,往往伴随着三目运算、与或、if else来使用,不仅要写很多冗余的代码,后期维护起来也是满屏的if else可以说是非常的痛苦了.今天分享几个处理空值简单的方法,希望可以解决大家的一些问题.可选链(.)如果一个值为null、或者是undefined.那么我们再去用点操作符去调用一个方法或者访问一个属性会发生什么let a;let b = a.name;如果是上面的这样的代码,那么我们能得到一个报错其实这种情况就相当于直接在undefi原创 2022-02-27 12:38:14 · 830 阅读 · 0 评论 -
echarts3d饼图,环形图(包含透明效果)
效果图:饼图:环形图:带透明度的环形图:安装echarts“echarts”:"^5.1.2"“echarts-gl”:"^2.0.8"import Vue from ‘vue’import * as echarts from ‘echarts’import ‘echarts-gl’ // 3d图表库Vue.prototype.$echarts = echarts.vue文件 【bindListen方法可以提取到mixins里面,以供组件多次调用】&l.原创 2022-02-26 20:55:35 · 6310 阅读 · 8 评论 -
fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_read Connection was rese
git拉取的vue项目,npm install 报错 :fatal: unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read: Connection was reset, errno 10054执行:git config --global http.sslVerify false原创 2022-02-26 14:01:58 · 1693 阅读 · 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-02-25 07:56:51 · 128 阅读 · 0 评论 -
2021-6月面试总结-vue,uniapp,小程序,h5,更新中
**一、**vue 2.6.11vue****页面的生命周期?总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后。创建前/后: 在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在∗∗created∗∗阶段,vue实例的数据对象data有了,el和数据对象data都为undefined,还未初始化。在**created**阶段,vue实例的数据对象data有了,el和数据对象data都为undefined,还未初始化。在∗∗cre原创 2022-02-24 20:16:33 · 696 阅读 · 0 评论