Vue.js

路由拦截 项目中，有些页面需要登录后才能进入，例如，在某页面A，用户在操作前需要先进入登录页（此时需要将上一页的地址（ /survey/start ）作为query存入login页面的地址中，如: http://localhost:8071/#/login?redirect=%2Fsurvey%2Freport ），登录成功后再进入页面A。 首先，在router.js中创建路由时，给需要登录的路由中的 meta 添加字段：requireLogin，如下： const router = new Router({ routes: [ { path: '/login', name: 'Login', component: Login, meta: { title: '登录页' } }, { path: '/register', name: 'Register', component: Register, meta: { title: '注册页' } }, { path: '/', redirect: '/survey/start', name: 'Full', component: Full, children: [ { path: '/survey/start', name: 'Home', component: Home, meta: { title: '首页',

来源： Lara https://www.zcfy.cc/article/publishing-a-beta-or-alpha-version-to-npm 大多数软件在发布之前都有beta版 — 该版本包含某些还处于试验阶段的功能，尚未达到生产就绪状态。 常常会有一些beta测试用户群体，他们使用该版本，对其进行测试，提交bug和其他发现的问题。 开发NPM module也有相同的过程。那么我们如何通过NPM部署beta版本呢？ 如何部署 beta 版 实现新功能之后，我们首先要做的就是像常规发行版本那样，对版本进行修改。 在你的版本末尾添加 beta.0 非常重要。 .0 表示它是哪个版本。当我们对 beta 版进行修补发布新的 beta 版本时，我们会将 .0 递增到 .1 ，以此类推。 因此，我们的版本格式应如下所示：3.1.0-beta.0. 接下来，我们将继续提交所有的更改。 除提交以外，给beta版本添加git标签也是一个好习惯。可以通过命令 git tag 3.1.0-beta.0 添加一条标签。 你可以运行 npm version 3.1.0-beta.0来更新package.json，同时创建一个git标签 (请参考 https://docs.npmjs.com/cli/version). 现在可以发布 beta 版本了。 发布 beta 版或 alpha

摘要 ：恰逢官方征文，谨以此篇记录自己一年的心酸历程与前端知识的感悟。 目录 在时代工场的主要工作 我为什么从时代工场离职？ 我辞职后去了哪里？ 先说说我的经历吧 分享给前端人一些我的博客整理，希望也可以帮助到你 关于粉丝高频疑惑的解答 在时代工场的主要工作 先简单说一下自己这一年的变化吧，以前是在时代工场办公，是一个初创的共享办公科技公司，在那边开发过时代工场后台管理系统，时代工场小程序，时代工场APP,时代工场网站，业余时间还要顺便运营一些新媒体（小公司，你懂的，人手不够，广泛撒网），APP是基于APICloud这种敏捷式开发平台开发，一套代码可以适配两种操作系统，自己一个人重零开始到上架Android应用到腾讯应用包、百度手机助手、华为应用市场、小米应用商店、阿里应用分发平台，APPStore整了一个全套流程。 上架的流程可以参考我往期的文章。 https://blog.csdn.net/weixin_41937552/category_9342190.html 至于微信小程序是采用的微信小程序那套体系，这个创业公司搞这个玩意所有的认证开发测试等都需要自己来，不要问为什么，问就是成本。框架采用的vue,网站也是采用的vue,网站及小程序用来展示页面，里面的数据共用一个后台管理系统。系统老板着急出成果，刚开始简单找了个模板，后面不断优化，已经用PHP逐渐改成自己想要的那种模样啦

《Vue.js+Node.js开发实战：从入门到项目上线》以JavaScript语言为基础，以一个完整的网站开发过程为主线，介绍了一整套面向Web项目的开发技术，如使用Node.js搭建服务端，使用NoSQL数据库管理数据，使用Vue.js搭建前端UI，使用Nginx部署代码，使用Git管理版本等。通过阅读《Vue.js+Node.js开发实战：从入门到项目上线》，读者可以掌握从网站开发到网站上线的全过程。 《Vue.js+Node.js开发实战：从入门到项目上线》分为10章，涵盖的主要内容有购买域名、网站备案、Node.js安装、Express安装、Vue.js安装、前后端分离设计、网站需求设计、网站模块规划、网站服务器端开发、网站客户端UI开发、服务器端部署和网站上线等内容。 通过构建一个完整的Web工程项目，展现Web前后端开发的全流程。 涵盖服务器购买、数据库设计、前端开发、后端开发和部署上线等内容。 内容全面：涵盖Node.js后端开发、NoSQL数据库管理、Vue.js前端开发、Nginx代码部署及Git版本管理等Web全栈开发的大部分核心技术。 技术新颖：紧跟技术发展趋势，详解Web开发领域非常流行的前后端分离架构技术。 实用性强：通过一个综合项目案例展开讲解，并穿插大量的示例帮助读者提高编码能力。 风格独特：按照项目开发的流程推进

解决办法： config/index.js里的host改一下ip，我是因位置原因，ip更改了. 网上也搜到其他方法，如卸载依赖重装，可能是原因不一致 来源： oschina 链接： https://my.oschina.net/zhangxuman/blog/4836911

不知不觉已经在CSDN写博客4年了。 从研二实习的时候就开始写博客，一直坚持到现在，一步步走来，发现自己也取得了一点点小成就。 博客数量达到100多篇，博客总排名从60万到3万，访问量从0到19万，粉丝从0到2300多。 这些数据或许是鼓励我继续创作的最大动力！ 我写博客的初衷是记录学习，方便自己以后遇到同样的问题，能快速从自己的博客中找到解决方案。 所以博客中主要记录以下四点 （1）记录项目中遇到的问题和解决方法，也算做项目经验。 （2）单独实现的小功能，小模块。 （3）自己学习新技术的笔记，知识要点，看视频记录的笔记等。 （4）项目中常用的配置和代码。 有些东西不记录下来真的就会忘记。 脑子是用来思考的，不是用来存储很多很多东西，再大的内存也无法存储巨大的数据。 所以将所学记录分享在CSDN博客是一个自己受益，大家受益的事情。 如果记录在私人文档，那只能自己受益，别人无法看到。同时也可能无法激励你持续不断输出优质的内容。 在CSDN我还在继续前进， 希望自己的粉丝破万，排名更靠前，成为CSDN博客专家，有更大的影响力！！！ 这幅图是我的手绘作品使用软件处理后的效果，这幅作品我把它叫做梦想，提醒自己不要忘记自己的梦想，不忘初心，方得始终。 2020年，经历了太多…… 年初的疫情延续的现在仍然没有完全结束，也给我的家庭带来了一些不好的影响。 希望2021全球能彻底消灭新冠病毒

春招总结 记得当时大二的时候，看到实验室的学长学姐忙于各种春招，有些收获了大厂offer，有些还在苦苦面试，其实那时候的心里还蛮忐忑的，不知道自己大三的时候会是什么样的一个水平，所以从19年的寒假放完，大二下学期开始就着手准备面试了： 知识总结 当时也是没有什么方向，在牛客网上刷题，效果也不是特别好。后来和实验室的一个去了 阿里云 的学长，做了一次长时间的交流，逐渐摸清了些学习方法。4月份的时候，开始制作自己的个人博客网站， 并按照前端的技术栈，结合牛客网上别人的面经，开始系统地梳理知识体系，定时定量地写总结博客 。记得把前端的基础加上数据结构的知识断断续续直到8月-9月才全部写完。（也挺感谢那个充实的暑假的哈哈） 一些实战 之后到了大三上学期，我开始陆续找一些日常实习，10月份的时候，运气还行，拿到了滴滴，美团，抖音的面试，只有滴滴到了二面，其他的全是 一面挂 😂。当时面试完下来，我都会问面试官我有什么不足，怎么去改进，就这样 一边继续巩固基础，一边埋头优化自己的项目，在博客也更新工程化的知识总结，一直持续到2020年的2月份 。 现在想想，自己的春招这么顺利，也同当时大二大三积累的多，有一定的关系。 反思 其实，面试的时候， 首先 ，基础一定要按照体系，反复地去复习，形成自己的体系树，这样面试官换角度来问基础的时候，你要保证可以灵活地解决。 第二 ，就是项目

之前一直使用json-server在前端开发时，搭建本地数据接口测试，但有时又需要将做好的项目放于 github page上做项目演示。在本地时，json server很好使用，但一旦放在github上就实现不了我们期望的效果了；后来发现 mockjs 这个插件就满足这一需求。研究了半天，感觉 mockjs 模拟数据更强大，通过随机数据，可以模拟各种场景，下面一步步的来实现在 vue-cli创建的项目中添加一条用户信息的数据模拟接口： 安装 mockjs 在vue项目安装mockjs npm install mockjs --save-dev 在项目 src 目录中创建一个 mock.js 文件 在 main.js 入口文件中引入刚刚创建的mock 文件 import './mock.js' 创建模拟数据 在 mock.js 中创建一条用户信息模拟数据 import Mock from 'mockjs' const Random = Mock.Random // 设置全局延时，没有延时的话，有时候会检测不到数据变化 Mock.setup({ timeout: '300-600' }) // 创建一个数组用来接收模拟的数据 const mocklist = [] const count = 5; for (let i = 0; i < count; i++) { mocklist

在Vue项目使用quill-editor带样式编辑器（更改插入图片和视频） https://www.cnblogs.com/zhengweijie/p/7305903.html vue-quill-editor默认插入图片是直接将图片转为base64再放入内容中，如果图片比较大的话，富文本的内容就会很大。 插入视频是直接弹框输入URL地址，某些需求下我们需要让用户去本地选择自己的视频，我们可以通过 vue-quill-editor 内部的某些方法进行更改 该方法使用了 element-ui 和 文件上传七牛 一、npm 安装 vue-quill-editor 二、在main.js中引入 import VueQuillEditor from 'vue-quill-editor' Vue.use(VueQuillEditor) HTML部分：为编辑器绑定各个API事件，定义一个隐藏的input框，用于点击图片或者视频图标上传文件 <template> <div> <!-- quill-editor插件标签 分别绑定各个事件--> <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus(

vue页面加载闪烁问题的解决方法 参考文章： （1）vue页面加载闪烁问题的解决方法 （2）https://www.cnblogs.com/pangwl/p/7979169.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/4832825