随笔分类 - vue
摘要：因为突然的疫情把我困在家了，家里的电脑没有源代码，但是需求还要改，工作还得继续。。。 从服务器下载了之前上传的打包后的文件，找了一圈反编译方法，得救了，在此记录一下。 1、npm install --global reverse-sourcemap 2、reverse-sourcemap --out
阅读全文
摘要：https://v3.nuxtjs.org/
阅读全文
摘要：一、描述从网上下载的一个Vue模板项目，导入VsCode，执行npm install命令后，报错了，报错的信息是node-sass安装失败，同时提示需要python环境的错误信息，这是因为安装node-sass失败了，而node-sass依赖于Python环境，node-sass安装失败是因为默认是
阅读全文
摘要：一、前言 与如何在React项目中应用TypeScript类似 在VUE项目中应用typescript，我们需要引入一个库vue-property-decorator， 其是基于vue-class-component库而来，这个库vue官方推出的一个支持使用class方式来开发vue单文件组件的库
阅读全文
摘要：在vue中如何做到给视频拍照，留住那一帧的美好呢？ 且看代码 <template> <div> <video src="../assets/video.mp4" controls style="width:300px;"></video> <img :src="imgSrc"> <div> <bot
阅读全文
摘要：我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router@4。 编程式路由传参 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可
阅读全文
摘要：一、背景 Webpack 最初的目标是实现前端项目的模块化，旨在更高效地管理和维护项目中的每一个资源 模块化 最早的时候，我们会通过文件划分的形式实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的JS 文件中 约定每个文件是一个独立的模块，然后再将这些js文件引入到页面，一个script
阅读全文
摘要：有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 页面权限控制 页面权限控制是什么意思呢？ 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。 一种方法是通过动态添加路由和
阅读全文
摘要：前言 不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 父子组件之间，兄弟组件之间共享状态，往往需要写很多没有必要的代码，比如把状态提升到父组件里，
阅读全文
摘要：一个Vue3.0框架搭建的后台管理模板 开源vue3.0版本基于vue3.x+ant-design-vue构建的免费开源admin项目，star高达8.4K+ 支持电脑端、手机、平板等平台 底层使用element做支撑，逻辑保持一致，遵循用户习惯的语言和概念；所有的元素和结构保持一致，比如：设计样式
阅读全文
摘要：mixin， 意为混入。 比如去买冰激凌，我先要一点奶油的，再来点香草的。我就可以吃一个奶油香草的冰激凌。如果再加点草莓，我可以同时吃三个口味的冰激凌。 代码表示 假设把你已有的奶油味的称为 base，把要添加的味道称为 mixins。用 js 伪代码可以这么来写： const base = { h
阅读全文
摘要：前端开发人员只要了解过vue.js框架可能都知道单文件组件。vue.js中的单文件组件允许在一个文件中定义一个组件的所有内容。这是一个非常有用的解决方案，在浏览器网页中已经开始提倡这种机制。但是不幸的是，这个概念自从2017年8月被提出以来，到现在没有任何进展，像是已经要消亡了一样。然而，深入研究这
阅读全文
摘要：开始之前 Composition API 可以说是Vue3最大的特点，那么为什么要推出Composition Api，解决了什么问题？ 通常使用Vue2开发的项目，普遍会存在以下问题： 代码的可读性随着组件变大而变差 每一种代码复用的方式，都存在缺点 TypeScript支持有限 以上通过使用Com
阅读全文
摘要：一、Object.defineProperty 定义：Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象 为什么能实现响应式 通过defineProperty 两个属性，get及set get 属性的 getter 函数，当
阅读全文
摘要：一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术，专业术语叫 Dead code elimination 简单来讲，就是在保持代码运行结果不变的前提下，去除无用的代码 如果把代码打包比作制作蛋糕，传统的方式是把鸡蛋（带壳）全部丢进去搅拌，然后放入烤箱，最后把（
阅读全文
摘要：一、是什么 权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说，所有的请求发起都触发自前端路由或视图 所以我们可以从这两方面入手，对触发权限的源头进行控制，最
阅读全文
摘要：一、如何部署 前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后，是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 // scp 上传 user为主机登录用户，host为主机外网ip,
阅读全文
摘要：一、跨域是什么 跨域本质是浏览器基于同源策略的一种安全手段 同源策略（Sameoriginpolicy），是一种约定，它是浏览器最核心也最基本的安全功能 所谓同源（即指在同一个域）具有以下三个相同点 协议相同（protocol） 主机相同（host） 端口相同（port） 反之非同源请求，也就是协议
阅读全文
摘要：watch：观测Vue实例上的数据变动，对应一个对象，键：就是需要监测的那个东西，值：1.可以是当键变化时执行的函数，有两个参数，第一个是变化前的值，第二个是变化后的值。2.可以是函数名，得用单引号包裹。3.可以是一个对象，这个对象有三个选项：（1）handler ：一个回调函数，监听到变化时应该执
阅读全文
摘要：lin-view-ui 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要集成了平时在开发中使用到的 UI 组件。 特性 基于 Vue 开发的 UI 组件 使用 npm + webpack + babel 的工作流，支持 ES2015 提供友好的 API，可灵活的使用组件 支持按需引入，减
阅读全文
