前端
文章平均质量分 64
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 全局注册app.config.globalProperties, 如何处理getCurrentInstance 上下文线上环境报错
vue3挂载全局属性和方法,使用app.config.globalProperties, 但是在组件中获取全局上下文的时候getCurrentInstance会在线上环境报错。搜索了一遍,看了好多文章,都是在本地环境getCurrentInstance有用,线上环境报错,所以一切的一切还是去官网查找,得到最后的完美结果。线上环境正确使用:const instance = getCurrentInstance() console.log('instance???', instance.appConte原创 2022-03-11 20:46:21 · 932 阅读 · 0 评论 -
uniapp(Android端)引入百度地图
效果图1.在util下建一个map.jsexport function mymap(ak) { return new Promise(function(resolve, reject) { window.init = function() { resolve(mymap) } var script = document.createElement('script') script.type = 'text/javascript' scri原创 2022-03-11 19:22:50 · 538 阅读 · 0 评论 -
Postman 使用教程 - 手把手教你 API 接口测试
Postman 教程目录API 是什么?Postman 是什么?一. 如何安装 Postman二. API 模拟工具 GoRest三. 用 Postman 发出第一个 GET 请求1. GET 请求基本操作2. 带参数的 GET 请求3. GET 请求中的多条件查询四. 在 Postman 中发送 POST 请求1. POST 请求前,使用 Postman 对 API 鉴权(2)用 Postman 发出第一个 POST 请求五. 用 Postman 发送第一个.原创 2022-03-11 15:22:19 · 423 阅读 · 0 评论 -
json.dumps()函数解析
json.dumps()json.dumps将一个Python数据结构转换为JSONimport jsondata = { 'name' : 'myname', 'age' : 100,}json_str = json.dumps(data)json库的一些用法方法作用json.dumps()将python对象编码成Json字符串json.loads()将Json字符串解码成python对象json.dump()将python中的对象转化成json储存到文件中原创 2022-03-11 13:59:49 · 628 阅读 · 0 评论 -
gyp info it worked if it ends with ok npm ERR 解决办法
今天换电脑启动老项目,发现一直启动不了。报如下的错误,其实很简单,问题出在了NodeJs上。我安装的Node版本是最新的,也就是v16.xxx,这就是问题所在。只要把Node版本换成低版本的就行了。我自己换的是V14.16.0。1. 先卸载自己电脑上的Node自行百度怎么卸载。2. 挑选适合自己的Node版本。我是Node历史版本地址链接3. 下载安装文件64位下载箭头指的.msi文件就好了。4. 安装安装就直接点下一步就好了。附上报错信息> node-sass@3.13.1.原创 2022-03-11 12:37:59 · 1052 阅读 · 0 评论 -
axios的使用与封装
什么是axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF浏览器支持绝大部分现代浏览器以及ie8+axios使用安装使用npmnpm install axios使用cdn案例axios(confi原创 2022-03-11 11:16:37 · 480 阅读 · 0 评论 -
若依vue版菜单点不开 Error Cannot find module ‘@viewssystemuserindex‘
若依 vue 版菜单点不开,报错:Error: Cannot find module ‘@/views/system/user/index’问题描述今天运行后端哥哥都爱的若依项目:RuoYi-Vue 的时候,发现可以正常启动,但是左侧菜单点不开,一直在加载中。然后 F12 一看控制台一顿输出:Error: Cannot find module '@/views/system/user/index' at webpackEmptyContext (index.js:39) at per原创 2022-03-10 12:12:51 · 2844 阅读 · 1 评论 -
快速拿捏CSS中的常用的元素属性
文章目录一、字体相关属性1.1 设置字体样式1.2 设置字体大小1.3 设置字体粗细1.4 设置文字样式二、文本相关属性2.1 设置文本颜色2.2 设置文本对齐2.3 设置文本装饰2.4 设置文本缩进2.5 设置行高三、背景相关属性3.1 设置背景颜色3.2 设置背景图片3.3 设置背景平铺3.4 设置背景位置3.5 设置背景尺寸四、有关圆角矩形CSS中的元素属性多且杂,想要熟练掌握CSS,常用的元素属性需要进行牢记,多多加以应用,熟原创 2022-03-10 10:48:19 · 96 阅读 · 0 评论 -
前端模拟接口工具推荐——Apifox(mock数据)【图解教程】
1. 下载安装Apifoxhttps://www.apifox.cn/#2. 登录Apifox可以直接微信扫码登录(新用户扫码后,选择生成新账户)3. 新建团队4. 新建项目新建好后,点击项目名称进入项目。5. 新建分组鼠标移动到左侧项目概览上时,会出现新建分组按钮,点击它!6. 新建接口鼠标移动到左侧新建的分组上时,会出现新建接口按钮,点击它!右上角下拉选择“mock服务”后,输入接口地址,接口名称,保存切换到【高级mock】选项卡,点击“新建期.原创 2022-03-09 14:29:22 · 8575 阅读 · 2 评论 -
【项目实战】登录与注册业务的实现(前端+后端+数据库)
本示例基于Vue.js和mint UI实现。目录一、数据库的创建二、后端接口与数据库的连接三、前端代码实现1.注册页相关代码2.注册页效果3.登录页相关代码4.登录页效果四、注册登录演示五、项目文件结构一、数据库的创建此处以Navicat软件进行创建,新建数据库reg_log.sql与数据表reg_log;为了实现注册业务,我们在数据库中设计ID、用户名、密码、邮箱、电话号5个字段。创建结束后保存,便可以在数据库中找到我们刚刚创建的数据库和空表。这样就可以在项目中进行连接了转载 2022-03-09 13:08:56 · 3221 阅读 · 2 评论 -
Web 基础——Nginx(二)
Web 基础——Nginx(二)一、Nginx 基础配置1.Nginx 配置文件2.Nginx 日志配置3.Nginx 下载站点4.Nginx 访问控制1)第一种方式2)第二种方式5.Nginx 虚拟主机一、Nginx 基础配置1.Nginx 配置文件Nginx 主配置文件是一个纯文本类型的文件,整个配置文件是以区块的形式组成的。一般每个区块以一对 {} 大括号。// 全局配置:user # 配置 Nginx 服务的系统使??户wo转载 2022-03-09 11:48:36 · 71 阅读 · 0 评论 -
vue3安装vuex报错: Could not resolve dependency npm ERR peer vue@“^2.0.0“ from vuex@3.6.2
解决方法: 输入npm install vuex@next --save,就可以安装成功原创 2022-03-09 10:24:40 · 1686 阅读 · 0 评论 -
TypeError this.getOptions is not a function(全网最详细)
这个是因为 这个鬼家伙导致的,因为你的依赖反义不了它,所以会报错this.getOptions is not a function这个时候我们先看下我们的package.json要有sass-loader style-loader node-sass 才可以翻译成功哦命令如下npm uninstall sass-loadernpm install sass-loader@7.3.1 --save-devnpm uninstall style-loadernpm install style-l原创 2022-03-08 14:09:36 · 929 阅读 · 0 评论 -
npm安装及环境配置
1、下载node.js (下载地址:https://nodejs.org/zh-cn/download/)2、下载之后安装 (注意:不建议安装在C盘)3、cmd查看是否安装成功4、找到安装目录、添加两个文件目录5、cmd下输入两条命令npm config set prefix “D:Program Files odejs ode_global” //node的安装路径npm config set cache “D:Program Files odejs ode_cache”6、环境变量原创 2022-03-08 12:49:12 · 551 阅读 · 0 评论 -
JS案例:支持PC端和Mobile端的Canvas电子签名功能
前言:这段时间项目迭代时遇到了一个新需求,基于react实现一个Pc版电子签名功能,并生成图片上传。于是我想到了signature_pad,并且在项目使用了这个插件不得不说,用别人造的轮子是真的香,出于好奇,想用原生实现一下电子签名的功能以下是实现过程HTML和css可以参照源码,这里不过多介绍首先引入eventBus,方便代码解耦然后实现Base基类存放公共方法和属性,后续有啥共用属性或方法可以往这加//基类:公共方法和属性import event from './eventBus.js'原创 2022-03-08 11:29:01 · 271 阅读 · 0 评论 -
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)
HTML5期末大作业:网站——餐饮网页设计(HTML+CSS+JS)临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。作品介绍1.网页作品简介方面 :卡通创意,响应式布局网站源码!兼容pc以及移动端,内涵js交互,ui交互,包原创 2022-03-08 10:08:38 · 505 阅读 · 0 评论 -
Datart使用说明
Datart使用说明Datart安装记录Refer安装问题前端源码编译java: 程序包datart.data.provider.calcite.parser.impl不存在启动基础步骤Datart安装记录Refer最近在学习和使用Davinci的时候正好赶上了跑象团队新发布的开源平台,赶紧fork安装一下瞅一瞅,感谢开源,比心!下边是一些参考文档官方微信文章:奔跑不止,万象更新|datart 蛰伏十月,浴火重生官方git地址:https://github.com原创 2022-03-08 08:48:35 · 2187 阅读 · 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-07 10:14:23 · 128 阅读 · 0 评论 -
浅析React Router V6 useRoutes的使用
本篇文章记录了useRoutes第一个参数的使用方法,暂不涉及第二个参数。文章目录一、使用位置二、嵌套路由三、分模块管理注意事项一、使用位置一开始以为可以像react-router-config那样使用,于是写成import { BrowserRouter as Router, useRoutes } from 'react-router-dom';const SetRoutes = () => { const routes = useRoutes([ {原创 2022-03-07 08:51:02 · 1545 阅读 · 0 评论 -
安装vue-devtools过程中种种问题
周五按照网上教程进行按照,报错再百度搜索找方案。之前一直在vue-devtools文件夹中使用git bash进行cnpm install安装不成功,报各种依赖包不支持。报错类似如下:npm WARN … requires a peer of react@^16.4.0 but none is installed报错内容过多,需要安装依赖包太多。然后将npm版本号降到6.0.1,报错更多。类似npm WARN npm npm does not support Node.js v14.16.0 npm原创 2022-03-06 05:19:50 · 3906 阅读 · 1 评论 -
全网最全正则表达式总结,让你的工作效率事半功倍,赶快收藏
大家好,我是冰河~~我用了两天时间整理了这些工作用常用的正则表达式,小伙伴们拿走,不谢~这次我把工作中总结的经常使用的正则表达式共享出来了,正是掌握了这些正则表达式,冰河平均每天比别人少写200行代码,极大的提高了研发效率,建议小伙伴们收藏,平时尝试着使用到自己的项目中!!熟练的掌握正则表达式,能够帮助程序员以最快的速度写出最优雅的代码。冰河在多年的编程工作中,对使用过的正则表达式进行了梳理和总结,这些正则表达式能够帮助你节省很多的编码时间,往往一个简单的正则表达式就能够省略大量的if...else转载 2022-03-06 03:59:04 · 4736 阅读 · 0 评论 -
【2021-10-27】JS逆向之某某统计局cookie
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言正文结果前言好像又好久没更新了,过来水一篇工作中遇到的一个动态cookie的网站吧目标网站:aHR0cDovL3d3dy5zdGF0cy5nb3YuY24vdGpzai90amJ6L3RqeXFoZG1oY3hoZmRtLzIwMjAvMTEuaHRtbA==正文再不切换IP的情况下,频繁访问后会,不返回数据,给你一段JS代码然后我们先把他扣下来进行分析一波头部一个大数组,一个jsjiami.com原创 2022-03-06 02:36:59 · 86 阅读 · 0 评论 -
vue发送请求时遇到index.vue6ced90 Uncaught (in promise) TypeError Cannot read properties of undefined
项目中遇到问题如下:查阅资料得知:发请求的时候用的是异步模式,即使promise立刻被处理返回,但是浏览器在开始加载对象的时候,这个对象还是没有定义,所以也就读不到返回的值属性。将原来的函数改为:...原创 2022-03-06 01:15:42 · 1840 阅读 · 0 评论 -
vite框架使用eslint+prettier配置,并且将错误信息显示在浏览器界面上
在vscode编辑器当中使用vite框架,配置eslint:首先在vite项目中,安装eslint-plugin-vue依赖npm install --save-dev eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue eslint-plugin-html prettier @babel/plugin-syntax-dynamic-import babel-eslintoryarn add eslint原创 2022-03-05 23:54:47 · 1331 阅读 · 0 评论