- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue子路由报错显示白屏
vue子路由报错显示白屏chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ‘<’app.js:1 Uncaught SyntaxError: Unexpected token '<'原因：资源路劲不对，不能正确打开。在vue.config.js中publicPath默认是/，它会假设应用被部署到一个域名的根目录上，当被部署到一个子路径时，需要修改为:/子路径/。解决方式（一）vue.config.js中publicPa
2021-07-06 11:36:27
901
原创 # Echarts自定义图表动态加载数据后颜色失效（纯白或纯黑）
Echarts自定义图表动态加载数据后颜色失效（纯白或纯黑）问题：使用Echarts自定义饼图动态获取数据以后，图表颜色显示为白色（itemStyle的color属性失效）。代码visualMap: { show: false, min: 0,// 数据最小值的颜色明暗度 max: 600,// 数据最大值的颜色明暗度 inRange: { colorLightness: [0,1] // 表示颜
2021-06-15 17:35:28
2415
原创 ES6中class具体应用到vue开发中
面对复杂的后端数据，前端应该怎样使用？后期怎样才能更好的维护这些数据？核心思想面对后端传递过来的复杂数据，我们可以使用ES6中类的思想来划分这些这些复杂的数（可以借鉴重构的思想），将每一个组件中所需要的数据，统作为实参传递给新建类中进行重构，将new Class（args）赋值给一个新的类中，将这个类绑定到所需的组件当中去使用。这样的划分便于后期的维护，结构也非常清晰。代码对比不进行类划分传递：...created(){ Vue.axios.get(api).then((response
2021-06-07 18:01:28
1901
1
原创 better-scroll封装以后导致自定义吸顶效果失败
解决吸顶效果失效获取tabControl的offsetTop思路：必须知道滚到多少，开始有吸顶效果，这个时候就需要获取tabControl的offsetTop但是如果直接在mounted中获取tabControl的offsetTop值是错误的（图片加载影响，异步）正确加载获取offsetTop的值监听图片加载，加载完后发送事件 <img :src="item.image" alt @load="bannerLoad" />监听图片加载完后的事件，获取offsetTop的值 sw
2021-06-05 16:14:42
193
原创 浅谈webStorage、audio、video
浅谈webStorage、audio、video文章目录浅谈webStorage、audio、video一、WebStorageWebStorage的基本使用二、音频与视频1、音频与视频标签1）音频标签2）视频标签一、WebStorage如果把用户信息存入vuex，刷新后由于vue会重新加载，所以vuex中的数据也将不复存在。如果希望用户状态持久化保存，可以选择HTML5提供的webstorage。webstorage提供了用于存储数据的两块数据区域：localStorage : localSto
2021-06-05 08:55:46
73
原创 Vscoed:无法加载文件 D:\nodejs\node_global\webpack.ps1...执行set-ExecutionPolicy RemoteSigned后出现问题
今天在学习中使用到了 npm，之前全局安装了npm，并且在 cmd 中也可以正常使用，但是在VS Code中报出了错误。如下信息： 无法加载文件 D:\nodejs\node_global\webpack.ps1，因为在此系统上禁止运行脚本，有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170解决方案： 首先以管理员的身份运行 VS Code .在终端执行 get-ExecutionPolicy,打...
2021-06-04 14:50:34
318
原创 对better-scroll框架进行按需引入，进行封装
对better-scroll框架进行按需引入，进行封装1、对所需框架进行引入引入了核心滚动以及pull-up插件npm install "@better-scroll/pull-up" --savenpm install "import BSscroll from "@better-scroll/core"2、对better-scroll进行封装（BetterScroll.vue）3、对封装好的better-scroll进行使用（Home.vue）4、在此基础上，对BetterScroll组
2021-06-04 14:32:10
241
原创 nodejs+express+mysql实现图片上传
nodejs+express+multer+ajax上传图片到服务器端，以及将图片路径保存到数据库思路，使用nodejs中的express框架搭建好服务器，创建上传图片的路由，在工作目录中划分好服务端存储图片路径的文件夹，前端利用input中的file属性，拿到本地上传的图片（可对图片大小设置限制），设置触发函数在前端，函数中传递的参数为数据库中图片所匹配的id，假设上传用户头像，则一个用户对应一个头像，头像名可以自己在后端实现重命名，可以实现覆盖上传。前提条件需要下载好multer以及express包
2021-04-17 17:11:45
3185
原创 Node.js（四）
NodeJS（四）-http协议本篇博文简单介绍了http协议以及http模块的简单使用。文章目录NodeJS（四）-http协议前言一、http协议1.通用头信息2.响应头信息3.请求头信息4.请求主体二、NodeJs--http模块1.使用http模块创建web服务器2.示例：示例前言http协议是浏览器和web服务器之间的通信协议。一、http协议1.通用头信息Request URL：要请求的资源Request Method：请求的方法 get/post/put/delet
2021-04-10 16:01:40
128
原创 Node.js（三）
node.js(三)文章目录node.js(三)前言一、查询字符串模块（querystring）二、URL模块三、文件系统模块1）查看文件状态（同步/异步）2)查看目录下的文件3）异步创建目录/文件4）异步移除目录/文件5）覆盖文件写入内容6）追加写入7）重命名文件8）读取文件9）删除文件10）检测一个文件（目录）是否存在11)拷贝文件总结前言简单介绍三种基本的模块，着重介绍了fs模块，举出一些例子。一、查询字符串模块（querystring）查询字符串是浏览器端向服务器端传递数据的一种方
2021-03-29 11:12:34
73
原创 Node.js(二)
Node.js(二)提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Node.js(二)前言一、全局对象1）global对象2）console对象3) process对象4)Buffer对象二、模块1.模块是什么2.读入数据总结前言 小白上路，文章内容可能比较浅显。用来记录自己学习的过程，也方便以后回头复习。一、全局对象1）global对象可以查看一个变量或者函数是否为全局，全局变量和全局函数都是全局对象global下的，可以通过global访问，例如，globa
2021-03-21 17:55:14
133
2
原创 Node.js(一)
Node.js(-)目录Node.js(-)前言一、Node.js是什么？二、使用步骤1.环境配置1.官网2.读入数据总结前言提示：这是属于我第一篇博客，目的是为了记录学习前端的过程。提示：以下是本篇文章正文内容，下面案例可供参考一、Node.js是什么？Node.js基于Google的V8引擎，运行在服务器端的环境。二、使用步骤1.环境配置进入官网下载1.官网中文官网中文镜像代码如下（示例）：import numpy as npimport pandas as pdi
2021-03-18 11:18:35
90
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人