uni-app APP video层级 问题:uni-app写app,video组件层级很高,其他标签调z-idnex,也覆盖不了;解决:使用v-html指令解决<template> <view class="page"> <view class="container"> <view class="video"> <view class="httml" v-html="html"> </view> </view> </
uni-app 使用html2canvas.js + uqrcode.js将页面内容(包含生成的二维码)合成图片 1. 下载html2canvas<-- npm -->npm i html2canvas --save<-- yarn -->yarn add html2canvas2. 下载image-tools<-- npm -->npm i image-tools --save<-- yarn -->yarn add image-tools3. 在插件市场下载html2canvas组件也可以使用下面代码<template> &
axios封装,使用拦截器统一使用接口 1. 在src目录下创建一个utils文件夹(文件名可自取)在这个文件夹下创建request.js文件 import axios from 'axios'; import { Loading } from 'element-ui'; //使用element-ui的加载组件(看个人喜欢,也可以用别的,或者不用)2. 创建axios实例 const service = axios.create({ baseURL: '/api',//域名url timeout: 5000 }
国际化插件vue-i18n的简单使用 安装在vue项目中安装vue-i18n:npmnpm/cnpm install vue-i18nyarnyarn add vue-i18n使用在vue项目中使用vue-i18n:main.js......import VueI18n from 'vue-i18n'Vue.use(VueI18n)const i18n = new VueI18n({ locale: 'zh', messages: { 'zh': require('@/assets/lang/zh.js
vue+element-ui创建调查问卷 使用vue+element-ui制作创建调查问卷功能;代码如下:(只是一些简单功能)<template> <div class="container"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="标题"> <el-input v-model="form.name"></el-input>
git第一次提交到远程仓库与分支的合并 git第一次提交到远程仓库1. git init(初始化)2. git add .3. git commit -m '描述'4. git remote add origin 仓库地址(连接到远程仓库)5. git push -u origin 分支名创建分支上传1. git checkout -b 分支名(创建并切换到该分支)2. git add .3. git commit -m '描述'4. git push -u origin 分支名分支合并切换到主分支,然后进行合并,合并
vue 查看全部和收起组件 1. 组件书写代码如下:HTML<template> <div class="content_warp"> <div class="container"> <div class="item" :style="{fontSize: fontSize + 'px', textIndent: (fontSize*2) +'px'}" v-if="flag"> <span>{{content}}</span
vue3.x使用ref获取dom元素 1. 在vue3.x中使用ref获取dom直接上代码:<template> <div class="container"> <input ref="myRef" value="123" type="text"> </div></template>import { onMounted, ref } from 'vue'export default { setup(){ let myR
vue3.x使用vuex 在vue3.x项目中需使用vuex4.x版本;安装直接下载/CDNhttps://unpkg.com/vuexnpm /cnpm /yarnnpm install vuex@next --savecnpm install vuex@next --saveyarn add vuex@next --save项目中使用在根目录下创建store文件夹,在store文件夹下创建index.js文件,在index.js文件中书写代码,与vue2.0中使用的vuex相差不大,直接上代码:import
vue3.x使用vue-router 在vue3.x项目中,需使用vue-router版本为4.x,否则使用时将会报错;安装直接下载/CDNhttps://unpkg.com/vue-router@4npm/cnpm/yarnnpm install vue-router@4cnpm install vue-router@4yarn add vue-router@4使用首先在根目录下创建一个router的文件夹,在router文件夹下创建一个index.js的文件,最后在index.js文件下进行路由配置,配置基本和vue2.
创建vue3.x项目 使用vite创建一、什么是vitevite是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。它主要具有的特点有以下:快速的冷启动即使的模块热更新真正的按需编译二、使用vite创建vue3.0项目创建项目npmnpm init vite-app <project-name>cd <project-name>npm installnpm run dev
vue中vuex的使用 vuex是什么?vue官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。vuex的组成部分state (状态)action (动作,业务交互)mutation (修改state)getter (获取数据的)vuex的安装直接下载/CDNhttps://unpkg.com/vuexNPMnpm/cnpm install vuex --save# If using vue .
vue 模糊搜索 首先创建一个input框,用v-model双向数据绑定,方便获取input框的value值<template> <div class="home"> <input type="text" placeholder="请输入城市名称" v-model="inputValue" @input="searchValue()" /> //搜索到的内容区域 <div v-for="item in listValue" :key="item.id">
uni-app web端input(file)上传文件 创建上传文件标签<view ref="input" class="input"> 附件上传</view>// uni-app input不支持type=“file”类型所以需要js创建mounted() { // 创建附件上传 var _self = this; var input = document.createElement('input');/...
vue 上传文件 1.创建上传文件标签<input type="file" id="file" @change="changeFile()" ref="intFile" />考虑到vue要获取节点进行操作,所以给标签添加一个ref,方便获取属性并给标签添加事件2.change事件changeFile(e){ var intFile = this.$refs.intFile; this.fi...
input 上传文件 创建上传文件标签html<input type="file" name="file" title="请选择" id="file" accept="文件类型" />文件类型:例:(image/png,image/jpg,image/gif,image/JPEG)图片2.上传jsvar getFile = document.getElementById('file').f...
网站上传到服务器(上线) 当你做好一个网站,肯定是希望上线到网上让大家都能看见,而不是在本地一个人自己观看。所以我们要把网站上线。而要上线,我们就要准备一些东西,首先我们要有一个购买一个服务器(具体配置看个人,你开心就好),还可以需要一个域名(也可以直接用服务器给的公网ip访问),在阿里云、百度云、腾迅云等都可购买服务器和域名。买好服务器,我们就可以得到一个公网ip。开始上传首先,我们需要一个连接到服务器的工具,SS...
无缝连接轮播滚动效果 在vue-cli中下载swipernpm install swiper/cnpm install swiper/yarn add swiper在组件中引入import Swiper from 'swiper'import 'swiper/dist/css/swiper.css'然后实例化mounted(){ new Swiper('.swiper-container', { ...
React学习内容大纲 webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等按照webpack的指南...
Flux 传统MVC的缺陷传统MVC没有解决 M 和 V 之间的交互关系为了弥补这个缺陷,人们相处了 Flux Redux Mobx 这样三种架构思维 , 那么React只是这三种架构的一个组成部分,那么这个组成部分充当的是 View( 视图 )Flux Redux Mobx 和 MVC 是一个级别的,相比之下, vuex级别要小的多 ,但是他们解决的都是多组件状态共享问题...