html
文章平均质量分 54
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue.js环境搭建、安装Vue-cli脚手架、Visual studio code
目录本章简介任务1? 大觅项目业务场景?1.1 大觅项目业务分析?1.2 大觅项目技术栈选型任务2? 大觅项目环境搭建2.1 Node.js的介绍2.2 什么是NPM2.3安装CNPM2.4?安装Vue-cli脚手架2.5?安装Webpack?2.6 创建项目dm2.7 启动项目dm2.8 安装开发工具Visual Studio Code任务3 前端架构设计3.1 分层架构&模块化3.2 分离方式3.3 UI框架3.4 构建工具webpack本章简介目前典原创 2022-03-11 20:22:30 · 589 阅读 · 0 评论 -
uniapp map组件的markers,polyline使用及问题
最近在做巡检任务功能,需要在安卓端记录当前巡检轨迹,以及原本的路线显示,由于是使用uniapp框架开发的,所以这里我使用的是uniapp里的map组件。参考官方文档:https://uniapp.dcloud.io/component/map?id=map注意:地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者。一、获取当前位置:type:默认为 wgs84 返回 gps 坐标,gcj02 返回国测局坐标,可用于 uni.openLocation 的坐标,app平台高德SDK仅支持返回gc原创 2022-03-11 18:59:17 · 2496 阅读 · 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-11 14:58:36 · 824 阅读 · 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-03-11 12:14:43 · 430 阅读 · 0 评论 -
这个用JAVA开发的全开源商城系统可免费商用
近两年,开源一直是技术圈非常火热的话题,拥抱开源已是大势所趋,互联网精神本就以开放、分享为核心,去开源平台Github及国内的Gitee溜达一圈,可以发现许多优秀的开源项目,废话不多说,今天给大家分享一款真正可免费商用的好开源商城系统,绝对精品!颜值高这是个看脸的时代,第一印象很重要,美的东西总能让人赏心悦目,程序也是如此,界面美观,用起来都舒服!功能全现在是移动端的天下,社交电商更是如火如荼,某拼平台更是将各种社交营销活动玩的是眼花缭乱,什么砍价、拼团、秒杀、会员、积分已经成了商城系统的标.原创 2022-03-10 13:10:39 · 917 阅读 · 0 评论 -
安装指定vue-router指定版本
1、首先运行新终端2、运行此命令npm i [email protected]原创 2022-03-10 10:25:22 · 1101 阅读 · 0 评论 -
分享 10 个常见的 CSS 页面布局代码片段
大家好,本篇文章将分享我们业务中很常见的10个页面布局代码片段,这10 种页面布局很常见,实现方式也有很多种,本篇文章将用最简单的新方式进行实现,希望对大家有所启发。1、Card layout(卡片布局)如下图所示,卡片布局是我们常见的一种页面布局。HTML部分<div?class="cards">????<!--?需分配宽度给卡片单元格?-->????<div?class="cards__item">????????...????</div&g.原创 2022-03-09 14:06:26 · 813 阅读 · 0 评论 -
【Vue】Vue路由(vue-router)
文章目录1. Vue路由的相关概念2. 安装vue-router3. 开发一个VueRouter版的hello,world3.1 创建路由器实例3.2 将路由器注入Vue实例3.3 声明路由出口3.4 声明路由请求接口4. Vue中路由跳转4.1 标签导航`router-link`4.2 编程式导航`this.$router` 路由器对象`this.$router.push()``this.$router.replace()``this.$router.go(n)原创 2022-03-09 12:45:58 · 467 阅读 · 0 评论 -
Vue框架
目录1. Vue 的基本认识1.1. 官网1.2. 介绍描述1.3. Vue 的特点1.4. 与其它前端 JS 框架的关联1.5. Vue 扩展插件2 Vue 的基本使用2.1开发者工具调试Vue.js devtools_3.1.2_02.2 框架使用方式2.3 框架使用2.4 Vue数据单向传递2.4.1 MVVM模型2.4.2 Vue中的MVVM的划分2.4.3 Vue中数据的单向传递2.5 Vue数据双向绑定3 常见指令3.1 什么是指令原创 2022-03-09 11:22:42 · 1044 阅读 · 0 评论 -
vue3.0中使用nextTick
前言:这里分享3.0和2.0 的方法对比,nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它vue3.01、引入import { nextTick } from 'vue'2、具体使用,配合异步setup() { const message = ref('Hello!') const changeMessage = async newMessage => { message.value = ne原创 2022-03-09 10:01:43 · 3217 阅读 · 0 评论 -
vscode运行前端代码报错:Code language not supported or defined
问题:vscode运行前端代码报错:Code language not supported or defined.解决办法:打开 文件——首选项——设置——搜索 run code——在扩展中找到 Run Codeconfiguration——找到任意一个setting.js,打开填入以下代码"code-runner.defaultLanguage": "javascript",即可...原创 2022-03-09 08:27:00 · 4898 阅读 · 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-08 13:46:41 · 76 阅读 · 0 评论 -
npm ERR While resolving undefined@undefined npm ERR Found [email protected] npm ERR node_modulesumi np
$ npm inpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: undefined@undefinednpm ERR! Found: [email protected] ERR! node_modules/uminpm ERR! umi@"^3.3.7" from the root projectnpm ERR!npm ERR! Co原创 2022-03-08 12:26:18 · 887 阅读 · 0 评论 -
Java版斗地主代码免费复制
public class Doudizhu { public static void main(String[] args) { Scanner sc = new Scanner(System.in); String[] huashe1 = {"?", "?", "?", "?"}; int[] daxiao1 = {3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15}; String[] pai1原创 2022-03-08 11:06:02 · 126 阅读 · 0 评论 -
fatal unable to access ‘httpsgithub.comnhnraphael.git‘ OpenSSL SSL_connect Connection was
1、问题描述:在基于webstorm 配置vue环境时,输入npm install 开始自动安装依赖时出现该问题,2、解决方案:(1)安装配置git环境(2)更换npm源npm config?set?registry?https://registry.npm.taobao.org原创 2022-03-08 09:45:43 · 104 阅读 · 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-08 08:25:41 · 624 阅读 · 0 评论 -
2w字大章 38道面试题 让你彻底学会JavaScript的this指向问题
前言当一个函数调用时,会创建一个执行上下文,这个上下文包括函数调用的一些信息(调用栈,传入参数,调用方式),this就指向这个执行上下文。this不是静态的,也并不是在编写的时候绑定的,而是在运行时绑定的。它的绑定和函数声明的位置没有关系,只取决于函数调用的方式。本篇文章有点长,涉及到很多道面试题,有难有简单,如果能耐心的通读一编,我相信以后this都不成问题。学习this之前,建议先学习以下知识:JavaScript之预编译JavaScript之手撕newJavaScript之手撕ca原创 2022-03-07 21:16:06 · 197 阅读 · 2 评论 -
解决vite项目报错:ReferenceError require is not defined
最近在一个vite项目,动态绑定src引入图片的时候,还像以前一样使用require对资源进行引用:结果报错:报错原因:require不属于vite里的方法vite官网 方法如下:修改代码:其中module.icon获取如下(注意路径):然后报错消失,图片正常显示了。...原创 2022-03-07 09:51:31 · 4782 阅读 · 0 评论 -
挑战一个盒子实现小米logo
大家好呀!学习完spring感觉神清气爽,今天突发奇想试试使用一个盒子来实现小米的logo,主要学习伪元素的使用,以及阴影的妙用,话不多说,看下最终实现效果??1,首先是 html 部分,只是用一个div<div></div>2,css样式首先是基础样式,全局取消内外边距以及使用的盒子模型给body设置flex布局 display: flex; align-items: center; justify-content: center; min-height: 100vh原创 2022-03-07 08:28:15 · 102 阅读 · 0 评论 -
在vue3 中使用echarts
在SetUp中使用echarts在setup中可以直接引入文件import { onMounted } from "vue";import * as echarts from 'echarts'export default { name: "data_page", setup() { onMounted(() => {//需要获取到element,所以是onMounted的Hook let myChart = echarts.init(document.getEle原创 2022-03-06 04:56:49 · 4645 阅读 · 0 评论 -
二十不惑的年纪,竟靠着这份前端面试指南,有幸拿到字节跳动实习offer,简直在起飞
博主就读于电子科技大学,大三狗一枚!面试是个漫长的过程,从海投到收获电话面试,一面、二面、三面,一个步骤出错那么后面就宣告终结。同时,面试过程中你也可能会遇到一些面试官的刁难,甚至部分面试官会说些比较打击你的话,但是大部分面试官都是很棒的!为什么要写这篇文章从一开始手指冒汗被怼的说不出话,到最后和面试官侃侃而谈游刃有余,我发现:同样的能力水平,在不同的面试表现下,反馈到面试官眼中的结果可以有着天壤之别。因此,如果你希望把自己的真实水平展示给面试官,那么掌握一些合适的方法是非常有必要的。面经分享.原创 2022-03-06 03:34:51 · 91 阅读 · 0 评论 -
Windows11更新后打不开Edge浏览器解决办法
前几天吐槽win11更新版本后打不开Microsoft Edge浏览器了,特别影响我使用,然后找网上方法,大多让去设置里 修复,就这样,然而没什么卵用,这应该是win11新版本的bug了。后来看到b站博主 https://b23.tv/QKUhyvh的方法,试了一下果然可以打开,暂时先凑合用没问题,已经很多人给微软反应这个浏览器的问题了,等下次更新修复吧。下面上方法:(1)打开 此电脑(2)打开这个路径,可以直接复制过去按回车。C:Program Files (x86)MicrosoftEdgeAp原创 2022-03-06 02:14:00 · 5409 阅读 · 3 评论 -
vue3项目使用Element Plus icon库:统一导入、全局注册组件
尝试使用Element Plus提供的icon,记录一下在安装和使用中遇到的问题前排注意,从1.2.0-beta.1版本开始不再包含Font Icon下载npm install @element-plus/icons-vue如果下载较慢可以使用淘宝镜像npm install @element-plus/icons-vue --registry https://registry.npm.taobao.org注册组件下载完成后,需要注册组件,才可以使用可以全局注册,也可以在要用到的组件里单独原创 2022-03-06 00:52:38 · 1726 阅读 · 0 评论 -
npm安装出现npm err FetchError Invalid response body while trying to fetch httpsregistry.npmjs.orgvu
npm ERR! FetchError: Invalid response body while trying to fetch https://registry.npmjs.org/vue: EPERM: operation not permitted, open ‘E:MajorDevToolsNodeJs ode_cache_cacache mpc56d9ce1’按照正常的安装教程之后, 一定要使用管理员身份打开cmd, 在运行npm install webpack -i 测试就运行成功了.原创 2022-03-05 20:40:10 · 2863 阅读 · 0 评论 -
npm踩坑问题总结
悲催的我基本上问题都遇到了。。。。。。一、npm安装依赖失败问题问题描述:错误信息: unbuild: sill gentlyRm target.inParent = false后续会出现长时间停留问题解决:删除整个node_modules,重新npm install二、 npm lockfile报错问题描述:这个是因为版本问题导致的提示信息。错误信息:npm WARN old lockfilenpm WARN old lockfile The package-lock.json fi原创 2022-03-03 16:28:39 · 1859 阅读 · 0 评论 -
js裁剪(分隔)字符串常用方法
前言:在开发中我们经常会遇到对于字符串的部分取舍问题,今天我们来看看3中常用的方法来解决这个问题。目录:一.Slice1.两个参数:2.参数为负:3.一个参数:4.注意:二.Substring1.两个参数:2.一个参数:3.注意:三.Sbustr1.两个参数:2.一个参数:3.注意:一.Slice1.两个参数:两个参数:起始索引(开始位置),终止索引(结束位置),提取字符串的某个部分并在新字符串中返回被提取的部分。包前不包后var str原创 2022-03-03 15:24:12 · 249 阅读 · 0 评论 -
get请求和post请求的区别(全面讲解)
1.get请求一般是去取获取数据(其实也可以提交,但常见的是获取数据);post请求一般是去提交数据。2.get因为参数会放在url中,所以隐私性,安全性较差,请求的数据长度是有限制的,不同的浏览器和服务器不同,一般限制在 2~8K 之间,更加常见的是 1k 以内;post请求是没有的长度限制,请求数据是放在body中;3.get请求刷新服务器或者回退没有影响,post请求回退时会重新提交数据请求。4.get请求可以被缓存,post请求不会被缓存。5.get请求会被保存在浏览器历史记录当中,p原创 2022-03-03 14:19:40 · 3438 阅读 · 1 评论 -
computed与watch的区别
1、功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。2、是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。3、是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。4、computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate原创 2022-03-03 12:28:21 · 113 阅读 · 0 评论 -
海康威视web3.2开发包开发使用说明
首言:通过海康威视的最新web开发包工具进行js调用引入至vue项目中,实现监控设备的对接,监控功能的实现。3.2无插件js库同时支持插件安装的模式。目录首言:一、海康威视开发平台:?1、下载开发工具包文档2、专家支持在线咨询问题二、3.2无插件开发1、需要引用的js包2、开发api3、注意事项三、在VUE项目中多个页面引用插件进行监控视频实时显示1、把初始化过程抽象为一个组件2、在不同页面中进行调用四、其他说明1、无插件开发包必须使用nginx代理(无论是测试还是生产环境)原创 2022-03-02 13:02:18 · 1652 阅读 · 1 评论 -
开源虚拟形象驱动测试(npm,Tensorflow.js)
1.安装nodejs下面链接里下载exe安装下nodeDownload | Node.jsNode.js? is a JavaScript runtime built on Chrome’s V8 JavaScript engine.[这里是图片001]https://nodejs.org/en/download/警告:安装这个有可能改变你的python环境,发现以前的环境不行了不要慌,去环境变量那里看下会多出来一个python3.10.1的路径,说明运行这个需要python3.10.1,不需要运行这原创 2022-03-02 03:02:23 · 360 阅读 · 1 评论 -
vue3 获取当前路由参数
<script>import {useRouter, useRoute} from 'vue-router'export default { setup(){ // 获取路由器实例 const router = useRouter() //使用 //router.push..... 等等方法 // route响应式对象,监控变化,传值 const route = useRoute //获取 处理route.query 等等 }}</scr原创 2022-03-01 23:51:44 · 1095 阅读 · 0 评论 -
Tauri 初体验
更多分享内容可访问我的个人博客https://www…top/本文介绍如何在 linux 系统上运行第一个 tauri 应用。js 开发人员应当可以直接参考官方文档跑通程序。本文旨在为不熟悉此类开发的人士梳理开发流程。什么是 tauri用一句话回答:tauri 是 electron 的替代品。目前它已经可以做到比 electron 更好。Hello World接下来,来看如何使用 tauri 框架。环境配置根据官方文档。在 linux 下使用 tauri 需要 webkit libr原创 2022-03-01 20:09:23 · 897 阅读 · 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-02-28 20:31:47 · 70093 阅读 · 17 评论 -
Error while executing npm ERR DProgram FilesGitcmdgit.EXE ls-remote -h -t gitgithub.comad
在使用npm install安装依赖时报错Error while executing: npm ERR! D:Program FilesGitcmdgit.EXE ls-remote -h -t git://github.com/ad如何解决呢我们需要设置git环境git config --global url."https://".insteadOf git://然后重新运行 npm install就行或者npm install --registry=https://registr.原创 2022-02-26 13:57:03 · 541 阅读 · 0 评论 -
element el-checkbox-group 的用法
el-checkbox的lable的用法很关键。lable对应的是v-model绑定的数组里的对象。例如:如果lable直接设置为整个item,则v-mode绑定的数组里的对象是整个item。如果lable设置为item的某个值,则v-model绑定的数组里的对象是被绑定的item的某个值。data定义:sendTypeList: [{ value: 1, label: "手机短信" }, { value: 2, label: "邮箱" }, ],原创 2022-02-25 07:52:01 · 3400 阅读 · 0 评论 -
10 个超棒的 JavaScript 简写技巧
今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦。开始吧!1. 合并数组普通写法:我们通常使用Array中的concat()方法合并两个数组。用concat()方法来合并两个或多个数组,不会更改现有的数组,而是返回一个新的数组。请看一个简单的例子:let apples = ['??', '??'];let fruits = ['??', '??', '??'].concat(apples);console.log( fruits );//原创 2022-02-24 08:33:33 · 64 阅读 · 0 评论 -
最新方法VScode中html代码自动补全(超清晰详细,保证能用)
一、下载HTML Snippets插件二、配置settings.json**1.**在VScode窗口下按住ctrl + shift + P,调出搜索框,在搜索框中输入settings.json,选择打开设置,如下图所示。**2.**在settings.json界面中添加代码如下:(注意这里将代码放在原有代码的下面,并且放在原有大括号的中间,了解编程的也应该知道为什么这么放。)"files.associations": { "*.vue":"html" }, "e原创 2022-02-23 09:09:40 · 6863 阅读 · 1 评论