HTML篇 cookie,localStorage,sessionStorage的区别 存储大小：cookie40kb左右，Storage20M左右 存储格式：cookie是字符串格式，Storage是键值对 通讯相关：cookie随请求携带，Storage不会自动携带 操作相关：cookie操作复杂，没有api前后端都可以操作；Storage操作简单，有api，只能前端操作。 时效相
一、前言 一个vue项目里前端请求最起码几十个起步，请求方式也各有不同，为了方便管理，也减轻工作量，比较好的做法是集中管理，在文件中统一管理各类请求，包括请求头参数，参数的携带方式，是否返回blob流等等。 二、实现方法 1、首先创建在项目下untils文件夹创建request.js文件 这里面实现，
项目需求下拉框根据名称、编码和简拼搜索，许多现有组件不符合需要，因此自己封装了一个组件，代码如下： 父组件使用： <selectDefault :placeholder="'请选择'" :bindValue.sync="value" :optionList="list" :label="'name&
一、前言 最近项目里需要对特定内容进行语音播报，于是乎我就咨询了一番度娘，得到几种实现的方案，让我们来一一对比吧。本文更多是在用法上进行描述，每种方案的使用的技术，则没有深入叙述。 二、对比选择 1、Web Speech API 他是h5新提供的一个原生语音识别技术的API，可以将文本转成语
一、前言 最近做大屏项目，需求说要能对数据进行滚动展示，体现实时性。听闻css也可以实现这种效果，但是作为一个时常摸鱼的前端，我还是推荐两个好用的数字滚动插件countup.js和vue-count-to（vue-count-to是参考countup.js的）给大家使用，以便增加大家的摸鱼时间。 二、countup.js countUp
如何使用 Bootstrap Vue Spinner 组件 微调器用于向用户指示正在进行的过程。它们适用于不需要很长时间即可完成的操作，并且有助于增强应用程序的响应能力。继续阅读以了解有关 Vue Bootstrap 微调器组件及其提供的各种自定义选项的更多信息。 Boostrap Vue Spinner 组件（b-spinner
操作步骤： 第一步：下载包 npm install --save vue-pdf 第二步：导入组件 第三步：使用pdf标签进行展示，showUrl指的是访问路径 第四步：定义要用到的变量 第五步：处理文件流，转换成地址 最终效果：图一是我加的一个loading描述，图二是效果。
什么是异步组件 所谓的异步组件就是通过import或者require导入的vue组件。 为什么需要异步组件 vue开发过程中，我们会做出特别多的组件，包括login,header,footer,main等等，会使页面打开很慢。 异步组件的作用 可以避免页面一加载时就去加载全部的组件，从而导致页面访问时间变长的问
一、yarn serve 启动vue项目，如下报错： Type checking in progress... App running at: - Local: http://localhost:8080/crmpc/ - Network: http://172.20.3.3:8080/ Note that the development build is not optimized. To create a production buil
一个 VUE 的项目在本地部署没有问题，但是部署到服务器上的时候提示访问资源的错误。 问题和解决 经过看看代码后才了解到，VUE 可以有几个配置文件。 分别是： .env 和 .env.production，显然后面的这个对应的是你服务器上部署所需要的配置。 如果你在服务器上部署，还是使用 localh
1.基本使用步骤 1.导入vue.js的script脚本文件 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建一个vm实例对象（vue实例对象） VUE的指令与过滤器 1.指令的概念 指令（Diretives）是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构 vue中的指令按照
祖孙之间的传值主要是靠祖组件的provide和孙组件的inject来进行传值，但是如果知识这两个的话就只能单向的由祖组件传给孙组件，而且值是无法通过控制台修改的，要是想弄成响应式的数据的话需要进行一系列的操作。 首先我们先实现无法修改的 到这里祖组
1.前端传参的方式 1）
安装 postcss-px2rem及px2rem-loader npm install postcss-px2rem px2rem-loader --save 2在根目录src中新建util目录下新建rem.js等比适配文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面宽度相对于 1920
1.安装 4.0.6版本适应vue2 `npm install vue-video-player@4.0.6 –s` 2.main.js引入 //播放视频插件 import VideoPlayer from 'vue-video-player'; window.videojs = VideoPlayer.videojs require('video.js/dist/video-js.css') require('video-video-player/sr
有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的，如果能和 MVVM 搭配使用就好了。早在之前 Angular 就支持将组件构建成 Web Compone
1. webpack基本概念 用来打包压缩文件，减小文件的大小，提高效率；（生产环境使用的，不是人能看懂的） 默认入口: ./src/index.js 入口计算 默认出口: ./dist/main.js 这里结果输出 第三方的包管理，基于nodejs的打包的包； webpack的基本使用：初始化：yarn init -y 创建一个包管理文件package
最近在优化一个前端开发框架，做好的系统，存在大量的图片上传，特别是富文本里面的图片，上传多个，很麻烦，运营说如果能够复制粘贴板的图片，就可以截图上传，就很方便了。 考虑到运营小姐姐的需求，我就花了半个小时开发了这样的一个功能。 第一步：配置粘贴【paste】具体配置项 tinymce.init({
在一个 VUE 的项目中，前端数字被显示为下面的长格式。 这个格式显然不是我们想要的。 我们需要将这一串数组进行格式化。 问题和解决 我们可以使用函数来进行解决。 定义一个方法。 dateFormat: function (date) { if (date === undefined) { return "";
在不用状态管理vuex的时候，如何让GrandFather与Son通信，我们可以用可以emit一层一层的传递:会显得冗余。 vue2.4之后，提出$attrs、$listeners ,可以实现跨级组件通信。 $listeners官网解说:事件传递 $attrs官网解说:属性传递 组件一:<two v-bind:xx="100" v-on:twoEvent="fn"></two>
属性传值 所谓的属性传值，就是父组件通过绑定属性的方法，然后子组件通过props来获取父组件的值，而属性传值的方法有两种形式： 第一种：具体的一个值（字符串，数值,布尔型） 传递的值，只会改变局部，不会改变全部的数据 第二种：传递一个引用（数组或对象）传递引用，改变一个地方的数据，所有
Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸
1.声明式导航（router-link) <router-link to="/login">登录</router-link> 2.编程式导航（$router.push|replace) params:属于路径一部分，需要占位 { path:'/search/:keyword?', component:Search, name:"search", meta:{show:true}, pro
Vue的配置代理 起因 当我直接通过axios使用百度翻译API时显示以下错误，产生跨域问题 axios.get('https://fanyi-api.baidu.com/api/trans/vip/translate',{ dataType: 'jsonp', params: { q: str,
前言 官方入门教程 :https://qiankun.umijs.org/zh/cookbook 微应用路由模式选择：location.pathname--hash demo参考 常见问题 在主应用的某个路由页面加载微应用 注意事项 主应用和各个微应用之间挂载id（app）命名尽量保持不同，避免挂载被覆盖，同时也方便调试 微应用路由应该和主应
