前端
文章平均质量分 60
普通网友
这个作者很懒,什么都没留下…
展开
-
uniapp 微信小程序 选择地图位置并返回经纬度及详细地址(uni.chooseLocation和高德地图api两种方式实现)
uniapp 微信小程序实现选择地图位置功能最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序。其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能,并返回选择地点的regionId和经纬度以及详细的地址等信息。获取地理信息的授权功能1. manifest.json中写入授权地理位置的描述代码如下:"permission" : { "scope.userLocation" : { "desc" : "您的位置将用于绑定您的区原创 2022-03-12 13:16:45 · 5440 阅读 · 2 评论 -
vue-admin动态路由的实现
前言:项目开发中菜单栏往往是后端基于角色控制的,所以菜单栏通过后端返回,然后在进行渲染,vue-admin这个管理系统模板用的人贼多,以此为例。一、首先打开router/index.js文件吗,把constantRoutes写的静态路由全删了,只留下公共的界面,比如login、404之类的。其他路由后面通过接口获取。二、在store/modules/permission.js进行修改,如果没有文件就创建,该文件使用vuex的状态管理,把菜单信息存储起来,最后把菜单渲染出去// router/in.原创 2022-03-11 20:11:14 · 339 阅读 · 0 评论 -
Uncaught TypeError Cannot set properties of undefined (setting ‘innerHTML‘)的错误
错误出现的前提:页面中的Table每一行有一个删除按钮,当删除此行数据之后,需要对序号的值进行动态的更新(在另一篇文章中)。当执行了删除操作 -> 再次添加新的数据 ->执行删除操作的时候就会出现标题中的错误。解决方向:思路一:加载时由于页面加载顺序为:结构>样式>行为(html>css>JavaScript)。如果js部分写到了页面内容的前面,那么在加载的时候,浏览器的加载顺序(错误顺序)是js>html,所以就有可能报标题中的错误。解决办法一:将原创 2022-03-11 18:48:11 · 7084 阅读 · 0 评论 -
node.js详解+案例
系列文章目录提示:node基础, 系统模块,第三方模块,node.js 对数据库的操作(增删改查).使用node实现对列表简单的增删改查功能,博客项目连接数据库,博客项目前端文章目录系列文章目录前言一.node.js 是什么?二.Node 入门2.1 node 组成2.2 node运行三.系统模块3.1 什么是系统模块3.2 文件操作3.3 写入文件四.第三方模块4.1. 如何获取第三方模块(其他开发者开发的模块叫第三方模块)4.2. 本地安装和全局安原创 2022-03-11 14:47:34 · 1401 阅读 · 0 评论 -
element-plus icon图标的正确使用姿势
前言:为了适应vue3的更新,element组件也将其内容升级为了plus用以配套的使用,很多组件新增了更加多元的功能,但我用的时候就觉得那个icon图标,怎么变得特别难用呢?原来是没有掌握正确的使用方法改变:// 原来<i class="el-icon-edit"></i>// plus <el-icon :size="size" :color="color"> <edit></edit> </el-icon>原创 2022-03-11 12:03:53 · 1302 阅读 · 0 评论 -
2021最新微信授权小程序登录 (仅前端 getUserProfile)
小程序最新版本 微信授权登录小程序 预计自2021年4月13日起,getUserInfo将不再弹出弹窗,并直接返回匿名的用户个人信息 这也是为什么button的开放能力无法弹窗的原因。 取而代之的是用wx.getUserProfile来获取用户信息。如果你也遇到了这样的问题。请继续。如果这篇贴子对您有所帮助,也请您为我点个小赞。谢谢。1.wx.getUserProfile 可以用任何标签 绑定bindtap事件来触发。 我这边里的是view<!-- 用户昵称 --> <v原创 2022-03-11 10:42:18 · 748 阅读 · 0 评论 -
超级实用的vue小技巧,用了之后直呼好棒~
实用的vue小技巧,来源于真实企业实战 —— 记得收藏~1. 原型注入2. 对象冻结3.img 加载失败4. 递归组件5. 解决繁乱的template —— render函数6. 延迟更新 —— Vue.nextTick()7. 自定义指令1. 原型注入全局属性和方法可以这么定义方便调用和获取一般不定义很多(会污染原型,每次实例Vue都会带上)// main.js入口文件内import Vue from “vue”;import router from原创 2022-03-10 12:59:49 · 210 阅读 · 0 评论 -
海康威视web3.2开发包开发使用说明
首言:通过海康威视的最新web开发包工具进行js调用引入至vue项目中,实现监控设备的对接,监控功能的实现。3.2无插件js库同时支持插件安装的模式。目录首言:一、海康威视开发平台:?1、下载开发工具包文档2、专家支持在线咨询问题二、3.2无插件开发1、需要引用的js包2、开发api3、注意事项三、在VUE项目中多个页面引用插件进行监控视频实时显示1、把初始化过程抽象为一个组件2、在不同页面中进行调用四、其他说明1、无插件开发包必须使用nginx代理(无论是测试还是生产环境)原创 2022-03-10 11:38:55 · 2892 阅读 · 2 评论 -
如何快速入门Ajax(学习笔记)—— 原生ajax、jQuery、axios
如何快速入门Ajax1. 服务器的基本概念客户端与服务器URL地址网页中如何请求数据资源的请求方式2. 了解AjaxAjax是什么Ajax的应用场景3. jQuery中的Ajaxget()post()ajax()接口4. form表单的基本使用组成部分属性actiontargetmethodenctype表单的同步提交缺点解决方案serialize() 函数5. 原生AjaxXMLHttpRequest原创 2022-03-10 10:14:36 · 384 阅读 · 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-09 13:55:42 · 144 阅读 · 0 评论 -
【ES6】es6常用小技巧汇总 (持续更新中...)
es6常用小技巧汇总1.取值1.1 解构赋值…1.1.0 仅获取部分属性1.1.1 对象深度解构1.1.2 数据拼接1.1.3 使用Set实现数组去重1.1.3 交换元素1.1.4 函数声明中使用1.1.4 Async/Await结合数组解构1.2 扩展运算符…1.3 可选链操作符?.1.4 空值合并运算符??1.5 强制转化运算符!!2.字符串2.1 模版字符串2.判断遍历2.1 判断值是否存在includes方法2.2 find方法2.原创 2022-03-09 12:35:14 · 284 阅读 · 0 评论 -
vue实现打印功能
打印功能可以自己使用原生js(window.print())实现,其次就是使用插件,介绍两个打印插件一、vue-print-nb:这个插件使用起来便捷,用法如下1.安装npm install vue-print-nb --save2.在main.js文件中注册使用import Print from 'vue-print-nb'Vue.use(Print);3.具体使用方法:(1)直接绑定id方法 (2)绑定对象方法<!--直接绑定id方法--><div id='box原创 2022-03-09 11:11:55 · 2982 阅读 · 0 评论 -
vue3+ts中定义ref变量,设置变量类型
给定义的 ref 的值设置类型<template> <el-input ref="input"></el-input></template>//....import {Ref, ref} from 'vue'const input: Ref<HTMLElement> = ref(null)这样写之后会导致编译报错(vuetur报错)Type 'Ref<null>' is not assignable to type原创 2022-03-09 09:50:57 · 2914 阅读 · 0 评论 -
Vite中配置路径别名
Vite中配置路径别名刚接触vite+vue3的项目, 配置路由的时候不想通过…/…/访问, 想配置一个路径别名,踩坑vite中配置别名和vue2的配置别名大差不差 但是会有版本的区别首先初始化一个vue3+vite的项目,新建一个vite.config.js在项目中引入基于nodejs的path模块先引入path模块const { resolve } = require(‘path’)添加如下代码 将项目中静态src路径修改为/@/ (重启项目即可配置成功)resolve: {a原创 2022-03-09 08:16:14 · 1136 阅读 · 0 评论 -
request content was evicted from inspector cache
问题: 浏览器无法查看 返回数据, 但是功能页面数据渲染 没问题,原因:响应报文被截断,超出浏览器响应报文的最大量 , 浏览器自动截断,解决方式,:后端处理,减少该接口返回的数据量原创 2022-03-08 13:35:55 · 954 阅读 · 0 评论 -
NodeJS升级到16后node-sass和sass-loader版本兼容问题
在升级完node.js后启动项目是发现报错,这是由于版本兼容导致的,最终无报错依赖如下: "dependencies": { "core-js": "^3.6.5", "element-ui": "^2.3.6", "font-awesome": "^4.7.0", "mavon-editor": "^2.10.4", "node-sass": "6.0.1", "sass-loader": "10.2.0", "vue": "^2.6.11",原创 2022-03-08 12:15:32 · 1222 阅读 · 1 评论 -
javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门
乐阳村,处于脚本大陆东部的边缘地带,民风淳朴,村民日出而作,日落而息。这一日清晨,所有村民来到村庄的门口,正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱,可是目中绽放出异彩,身躯虽不壮实,倒也挺拔。“叶小凡,你是我们全村人的骄傲,百年来唯一一个具备修行JavaScript甲等资质的孩子!马上会有千鹤派的大人来接你,今后你一定要认真修行,给我们全村的人争光!”他叫叶小凡,几天前通过了修行资质的检验,符合修行JavaScript的资质。“千鹤派!”叶小凡眼前一亮,语气中伴随着激动,两眼放光。千鹤派,转载 2022-03-08 10:55:15 · 565 阅读 · 0 评论 -
Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘resetFields‘)“
在做vue element 项目中,做了一个新增 打开弹框的功能,想每次点击新增的时候表单项重置。1.使用了this.KaTeX parse error: Undefined control sequence: \[ at position 5: refs\̲[̲formName\].rese…refs并没有获取到dom元素导致 ‘resetFields’ of undefined3.解决办法:添加代码this.$nextTick(()=>{ this.$refs.addForm.re.原创 2022-03-08 09:34:58 · 1005 阅读 · 0 评论 -
axios详解
文章目录axios是干啥的原生XMLHttpRequest实现axios介绍发送并发请求axios API创建一个实例Config配置选项默认设置全局默认设置实例中自定义默认值设置的优先级响应信息(response schema)拦截器interceptors错误处理取消请求axios是干啥的上古浏览器页面在向服务器请求数据时,因为返回的是整个页面的数据,页面都会强制刷新一下,这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据,但是原创 2022-03-08 08:14:58 · 33568 阅读 · 2 评论 -
2021年度总结
我是一名95后的前端开发,今年也是我的本命年,真的感概一年的时间过的好快,疫情的口罩还没摘去,彷佛一切还停留昨天,一路走来有很多的欢声笑语,也有很多惆怅。一年前,我觉得本命年将至,应该是红红火火的一年、应该是牛气冲天的一年,我对2021也充满了自信,感觉一切都是比较可以期待的,心中永远呈现的是“未来可期”四个大字。总的来说工作上我觉得我暂时还是幸运的,18年开始我已经是前端leader。19年任职于xx公司,担任的也是前端开发主管,领导也是比较信任我。在2021年,我在公司经历了很多,从组织架构的不断调转载 2022-03-07 21:05:03 · 66 阅读 · 0 评论 -
解决chrome浏览器高版本98版本无法在本地手动添加cookie,刷新无法保留,cookie项报红的问题
解决chrome浏览器91版本SameSite by default cookies被移除后的解决方案,Chrome中跨域POST请求无法携带Cookie的解决方案昨天上班之后启动项目,谷歌浏览器自动升级到了98版本,因为之前项目是需要手动添加一个cookie在本地开发调试的,现在就无法手动进行添加cookie了,而且高版本移除了SameSite by default cookies,导致之前的方法不能使用,手动设置之后cookie还报红色,如下现在只需要打开Chrome中访问地址chrome://f原创 2022-03-07 09:37:29 · 370 阅读 · 0 评论 -
手把手教你使用Vue搭建注册登录界面及前端源码
文章目录一、前言二、概况三、搭建注册页面四、改造登录页面四、整体效果动画演示五、前端源码下载六、后续一、前言本文将在vue-admin-template模板基础上完成搭建注册与登录页面。文末处有完整的前端源码下载。环境准备浏览器:ChromeIDE: VS CodeNode.js 10+,npm二、概况我们先了解一下整个项目的目录结构├── build # 构建相关├── mock原创 2022-03-07 08:17:34 · 8222 阅读 · 2 评论 -
医疗管理系统(Java毕业设计-Springboot项目)
【】:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行!博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结,感谢你的阅读和关注,希望我的博客能帮助到更多的人,分享获取新知,大家一起进步!吾等采石之人,应怀大教堂之心,愿我们奔赴在各自的热爱里…文章目录一、选题背景意义二、项目设计思路三、项目运行截图四、项目代码优点一、选题背景意义利用互联网技术开发医疗管理系.转载 2022-03-06 04:45:56 · 2682 阅读 · 1 评论 -
一行代码解决selenium进入抖音出现验证滑块
我正常从浏览器进入抖音是不出现验证滑块的,然后用selenium进入抖音网站发现会出现滑块验证如下如这是原代码:运行代码后就会发现浏览器出现验证滑块,这是是因为网站识别出你是使用selenium这个时候在原代码中加入一行代码:options.add_argument(’–disable-blink-features=AutomationControlled’)就解决了。...原创 2022-03-06 03:24:01 · 3237 阅读 · 2 评论 -
web前端-Vue动态显示隐藏表单el-form-item
给每项表单项添加一个自己的id名,并用v-model绑定相对应的数据,利用v-if根据上一个表单项的数据值来进行显示或隐藏 <!-- 类别展示隐藏 --> <el-form-item id="classShowOrHide" v-model="showClass" v-if="showClass==true" label="类别类型" prop="classType"> <el-select v-model="form.原创 2022-03-06 02:03:10 · 5107 阅读 · 0 评论 -
vue3之watch监听
vue3的监听跟vue2有点不一样.引入watch后直接在setup里面使用, 调用方式是以回调函数的方式呈现.1.先引入watchimport { ref, defineComponent, watch } from "vue";2.在setup里面引用/*监听props*/watch(props,(newProps, oldProps) => { showModal.value = newProps.isOpened; editData.value = newPr原创 2022-03-06 00:41:48 · 1515 阅读 · 0 评论 -
Java之MinIO存储桶和对象API使用
MinIO Java Client SDK提供简单的API来访问任何与Amazon S3兼容的对象存储服务。官方demo: https://github.com/minio/minio-java官方文档:https://docs.min.io/docs/java-client-api-reference.html新版 MinIO和旧版在 API使用上还是有一定的区别,比如:新版 MinIO采用 Builder构建者模式来构造 MinioClient对象。所以,官方demo仅供参考,尽量查看英文官方原创 2022-03-05 20:28:37 · 4186 阅读 · 0 评论 -
vite—打包常见问题
问题:打包时使用ts校验报错,原因是代码不符合ts校验规范解决方案:1. 关闭ts打包校验, 关闭vue-tsc ,修改package.json2. 修改不符合ts规范的代码, vsCode中划横线的代码// 方案一“scripts”: {“dev”: “vite”,// “build”: “vue-tsc --noEmit && vite build”,“build”: “vite build”,“serve”: “vite preview”},问题:打包生成..原创 2022-03-03 22:55:18 · 4014 阅读 · 0 评论 -
Swagger2介绍及使用
项目中整合Swagger21、什么是swagger22、常用注解3、项目中整合Swagger23.1、引入Swagger2依赖3.2、编写swgger2配置类代码3.3、在需要测试的模块中引入有swagger2的模块坐标3.4、使用swagger2测试1、什么是swagger2编写和维护接口文档是每个程序员的职责,根据Swagger2可以快速帮助我们编写最新的API接口文档,再也不用担心开会前仍忙于整理各种资料了,间接提升了团队开发的沟通效率。2、常用注解swagger通过原创 2022-03-03 17:22:03 · 494 阅读 · 0 评论 -
npm install时出现gyp ERR stack Error Could not find any Python installation to use
vue项目使用npm install按照依赖时,报以下错误:gyp verb command rebuild []gyp verb command clean []gyp verb clean removing "build" directorygyp verb command configure []gyp verb find Python Python is not set from command line or npm configurationgyp verb find Python原创 2022-03-03 16:17:15 · 1378 阅读 · 0 评论 -
Java项目学生管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括:学生管理,教师管理,课程管理,成绩管理,系统管理等等。二、项目运行环境配置:Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot + Maven + mybatis+ Vue 等等组成,B/S模式 + Maven管理等等。学生管.原创 2022-03-03 15:12:47 · 141 阅读 · 0 评论 -
ErrorCannot find module XXX 解决方法
一般这种情况都是node_modules出了问题把node_modules文件夹删掉npm clean cache然后重新下载npm install然后就好啦原创 2022-03-03 14:08:15 · 2358 阅读 · 1 评论 -
B站动力节点HTML随课笔记(持续更新)
网页的标题 网页的主体内容------------------------------------------------基本标签Html基本标签123456hello world for(int i=0;i<10;i++){System.out.println("i=" +i)}删除字插入字粗体字斜体字10210m字体标签-----------------------------------...原创 2022-03-03 12:16:49 · 113 阅读 · 0 评论 -
前端页面报Failed to load resource the server responded with a status of 404 ()解决方法
解决方法:第一种:1.在https://www.bitbug.net/中做个favicon.ico文件放在根目录下2.在head标签引入favicon.ico文件即可<link th:href="${'/favicon.ico'}" rel="shortcut icon">第二种:不愿意做图标或者还没想好图标做成什么样,可以直接在head标签插入以下代码也OK <link rel="shortcut icon" href="#" />详细博客: https://ww原创 2022-03-02 12:50:54 · 4930 阅读 · 0 评论 -
用python实现csdn博主全部博文下载,html转pdf,有了学习的电子书了。。。(附源码)
用python实现csdn博主全部博文下载,html转pdf,有了学习的电子书了。。。(附源码)我们学习编程,在学习的时候,会有想把有用的知识点保存下来,我们可以把知识点的内容爬下来转变成pdf格式,方便我们拿手机可以闲时翻看,是很方便的先来一个单个的博文下载转pdf格式的操作python中将html转化为pdf的常用工具是Wkhtmltopdf工具包,在python环境下,pdfkit是这个工具包的封装类。如何使用pdfkit以及如何配置呢?分如下几个步骤。下载wkhtmltopdf安装包,并且原创 2022-03-02 03:54:46 · 231 阅读 · 0 评论 -
学Vue,看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)
注意本人写的这些笔记以及源码无任何收益,一开始纯粹是为了自己学习才写的,又想着方便大家才公开的,所以禁止无礼貌白嫖还话多以及态度不友好交流一、视频链接视频链接最全最新Vue、Vuejs教程,从入门到精通此视频是Vue2教程,讲师coderwhy,很适合新手小白,知识点包括vue基础指令Webpack组件化开发Vue-clivue-routeres6Promise前端模块化axiosVuex项目实战个人总结了超详细笔记,不看视频也能看懂的,由于笔记较多,在此做一原创 2022-03-02 02:51:13 · 431 阅读 · 0 评论 -
京东代挂最新拉库大全 2022年01月7日更新
第一进入青龙后台-定时任务-添加定时任务这个时候会出现3个框:1.名称自己谁便写个就行(没什么要求)2.命令就是下面的命令(复制粘贴进去就行)3.定时填写 9 1-23/4 * * *(我习惯性的填写这个,实在不行填写1也可以)下面就是库了JB库ql repo https://ghproxy.com/github.com/KingRan/JDJB.git "jd_|jx_|jdCookie" "activity|backUp" "^jd[^_]|USER|utils|function|sig原创 2022-03-02 01:47:32 · 3499 阅读 · 0 评论 -
vue.runtime.esm.js2b0e619 [Vue warn] Error in render “TypeError Cannot read property ‘matched‘
错误截图踩坑原因在配置vue-router的路由时和将router实例挂载至Vue实例上时,实例名称没有按照标准配置vue时在配置vue-router时,我们一般会将路由的映射关系抽成一个数组,就想下面这样const routes = [{ path: '', redirect: '/home' }, { path: '/home', component: Home }, { path: '/category', component原创 2022-03-01 23:40:37 · 1139 阅读 · 0 评论 -
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function,说白了就是版本问题,对于小白学习新知识的过程中,踩版本不匹配的坑是非常难受的,下面总结了一下具体解决方案踩坑一:(Module build failed: TypeError: this.getOptions is not a function )这个问题主要是因为node-loader版本过高导致的问题,我们尝试将版本降低到@7.原创 2022-02-28 20:19:54 · 574 阅读 · 0 评论 -
ES6详解
总结写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的GitHub免费获取。还有免费的 高级web全套视频教程 前端架构 H5 vue node 小程序 视频+资料+代码+面试原创 2022-02-26 23:25:33 · 124 阅读 · 0 评论