sunnnnh的博客

描述给你一个长度为n 的字符串数组strs , 编写一个函数来查找字符串数组中的最长公共前缀，返回这个公共前缀。思路：对字符串数组进行排序; 然后只要比较首尾两个字符串; 找出首尾两个字符的最长公共前缀即可；/** * * @param strs string字符串一维数组 * @return string字符串 */function longestCommonPrefix( strs ) { if(!strs.length) return ""...

一、安装echarts必须安装的插件：npm i echarts -S若想按照正常的组件引用方式 来引入echarts，需再安装vue-echartsnpm i vue-echarts -Svue-echarts是基于echarts封装实现的一个组件库，直接按照正常的组件引用方式，安装引用即可二、引入2.1 全局引入（1）在main.js中配置import echarts from 'echarts' //引入echartsVue.prototype.$ec..

为了保证获取的图片不变形，使用video真实宽高的比值 来设置获取图片的宽高：var canvas= document.querySelector('canvas');var ctx = canvas.getContext("2d");var video = document.querySelector('video');let width = this.videoWidth; //video的真实宽let height = this.videoHeight; //video的真实高le

(18条消息) vue项目移动端、pc端适配方案_清虚桂意的博客-优快云博客_vuepc端适配

<div class="btn" :class="{'active':isChoose}" @click="togglePay"></div> data(){ return { isChoose : false }}, methods:{ togglePay:function(){ this.isChoose = !this.isChoose }}

<el-menu class="el-menu-vertical-demo" :collapse="isCollapse" @open="handleOpen" @close="handleClose"> ...</el-menu>（1）添加垂直滚动条.el-menu-vertical-demo{ overflow-y: scroll;}（2）取消水平滚动条为el-menu添加宽度，避免出现水平滚动条； 同时，为了能够实现折叠，只在未折叠的情况下.

打包步骤：执行npm run build进行打包 将生成的dist文件夹交给后端即可遇到的错误：访问dist下的index.html，页面空白，报错页面找不到 解决： 修改config/index.js中的assetsPublicPathbuild: { assetsPublicPath: '/',}修改为build: { assetsPublicPath: './',}访问dist下的index.html，背景图片不显示，报错找不到图片 解决...

一、安装插件项目根目录下安装typescript及loadernpm install typescript ts-loader --save-dev安装vue-property-decoratornpm install vue-property-decorator --save-dev二、修改vue.config.js添加 configureWebpack: { resolve: { extensions: [".ts", ".tsx", ".js", ".js.

1. 将数组items中，第一条数据的message值修改为 one1 new Vue({ el: "#vue", data: { items: [ { message: "one", id: "1" }, { message: "two", id: "2" }, { message: "three", id: "3" }, ], },})2. 使用Vue.set()

修改el-tooltip的样式，代码如下： .el-tooltip__popper { max-width: 60%!important; //宽度可根据自己需要进行设置 }注意：需写在公共样式表中，若写在同页面的<style scoped> </style>中不会生效。参考：(15条消息) element ui table tooltip设置宽度_伍六七-优快云博客_el-tooltip设置宽度...

目录1）首先安装三个依赖2）引入两个js文件3）修改Export2Excel.js文件中，引入Blob.js的路径4）表格数据5）点击导出表格按钮时，调用方法export2Excel6）完整的Home.vue文件1）首先安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader注意：在项目根目录下安装2）引入两个js文件在src目录下，新建excel文件夹，将Blob.js..

当我们使用vue开发时经常会遇到当vue实例已经创建好了，有时候需要再次给数据赋值时，并不能在视图中改变原因：直接通过下标改变数组，Vue将不会监听到数据的改变解决方法： 使用Vue.set()修改列表内容Vue.set(list, index, value)参数1 list： 要修改的对象参数2 index： 属性(下标)参数3 value： 属性的值(该下标所对应的值)返回值：已经修改好的值注意：会直接改变原来list的值例如：将items中下标1处的值 修改为eVu..

1、自定义校验规则参考：(14条消息) 对element的表单进行验证和限制（自定义验证规则）_阮俊维的博客-优快云博客2、修改校验提示信息样式查看F12后发现是el-form-item__error类选择器控制的，但是在当前页面引用这个类选择器重写样式并不会生效（1）css中：用 深度作用选择器 >>>（仅作用与css）（2）sass/less：需要用 /deep/ 选择器：/deep/ .el-form-item__error { }...

1、媒体查询 @media1.1 @media常用参数常用的是宽度参数；（1）device-width、device-height 适用于移动端根据移动端屏幕的宽度范围，设置不同的样式（device-width）例：根据宽度，设置不同的背景颜色可以不写screen and（2）width、height适用于浏览器端根据浏览器可视的宽度范围，设置不同的样式（width）1.2 媒体查询其他的引入方式（1）写在style标签（需要写多个style...

调用本地摄像头，获取流媒体数据 将摄像头中的视频流同步到video标签src 使用canvas创建视频片段照片。不将其渲染到页面，主要是通过canvas将截图的图片传到后端（1）进入 录入人脸页面后，调用本地摄像头（2）点击识别按钮时，会截图视频中的某一帧（截图图片），发送给后台，即file...

一、videoVideo 是 HTML5 中新增的标签，使用 Video 标签可以播放 ogg、mp4、webm 等格式的视频，Video 标签的引入，减少前端页面对 Flash 动画的依赖。1.1 video内部标签：<source>在video中嵌入视频(1) 不使用<source>：当页面载入时，会引用 movie.mp4 文件，如果浏览器无法支持 HTML5，则会提示 Video 中的内容。 <video src="/movie.mp.

一、package.json文件（1）作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。（2）创建：package.json 文件创建有两种方式，手动创建或者自动创建。手动创建 直接在项目根目录新建一个 package.json 文件，然后输入相关的内容。 自动创建 也是在项目根目录下执行 npm init，然后根据提示一步步输

1）问题：一直没修改的项目，访问页面时，提示未登录，并重复的自动刷新。2）原因：没有携带cookiesamesite是chrome推出的针对cookie的新属性，有三种格式1、Strict最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。2、Lax规则稍稍放宽，大多数情况也是不发送第三方 Cookie，但是导航到目标网址的 Get 请求除外3、Chrome 计划将Lax变为默认设置。这时，网站可以选择显式关闭SameSite属性，将其设为None。不过

一、什么是vuex注意：在导入·vuex之前，必须先导入vuevuex解决的问题：二、获取vuex对象中state的共享数据（state）vuex中的state相当于组件中的data，就是专门用于保存共享数据的（1）访问vuex中共享数据的前提，在祖先组件中保存vuex对象（2）访问state中的属性值访问state中msg属性值，不能通过普通的插值方式{{}}访问访问state中msg属性值的正确方式：{{this.$store.state.msg.