随笔分类 - 前端学习杂记
摘要：使用js-cookie插件，存储、获取、清空用户token信息。使用场景，获取用户信息，判断是否登录。 1、安装 npm install --save js-cookie 2、封装文件 在utils文件夹下创建token.js,常规代码如下： import Cookies from 'js-cook
阅读全文
摘要：在项目中页面跳转的时候，一般要使用到跳转的进度条，当然，这只是页面效果的优化，非必须项目。下面就来记录一下在Vue项目中进度条插件：NProgress的配置使用。 插件github地址安装 npm install --save nprogress配置在utils文件夹里添加一个nprogress.j
阅读全文
摘要：Vue3发布这么久了，一直没有拿来用，之前偶尔翻了翻文档，感觉很多写法上和Vue2还是有比较大的差别，不想去适应，也怕踩坑。最近有个简单的小工具需要开发使用，那就正好借着这个机会来入门试试，项目小不怕踩坑。依然采取以往的学习方法，直接干项目，不会了再看文档、刷百度，话不多说，开整！ 代码构建工具使用
阅读全文
摘要：小程序开发过程中，需要渲染富文本内容，文字和图片混编的那种； 如果没有图片的情况下，直接用rich-text标签就可以完成，如下所示： nodes属性里直接放上需要渲染的字段就可以了。 <view class="pl20 pr20 fs14"> <rich-text nodes="{{goodsDe
阅读全文
摘要：默认的滚动条是图片中这样的，比较粗，而且上下还有箭头，不是很好看。需要给优化一下，用到了下面的Css代码，写在App.vue文件中的<style></style>标签里就可以了。 <style lang="scss"> ::-webkit-scrollbar { width: 6px; height
阅读全文
摘要：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i
阅读全文
摘要：项目开发过程中遇到一个文件上传的小问题。使用ElementUI的上传组件上传了一个文件之后，再次点击上传按钮来上传文件，就没有效果了，无法完成文件的正常上传。 判断是存储了文档信息，判断文件重复上传就没做任何处理，解决方法是每次上传成功文件之后调用组件的clearFiles方法给组件置个空。 thi
阅读全文
摘要：vue使用v-html渲染带回车“\n”的字符串，先将\n用replace方法进行全部替换。 let [变量名] = String.replace(/\r\n/g,'<br>'); 这样用v-html渲染的时候，还是没有完成正常换行，这时候需要在渲染的标签上使用CSS的： white-space:
阅读全文
摘要：在前端开发过程中，使用a标签的href属性可以实现Oss文件下载功能，如： <a href="Oss完整下载地址"></a> 但是这样会有一个问题，就是下载是可以下载了，但是同样触发了a标签的页面跳转功能。 这样处理就行了 <a :href="`${完整的下载地址}`" target="downlo
阅读全文
摘要：overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
阅读全文
摘要：项目背景，在已经完善的汉语微信小程序基础上，实现登录时切换中英文界面的功能，这里只要做前端固定文案部分，接口返回的内容先不考虑。实现代码如下： 1、首先在微信小程序的根目录下创建“language”文件夹，用于存储语言相关的js文件。用_en.js代表英语，_zh.js代表汉语。 _en.js代码举
阅读全文
摘要：做了个小程序中用echarts图表的例子。下载的Demo中，数据方法是写在Page外面，本人实力不够短时间内没搞定数据渲染。最终换了个方法完成的，记录一下，下次再遇到可以复习借鉴。 首先，echarts适合微信小程序的在github上下载：https://github.com/ecomfe/echa
阅读全文
摘要：阿里图标库项目的创建和图标选择这里不做介绍，刚接触VueCli项目,记录阿里图标库的引入与使用。 第一步、将阿里图标库的压缩包下载到本地，然后解压。在项目中src>assets文件夹中创建一个文件夹起名叫“iconfont”。将解压好的文件选择图中几项复制进文件夹中。 第二步、在main.js文件中
阅读全文
摘要：开发过程中发现再次调用画echarts的方法，实际界面内容并没有重新渲染； 例如画echarts的方法是paintEcharts();该方法会在页面加载的时候把图表画出来，在js文件中再次调用的话是不会刷新页面的。 如果不想整体刷新页面，又要重新渲染echarts，只需要在paintEcharts(
阅读全文
