html
关注
分享
扫一扫
文章平均质量分 59
Bejpse
这个作者很懒，什么都没留下…
展开
-
uni-app 中使用 html2canvas 生成图片（支持多端）
在使用uni-app 开发的过程中有没有遇到 无法使用html2canvas生成图片的问题呢？那么通过这篇文章，我们来记录下如何在uniapp生成画布图片的。首先需要在你的uni-app项目中安装 html2canvas 插件如果项目没有package.json 文件，那么就需要先 npm init 初始化下，那么这个文件就会出来了npm install html2canvas -D在需要生成图片的页面中引入 html2canvas 插件不过此时需要在 页面中新建一个 script 节点，原创 2022-03-12 13:15:06 · 10672 阅读 · 23 评论 -
element-plus表单验证使用 个人总结
前言表单验证能通过设置验证规则验证用户的输入，并对不规范的输入做出对应提示。element-plus（包括element-ui）都提供了表单验证功能。但官网上只有最基本的使用方法，详细使用需要参考async-validator，element-plus表单验证就是通过它实现的Element-Plus-Form - 表单验证async-validator - Gitasync-validator - Gitee一、表单验证基本使用1、定义验证规则baseRules: { name:[{原创 2022-03-12 12:56:28 · 3754 阅读 · 1 评论 -
springmvc配置thymeleaf视图解析器
引入thymeleaf的依赖<dependency> <groupId>org.thymeleaf</groupId> <artifactId>thymeleaf-spring5</artifactId> <version>3.0.13.RELEASE</version></dependency>2. 配置springmvc视图解析<!-- 配置Thymeleaf视图解析器 -..原创 2022-03-11 18:27:32 · 871 阅读 · 0 评论 -
React、Angular、Vue霸榜，薪酬以50-100k为主，JavaScript 2021年度报告正式发布
编译 | 张洁责编 | 屠敏随着技术的快速发展，JavaScript用户规模不断扩大，如今在全球已拥有高达1400万的用户，并且这个数量还在不断增长。2021年的JavaScript现状调查于2021年1月13日至2022年2月2日进行，收集了 16,085份回复。一起来看看JavaScript的2021年的调查报告吧！JavaScript开发者基础画像：80、90后是开发的主力军，薪酬50k-100k占比最高在此次的调查对象中，美国开发者占比最高，达14%，其次是德国（4.8%）、俄罗斯（4.5%原创 2022-03-11 15:50:19 · 580 阅读 · 0 评论 -
node.js安装及环境配置超详细教程【Windows系统安装包方式】
文章目录Step1：下载安装包Step2：安装程序Step3：查看Step4：环境配置最后补充：Step1：下载安装包https://nodejs.org/zh-cn/download/根据自己电脑系统及位数选择，我的电脑是Windows系统、64位、想下载稳定版的.msi（LTS为长期稳定版）这里选择windows64位.msi格式安装包。.msi和.zip格式区别：.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说原创 2022-03-11 14:45:55 · 726 阅读 · 0 评论 -
Module parse failed Unexpected token (327) File was processed with these loaders .node_module
Module parse failed: Unexpected token (10:27)File was processed with these loaders: * ./node_modules/vue-loader-v16/dist/templateLoader.js * ./node_modules/cache-loader/dist/cjs.js * ./node_modules/vue-loader-v16/dist/index.jsYou may need an additiona原创 2022-03-11 14:27:13 · 3431 阅读 · 0 评论 -
javascript中的原型与原型链
目录一、什么是原型二、prototype三、__proto__四、constructor五、实例与原型六、原型的原型七、原型链一、什么是原型原型：每一个javascript对象(除null外)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。例如var obj = new Object();创建一个对象的时候都会同时关联一个对象，如图，关联的这个对象就是新建的对象obj的原型二、prototype在JavaScript中，每原创 2022-03-11 13:23:49 · 117 阅读 · 0 评论 -
IDEA Web项目中Java 8默认情况下LocalDateTime报错解决方法
报错：Java 8 date/time type `java.time.LocalDateTime` not supported by default: add Module "com.fasterxml.jackson.datatype:jackson-datatype-jsr310" to enable handling (through reference chain: net.queer.web.talker.push.bean.db.User["createAt"])意思：在默认情况下原创 2022-03-11 13:05:04 · 3431 阅读 · 0 评论 -
element ui表单el-form的label自适应宽度并左对齐
el-form标签中label-width设置为**auto，label就会自适应标签的长度，**但会默认右对齐(此时使用label-position="left"也无法改变对其方式)代码如下：效果图：此时，label以右对齐的方式进行自适应，经过调查发现，element中是通过.el-form-item__label-wrap{ float: left; }将label向左票之后，通过填补margin-left实现右对齐，所以想让label自适应之后左对齐，只需要将margin-le.原创 2022-03-11 12:02:15 · 14813 阅读 · 2 评论 -
Datart使用说明
Datart使用说明Datart安装记录Refer安装问题前端源码编译java: 程序包datart.data.provider.calcite.parser.impl不存在启动基础步骤Datart安装记录Refer最近在学习和使用Davinci的时候正好赶上了跑象团队新发布的开源平台，赶紧fork安装一下瞅一瞅，感谢开源，比心！下边是一些参考文档官方微信文章：奔跑不止，万象更新｜datart 蛰伏十月，浴火重生官方git地址：https://github.com原创 2022-03-11 11:43:40 · 2115 阅读 · 2 评论 -
2021最全面、最详细web前端面试题及答案总结
2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！本章是HTML考点的重难点，因此我们采简略回答的式进撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『 』的为频试题doctype的作是什么？DOCTYPE是html5标准声明，且必须声明在HTML档的第。来告知浏览器的解析器什么档标准解析这个档，不同的渲染模式会影响到浏览器对于 CSS 代码甚 JavaScript 脚本的解析档解析类型有：Bac原创 2022-03-11 10:40:41 · 279 阅读 · 0 评论 -
100行Html5+CSS3+JS代码实现元旦倒计时界面
一、前言2022年到了，祝大家虎年大吉喜气临，昂首摆尾迎春来。双眼圆睁看世界，万水千山尽开颜。胡须翘翘美姿态，人人开心祝平安。巨大身躯摇摆摆，坎坷困境当笑谈。愿你虎年万事顺，吉星高照旺旺旺！二、2022虎年计时总体效果展示：局部计时效果展示：三、步骤如果之前看过我这篇文章200行Html5+CSS3+JS代码实现动态圣诞树，那对于下面的VScode的配置步骤可以省略。1.下载VSCode下载链接：VSCode在Hbuilder、idea运行也是可以的，这里推荐使原创 2022-03-11 10:21:57 · 687 阅读 · 0 评论 -
购物车案例--过滤器
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume原创 2022-03-10 12:58:13 · 169 阅读 · 0 评论 -
解决‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件的方法
创建Vue项目 vue-cli脚手架的安装使用1.输入命令找到npm 的配置路径npm config list2.查看此路径下有没有vue.cmd3.如果有vue.cmd，将当前路径复制添加到path环境变量步骤：桌面右击“我的电脑”-属性-高级系统设置-环境变量环境变量 两种添加方式：①直接新建-规范取一个变量名-将vue.cmd所在路径复制到变量值然后在path中添加此变量名，注意用%号包裹住②第二种就是直接复制vue.cmd所在的路径，然后不用点击新建，找到path点击编.原创 2022-03-10 12:39:48 · 7136 阅读 · 0 评论 -
浏览器上有趣的Console命令都了解吗？
文章目录序上手操作常用console命令打印信息命令count打印调用的次数time代码性能检测clear控制台清理group输出信息分组table将数据以表格的形式显示trace输出一个堆栈跟踪console输出一些有趣的学习资料序作为用过JavaScript的各位来说，一定都知道使用console.log输出信息吧 （不知道也没关系 ）不过对于console，各位都了解全了吗？上手操作按下F12键，就会出现浏览器上控制台了，如下图这里我原创 2022-03-10 11:37:19 · 1208 阅读 · 0 评论 -
在ts+vite项目中使用path模块提示错误
新项目使用使用 npm init @vitejs/app创建项目，添加别名时，想要引入node的path模块，vscode提示错误原因分析：path模块是node.js内置的功能，但是node.js本身并不支持typescript，所以直接在typescript项目里使用是不行的解决方法：安装@types/nodenpm install @types/node --save-dev最终代码：import { defineConfig } from 'vite'import vue from原创 2022-03-10 09:54:31 · 2099 阅读 · 0 评论 -
关于 vue3 不使用根标签报错提示 [vueno-multiple-template-root] The template root requires exactly one element
报错提示第一步查看是否安装了Vetur插件第二步文件=>首选项=>设置进入设置页搜索 eslint 把Vetur的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue报错提示就没有了原创 2022-03-09 13:54:06 · 1403 阅读 · 0 评论 -
你真的了解爬虫吗？看完你会对网络爬虫有更深更全面的认识
前言爬虫是门很有意思的技术，可以通过爬虫技术获取一些别人拿不到或者需要付费才能拿到的东西，也可以对大量数据进行自动爬取和保存，减少时间和精力去手动做一些累活。可以说很多人学编程，不玩点爬虫确实少了很多意思，不管是业余、接私活还是职业爬虫，爬虫世界确实挺精彩的。今天来给大家浅谈一下爬虫，目的是让准备学爬虫或者刚开始起步的小伙伴们，对爬虫有一个更深更全的认知。文章目录前言一、认识爬虫1.什么是爬虫？2.爬虫的分类3.Robots协议二、爬虫的基本流程1.爬虫的4步2转载 2022-03-09 13:35:41 · 232 阅读 · 0 评论 -
【Ajax】HTTP相关问题-GET-POST-XHR使用-jQuery中的ajax-跨域-同源-jsonp-cors
文章目录1. Ajax概述1.1 AJAX 简介1.2 XML 简介1.3 AJAX 的特点1.3.1 AJAX 的优点1.3.2 AJAX 的缺点2. HTTP相关问题2.1 MDN 文档2.2 HTTP 请求交互的基本过程2.3 HTTP 请求报文1. 请求行2. 多个请求头3. 请求体2.4 HTTP 响应报文2.5 post 请求体参数格式2.6 常见的响应状态码2.7 不同类型的请求及其作用2.8 API 的分类2.9 区别 一般原创 2022-03-09 12:33:39 · 204 阅读 · 0 评论 -
[system] Map key not configured
如何发现该报错的？答： 在uniapp开发地图功能时，微信开发者工具正常，但是浏览器H5报错：Map key not configured.解决方案：在manifest.json的h5配置里面配置一下key自己去申请，申请腾讯地图的key可点击此处...原创 2022-03-09 12:15:18 · 879 阅读 · 1 评论 -
Vue实战篇一： 使用Vue搭建注册登录界面
系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue基础篇六：Vue使用JSX进行动态渲染Vue提高篇一：使用Vuex进行状态管理Vue提高篇二：使用vue-router实现静态路由Vue提高篇三：使用vue-router实现动态路由Vue提高篇四：使用Element UI组件库Vue提高篇五：使用Jest进行单元测试Vue提高篇六原创 2022-03-09 11:10:18 · 5238 阅读 · 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-09 09:30:31 · 1714 阅读 · 0 评论 -
vite.config.js配置(大坑)
配置import { defineConfig } from 'vite';import vue from '@vitejs/plugin-vue';export default defineConfig({ plugins: [vue()], // 配置需要使用的插件列表 // 本地运行配置，及反向代理配置 server: { host: 'localhost', // 指定服务器主机名 port: 8080, // 指定服务器端口 open: true, // 在服务器启动时自动原创 2022-03-09 08:14:39 · 1254 阅读 · 0 评论 -
uniapp和小程序如何分包，详细步骤手把手（图解）
一、小程序分包每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M单个分包/主包大小不能超过 2M对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协原创 2022-03-09 07:56:27 · 25304 阅读 · 2 评论 -
ReferenceError Cannot access ‘xxx‘ before initialization
执行下面代码let myname= 'kaimo666'{ console.log(myname) let myname= 'kaimo777'}最终打印结果分析原因在块作用域内，let声明的变量被提升，但变量只是创建被提升，初始化并没有被提升，在初始化之前使用变量，就会形成一个暂时性死区。另外一个例子：function test(){ console.log(a) let a = 7;}test()执行test的时候，编译阶段a已经在内存中，为什么提前访问不了？原创 2022-03-08 13:34:19 · 3405 阅读 · 0 评论 -
nodeinternalmodulescjsloader936 throw err； 求解决
D:ethereumDkfuwq>node app.jsnode:internal/modules/cjs/loader:936throw err;^Error: Cannot find module ‘safe-buffer’Require stack:- D:ethereumDkfuwq ode_modulesKoa ode_modulescontent-dispositionindex.js- D:ethereumDkfuwq ode_modulesKoalib esponse.j原创 2022-03-08 12:13:56 · 1805 阅读 · 0 评论 -
Mybatis-plus3.5.1+版代码自动生成(FastAutoGenerator)
该方法适用于mybatis-plus 3.5.1 +以上的版本准备工作Maven依赖<!--逆向工程--> <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-generator</artifactId> <version>3.5.1<.原创 2022-03-08 11:55:39 · 1784 阅读 · 0 评论 -
JavaScript核心知识第一章---DOM 文档对象模型（含大量案例分析）
前言人是为明天活着的，因为记忆中有朝阳晓露JavaScript核心知识第一章—DOM 文档对象模型（含大量案例分析）一、DOM 简介（1）什么是 DOM（2）DOM 树二、获取元素（1）如何获取页面元素（2）根据 ID 获取（3）根据标签名获取（4）通过 HTML5 新增的方法获取（5）获取特殊元素（body，html）三、事件基础（1）事件概述（2）事件三要素2.1 案例：点击按钮弹出警示框（3）执行事件的步骤（4）常见的鼠标事件四原创 2022-03-08 10:53:39 · 517 阅读 · 0 评论 -
JavaScript ES6 新增语法
ES6中新增的语法扩展运算符利用扩展运算符来合并数组方法1方法2将类数组或可遍历对象转换为真正的数组Array.from()find()findIndex()数据扁平化includes()遍历对象startsWith() 和 endsWith()repeat（）扩展运算符扩展运算符又被称为展开语法扩展运算符可以将数组或者对象转化为用逗号隔开的参数序列如下let arr = ['a','b','c']console.log(...arr);利用扩原创 2022-03-08 10:35:17 · 214 阅读 · 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-08 09:33:22 · 16106 阅读 · 6 评论 -
element-plus的el-icon和@element-plusicons vue3 组件封装与使用
使用 element-plus 时发现了一个问题：icon 需要单独安装和引入，让我很是难受，官网是这么说的（大概意思如下）：$ yarn add @element-plus/icons # 或者 $ npm install @element-plus/iconsimport { defineComponent } from 'vue' import { Edit, Share, Delete, Search } from '@element-plus/icons' export defaul原创 2022-03-08 09:15:07 · 718 阅读 · 0 评论 -
axios——有些接口需要传递token，有些接口不需要传递token的处理方法
今天在写后台管理系统时，遇到一个问题：请求接口时，接口先是报500服务器错误，然后又报跨域问题。问过后端，后端说请求时不要加token。由于我的其他接口都是要求带有token的，因此需要对axios拦截器单独进行处理。下面对antd框架中的部分内容修改如下：1.request.js文件——添加一个新的axios请求const instancePermission = axios.create({ timeout: 20000, baseURL: BASE_URL, wi原创 2022-03-08 08:13:22 · 928 阅读 · 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-08 07:55:03 · 1099 阅读 · 0 评论 -
2021年Vue最常见的面试题以及答案（面试必过）
Vue常见面试题Vue的优点说说你对SPA单页面的理解，它的优缺点分别是什么？SPA首屏加载速度慢的怎么解决？Vue初始化过程中（new Vue(options)）都做了什么？对MVVM的理解？Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0 里为什么要用 Proxy API替代 defineProperty API？Proxy 与 Object.defineProperty 优劣对比vue中组件的data为什么是一个函数？而new Vue 实例里，da原创 2022-03-07 21:03:20 · 980 阅读 · 0 评论 -
10.Django中模板变量详解
引言：我们在页面上会看到,谁登录的就会显示谁的信息,那么这个页面上的变量信息是怎样实现的呢这就是本文要讲述的内容——Django中的模板变量！1.模板变量！可以在前端页面中使用模板变量来取数据库中的数据，实现前端页面数据动态显示。（1）模板变量使用规则：（在HTML模板中使用！）语法: {{ 变量名 }}命名由字母和数字以及下划线组成，不能有空格和标点符号可以使用字典、类对象、方法、函数、列表、字符串不要和python或django关键字重名注意:如果data是一个字典，.转载 2022-03-07 20:44:10 · 639 阅读 · 0 评论 -
面试官：为什么Vue中的v-if和v-for不建议一起用
一、作用v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组或者对象，而 item 则是被迭代的数组元素的别名在 v-for 的时候，建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化两者在用法上<Modal?v-if="isShow"?/><li?v-for=".原创 2022-03-07 10:41:07 · 560 阅读 · 1 评论 -
解决 “TypeError Cannot read properties of undefined (reading ‘xxx‘)“
//这个报错 我的问题是 要用到的数据读不到这个属性（我用的vue）//1.检查你的data定义的属性是不是没有你用到的这个属性,没有的话就定义一个，如下：#template<div class="he-info__item"> <span class="he-label">收货人姓名:</span> <span class="he-value">{{ detail.buyer.name }}</span></div&原创 2022-03-07 09:35:54 · 11837 阅读 · 1 评论 -
统计字符串内某个字符出现的次数
假如有一个字符串 ‘cabcdasgcjaieyakxhanzgajgaa’ 我们要统计这个字符串里字符 ‘a’ 出现的位置以及出现的次数大致思路：先利用 indexOf() 判断出该字符第一次出现的位置，只要其返回结果不等于 -1 就继续往后查找，但是因为 indexOf() 只能查到第一次出现的位置，所以要给其参数的起始索引位置加一，然后继续查找代码实现：var str='cabcdasgcjaieyakxhanzgajgaa';var num=0;var index=str.index原创 2022-03-07 09:17:35 · 331 阅读 · 0 评论 -
手把手教你10分钟做一个音乐播放器
一.话不多，先看效果：视频B站效果演示地址~（大佬勿入，大佬勿入，大佬勿入）这是个单页面音乐播放器，只用到了 html+css 与很基础的vue语法，所以适合初学者，看一看10分钟就会了~这个思路是借鉴黑马的~二.详细制作步骤（完整代码在最后）：1.第一步当然是定义标签，对于每一个标签的作用注释都写得清清楚楚啦~：<!-- 最底层的盒子 --><div class="container" id="container"> <!-- 头部区域盒子 --&g转载 2022-03-07 08:12:30 · 2413 阅读 · 2 评论 -
avue-form表单常用属性和用法
个人用法：在vue中可以单独建立一个option.js文件，放置默认的统一参数，在使用的vue组件中引入该文件，设置组件内特殊的参数。全面参数请参考 avue官方文档option.js文件// 默认表单选项export function formOption (config) { const option = { card: false, size: 'mini', labelWidth: '100', //弹出表单的标题的统一宽度 labelPosition:原创 2022-03-07 07:54:19 · 5038 阅读 · 0 评论