JavaScript
文章平均质量分 51
JavaScript
Starzkg
你已经是一个成熟的程序猿了,要学会自己DEBUG了。
展开
-
ECharts——运行错误[TypeError: Cannot read property ‘type‘ of undefined]解决方案
issueshttps://github.com/apache/echarts/issues/13943问题描述Uncaught TypeError: Cannot read property 'type' of undefined at Object.reset (dataSample.js?fdde:104) at Task.seriesTaskReset [as _reset] (Scheduler.js?69ff:478) at reset (task.js?f47d原创 2022-04-04 22:13:07 · 6814 阅读 · 7 评论 -
Element UI + Java Web—— Failed to decode downloaded font:xxx.woff
问题描述解决方案方法一 <build> <resources> <resource> <directory>${project.basedir}/build/</directory> <excludes> <exclude>**/*.woff</exclude>原创 2022-03-17 11:43:30 · 965 阅读 · 0 评论 -
Vue——整合Katex
解决方案<template> <span ref="latex" class="katex" v-html="rawHTML" /></template><script lang="ts">import { defineComponent } from 'vue'export default defineComponent({ name: 'Latex',})</script><script lang="ts" s原创 2022-03-13 13:41:41 · 3390 阅读 · 0 评论 -
Vue 3 —— 当 data 和 ref 相同时 运行时错误 [ReferenceError: xxx is not defined]
问题描述问题分析没有找到相关解释,大概是冲突吧?解决方案改成不一样就好了参考文章原创 2022-02-14 16:50:52 · 1763 阅读 · 0 评论 -
vuepress 2.x 集成 element-plus
安装element-plus进入vuepress根目录,执行命令npm install element-plus修改 enhanceApp.js接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件vuepress的目录结构如下:.├── docs│ ├── .vuepress (可选的)│ │ ├── components (可选的)│ │ ├── theme (可选的)│ │ │ └── Layout.vue原创 2021-11-08 21:41:19 · 1986 阅读 · 10 评论 -
《移动应用开发》实验报告——仿饿了么商家页面
源代码:https://gitee.com/shentuzhigang/demo-project/tree/master/vue-eapp实验目标掌握使用Vue-CLI脚手架工具在自己的电脑上建立项目,并会运行调试工具。了解前端框架mint-ui的开发方法,掌握基本编程方法。掌握手机网上商城网页布局、图片轮播等编程方法。设计友好的操作界面,培养服务意识。实验内容第一步:下载案例代码eapp-master.rar,使用VScode打开打开代码,查看代码中的README.md文件,安装依赖包,原创 2021-05-31 21:23:43 · 1445 阅读 · 3 评论 -
uni-app——map组件路线[polyline]功能示例
Demo<template> <view class="img_box"> <map :latitude="latitude" :longitude="longitude" scale="18" :polyline="polyline"></map> </view></template><script>// 数据加载API import { stuExerciseRecordDetail原创 2021-05-26 23:55:44 · 9533 阅读 · 5 评论 -
uni-app——一种通过Nginx反向代理处理302重定向请求解决网络请求中无法获取Cookie的解决方案
问题描述小程序中不会自动保存和发送Cookie使用插件(https://uniapp.dcloud.io/api/request/request)方法不能解决302重定向情况下获取Cookie小程序端经过分析无法实现,服务端亦无法修改(这既不能解决问题,也不能解决提出问题的人)问题分析配置一层Nginx。处理302为200,并且继承Cookie。解决方案配置一层Nginx location /jwglxt { proxy_pass http://jwgl原创 2021-05-19 15:52:54 · 2614 阅读 · 0 评论 -
uniCloud云函数——微信小程序登录凭证校验[code2Session](即:使用 code 换取 openid 和 session_key 等信息)解决方案
接口文档https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html解决方案'use strict';exports.main = async (event, context) => { //event为客户端上传的参数 console.log('event : ', event) let result = {} if("mp-weixin"==c原创 2021-05-17 23:19:34 · 2021 阅读 · 2 评论 -
《移动应用开发》实验报告——音乐播放器
实验目标1.掌握使用Vue-CLI脚手架工具在自己的电脑上建立项目,并会运行调试工具。2.了解vue-aplayer插件的使用方法。3.理解如何使用 axios 发起 http 请求的方法。4.使用QQ音乐、网易云音乐等API接口开发简单音乐播放手机应用,学习通过网络接口的调用,培养复杂问题简单化思维。实验内容1.要求使用Vue-CLI脚手架工具搭建一个Web项目vue-music(本次实验必须用Vue-CLI脚手架搭建项目)。实验报告要求将项目文件结构截图,并简单介绍。2.安装依赖,使用No原创 2021-05-17 16:21:18 · 3969 阅读 · 3 评论 -
uni-app——Vue3简单整合uView@1.8.4解决方案
问题描述问题分析官方文档globalProperties解决方案切换到下载安装方式https://www.uviewui.com/components/install.html#下载安装修改源代码index.jsVue3 filter也没了,几个时间函数不重要吧?const install = Vue => { Vue.mixin(mixin) if (Vue.config.globalProperties.openShare) { Vue.mixin(mp原创 2021-05-16 00:01:30 · 5351 阅读 · 0 评论 -
uni-app——运行微信微信小程序整合uView运行错误[Cannot read property ‘mark‘ of undefined]解决方案
问题描述解决方案临时打开界面右边的。。。选择其中的设置-—>项目设置,将增强编译勾选上。永久参考文章微信小程序:TypeError: Cannot read property ‘mark’ of undefined原创 2021-05-15 22:10:57 · 3304 阅读 · 1 评论 -
Element UI——表单验证输入的数字检测出来是string解决方案
问题描述打印判断类型问题分析解决方案数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符。<el-input type="text" v-model.number="scope.row.MaxAltitude" placeholder="<=20000"></el-input>参考文章解决“element表单验证输入的数字检测出来是string”的问题解决“ele原创 2021-05-13 01:13:59 · 1980 阅读 · 0 评论 -
《移动应用开发》实验报告——轮播图
代码仓库:https://gitee.com/shentuzhigang/demo-project/tree/master/vue-photosBlog:实验目标1.掌握使用Vue-CLI脚手架工具在自己的电脑上建立项目,并会运行调试工具。2.理解组件化开发思想。3.图片轮播手机网页。实验内容1.要求使用Vue-CLI脚手架工具搭建一个Web项目vue-photo(本次实验必须用Vue-CLI脚手架搭建项目)。实验报告要求将项目文件结构截图,并简单介绍。2.参照源码效果,实现一个图片轮播.原创 2021-05-10 16:05:37 · 1645 阅读 · 0 评论 -
《移动应用开发》实验报告——疫情地图
实验目标掌握使用Vue-CLI脚手架工具在自己的电脑上建立项目,并运行调试工具。学习使用ECharts图表开源库开发地图展示功能,了解图表开发方法。基本用法参考ECharts官网:https://www.echartsjs.com/zh/feature.html实验内容Vue-CLI脚手架工具搭建一个Web项目yiqing_demo。使用Vue.js和ECharts编写一个疫情地图显示网页。内容及格式可自己定效果可参照丁香园疫情地图:https://ncov.dxy.cn/ncovh5/v原创 2021-04-26 16:40:24 · 1243 阅读 · 0 评论 -
《移动应用开发》实验报告——简单的品牌列表
实验目标熟悉Vue开发工具,学会安装Vue-CLI脚手架工具。学会使用Vue-CLI脚手架工具在自己的电脑上建立项目,并运行调试。品牌列表网页编程。实验内容Vue-CLI脚手架工具搭建一个Web项目。使用Vue技术编写一个简单的品牌列表网页,内容及格式可自己定。实验详细过程和步骤截图展示主要原创 2021-04-24 16:56:31 · 355 阅读 · 1 评论 -
《移动应用开发》实验报告——Vue
实验目标熟悉Vue开发工具,学会安装Vue-CLI脚手架工具。 学会使用Vue-CLI脚手架工具在自己的电脑上建立项目,并运行调试。实验内容使用Vue-CLI脚手架工具,用命令的方法搭建一个Web项目,项目名称为myvue01,在项目中创建一个页面(修改为首页),单击按钮,在Div中显示Hello World!。 使用Vue-CLI脚手架GUI工具,创建一个Web项目,项目名称为myvue02,编写一个简单的登录页面(修改为首页),点击登录按钮,可提示信息(或跳转到新的欢迎页面)。本题可以选择原创 2021-04-14 14:03:25 · 3144 阅读 · 1 评论 -
《移动应用开发》作业——JavaScript
题目一:使用Javascript代码编写一个“杭州亚运会倒计时”网页,要求适合于手机上展示。时间能精确到秒,显示的时间格式,可自己定,例如:286天12时36分20秒。截图和效果说明:主要源代码和说明:题目二:使用Javascript代码编写一个手机网页小游戏,要适合手机屏幕上操作,例如:贪吃蛇、五子棋、连连看等。要包含事件编程的代码,游戏功能不要设计得太复杂,关键是使用自己能理解并掌握的代码,对自己编写的代码有详细的解释。截图和效果说明:...原创 2021-03-23 10:58:36 · 418 阅读 · 0 评论 -
《移动应用开发》作业——HTML、CSS
一、内容及目标安装Web网站前端开发工具和服务器软件,推荐使用VSCode和Tomcat9。 掌握在本地计算机上发布网站的方法,使用手机通过局域网浏览自己的网站。不清楚Tomcat9虚拟目录设置的同学,可参考文件:配置虚拟目录-比较易于调试程序的方法.docx。第一步,将web源代码配置为web应用(虚拟目录),第二步,设置web应用的网站首页(默认文档)。 使用HTML5中<canvas> 元素完成一个比较复杂的图形绘制,形状自己定。 编辑1种便于在手机屏幕上使用的导航栏。 设计1原创 2021-03-19 19:26:01 · 601 阅读 · 0 评论 -
《移动应用开发》作业——了解Web应用开发技术
题目一:请查找资料,简单描述Web应用开发框架Vue.js、React.js、Angular.js的特点,及在移动应用方面的发展,每种400字至600字。Web应用开发框架——Vue.js:特点:易用已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!灵活不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。高效20kB min+gzip 运行大小、超快虚拟 DOM、最省心的优化在移动应用方面的发展和应用:Vue.js是如今经常被讨论到的原创 2021-03-19 19:14:14 · 609 阅读 · 0 评论 -
Web安全——正方教务系统自主选课非正常退课解决方案(危险操作,仅用于学习)
解决方案退课按钮审查元素控制台参考文章原创 2021-03-02 14:30:44 · 1006 阅读 · 1 评论 -
Vue + Spring Boot——axios使用GET以参数的方式传递对象到SpringMVC解决方案
问题描述SpringMVC中GET默认接收对象的格式axios中GET默认发送对象的格式官方文档axios:http://www.axios-js.com/zh-cn/docs/#请求配置qs:https://www.npmjs.com/package/qs解决方案axios({ url: "接口", method: "get", params: this.data,//传递的对象 paramsSerializer: function原创 2020-11-11 23:29:08 · 2174 阅读 · 0 评论 -
《Web项目实践》实验报告——Web项目实践基础
一、实验目的掌握Web前端开发的基础知识; 掌握Web前端工程开发的基本流程;二、实验内容1、使用VSCode开发工具完成"青木商城"网站个人中心页面和订单支付确认页面的编写,具体页面布局和内容参考大型电商网站;2、使用git进行代码管理并上传个人中心页面和订单支付确认页面到gitee或GitHub上;3、将青木商城的各页面的超链接关联起来,形成逻辑完整的界面,并将vue.js语法应用于购物车界面;4、设计青木商城的数据库表结构;5、调查问卷WebApp;6、设计青木商...原创 2020-10-24 16:51:16 · 10429 阅读 · 0 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(二十二)脚本更新3.1
目录Web安全——易班优课YOOC课群在线测试自动答题解决方案更新日志1、实现简单课程视频立刻完成;2、集成禁止打开控制台解决方案;3、修复因易班更新导致的一些问题;4、添加自动刷题时答案来源页面选择设置。解决方案// ==UserScript==// @name 易班优课YOOC浙理助手// @namespace http://tampermonkey.net/// @version 0.3.2// @description原创 2020-09-01 22:06:28 · 6682 阅读 · 11 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(二十一)禁止打开控制台解决方案
目录Web安全——易班优课YOOC课群在线测试自动答题解决方案问题描述问题分析解决方案遗留问题参考文章原创 2020-09-01 21:38:41 · 2504 阅读 · 1 评论 -
JavaScript——易班优课YOOC课群课程视频立刻完成解决方案
问题分析当视频即将播放完成时,会发送AJAX源代码<script type="text/javascript"> window.int = self.setInterval("nodrag()", 100) window.video_current_time = 0; window.count = -1; window.count_done = 0; wi原创 2020-09-01 21:10:38 · 2122 阅读 · 2 评论 -
Vue——使用element-resize-detector监听DOM时ID重复时移除监听器时错误解决方案
问题描述解决方案1、修改ID修改DOM元素的id,使得id唯一。2、使用this.$el mounted() { this.$erd.listenTo(this.$el, (element)=>{ this.chart.resize(); }) }, beforeDestroy() { this.$erd.removeAllListeners(this.$el) },参考文章vue+element 监听某个div.原创 2020-08-08 22:32:25 · 1680 阅读 · 0 评论 -
Vue——全局element-resize-detector监听DOM元素
解决方案第一步:通过npm install element-resize-detector获取elementResizeDetectorMakernpm install element-resize-detector第二步:将依赖引入import elementResizeDetectorMaker from ‘element-resize-detector’import ElementResizeDetectorMaker from "element-resize-detector".原创 2020-08-08 16:06:14 · 8271 阅读 · 5 评论 -
echarts——父元素宽度100%,但canvas宽度100px
问题描述<template> <div id="chinaMapChart" style="width:100%;height:400px"></div></template>设置的width:100%,结果出来的时候就变成了100px;官方文档https://echarts.apache.org/zh/api.html#echarts问题分析echarts源代码:Painter.prototype._getWi..原创 2020-08-08 15:00:55 · 5970 阅读 · 1 评论 -
Vue + Element UI——监听DOM元素高度和宽度解决方案整理(八种方法)
问题描述监听DOM元素大小的变化,在前端开发中,算是一个比较常见的需求,比如我们要制作可伸缩的图表的时候,可能需要根据DOM大小的变化,进行动态的更新图表。解决方案方法一:监听window变化,再改变对应DOM变化window.onresize = function() { const width = getStyle(dom, 'width'); const height = getStyle(dom, 'height');}function getStyle(ele,at.原创 2020-08-08 14:29:15 · 18475 阅读 · 0 评论 -
Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案
官方文档https://element.eleme.cn/#/zh-CN/component/datetime-picker问题分析el-date-picker组件需要 :picker-options属性,属性值为data,data的数据来自于methods中的方法。解决方案<el-form-item label="开始时间" prop="startTime" > <el-date-picker v-model="form.startTime" format="转载 2020-12-04 21:47:58 · 29172 阅读 · 0 评论 -
Vuex——使用namespace的store使用mapState获取state为undefined
问题描述使用namespace的store使用mapState获取state为undefined解决方案1....mapState中基于属性的访问...mapState({ searchInput: state => state.yourModuleName.searchInput, })2.在Vuex模块中使用namespace..........modules: {yourModuleName: { namespaced: true,......原创 2020-08-06 14:46:43 · 5801 阅读 · 0 评论 -
Vue——Vue-Router的push和replace方法[Uncaught (in promise) Error]解决方案
问题描述在升级了Vue-Router版本到到3.1.0及以上之后,页面在跳转路由控制台会报Uncaught (in promise) Error的问题Vue更新日志https://github.com/vuejs/vue-router/releasesV3.1.0版本里面新增功能:push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常问题分析解释:没有捕获异常。解决方案方法一: 检查代码1、首先检查router.js中的路由...原创 2020-07-25 16:10:47 · 2920 阅读 · 1 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(二十)整理维护
目录解决方案JavaScript脚本// ==UserScript==// @name 易班优课YOOC浙理助手// @namespace http://tampermonkey.net/// @version 0.2.5// @description 浙江理工大学易班优课YOOC测试、刷题// @author STZG// @match *://*.yooc.me/*// @grant uns..原创 2020-07-12 20:28:26 · 3691 阅读 · 5 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(十九)强制重做
前文JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示JavaScript——易班优课YOOC课群在线测试自动答题解决方案(五)简单脚本Spring Boot——易班优课YOOC课群在线测试自动答题解决方原创 2020-07-12 20:06:59 · 4012 阅读 · 1 评论 -
JavaScript + Thymeleaf + Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(十八)模板脚本
前文JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示JavaScript——易班优课YOOC课群在线测试自动答题解决方案(五)简单脚本Spring Boot——易班优课YOOC课群在线测试自动答题解决方原创 2020-06-12 23:31:54 · 1345 阅读 · 0 评论 -
Thymeleaf——使用模板动态生成JavaScript脚本文件
官方文档JavaScript和CSS模板:https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#natural-javascript-and-css-templates解决方案Thymeleaf 3.0允许以一般模板的形式开发复杂的JavaScript脚本和CSS样式表,这些模板既可以作为原型也可以作为工作模板使用。JAVASCRIPT模板模式下的另一个示例(greeter.js文件)将作为文本模板进行处理,.原创 2020-06-09 18:03:45 · 3341 阅读 · 0 评论 -
JavaScript + Tampermonkey——易班优课YOOC课群在线测试自动答题解决方案(十七)复合型解决方案油猴脚本
前文JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示JavaScript——易班优课YOOC课群在线测试自动答题解决方案(五)简单脚本Spring Boot——易班优课YOOC课群在线测试自动答题解决方原创 2020-05-26 22:56:53 · 9630 阅读 · 8 评论 -
JavaScript——易班优课YOOC课群在线测试自动答题解决方案(十六)利用PC端和移动端BUG
前文JavaScript——易班优课YOOC课群在线测试自动答题解决方案(一)答案获取Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(二)答案储存Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(三)答案查询JavaScript——易班优课YOOC课群在线测试自动答题解决方案(四)答案显示JavaScript——易班优课YOOC课群在线测试自动答题解决方案(五)简单脚本Spring Boot——易班优课YOOC课群在线测试自动答题解决方原创 2020-05-11 08:56:35 · 4384 阅读 · 25 评论 -
JavaScript——jQuery AJAX链式编程(流式编程)DEMO
基本概念链式编程:设计模式之一DEMOdoSubmit: function(){return $.ajax({ url: url, type: 'post', data: $("#fm").serialize(), dataType: 'html' }).then(function(data){ t...原创 2020-05-05 21:16:15 · 544 阅读 · 0 评论