随笔分类 - 框架之vue，react
摘要：1、首先我们看示例图： h5： pc: 2、我们开始做第一步就是装依赖：yarn add vue3-qr-reader 或者 npm install vue3-qr-reader 我记得装完后还需要装一个 yarn add -D sass 3、封装一个组件公用：组件位置你们自己定 我写在了compo
阅读全文
摘要：前言 您是不是有如下疑惑。 开发数据大屏不能完全自适应？ 使用rem自适应还需要注意单位很麻烦？ 有没有那种随便我怎么写都能够完全自适应的？ 有没有那种用最少的代码最简单的方法实现完全自适应？最好是不需要我用脑子去思考的那种方法。 有 使用scale适配大屏。实现数据大屏在任何分辨率的电脑上均可安然
阅读全文
摘要：1、需求： 要写一个讨论区的h5页面，当然包含了输入框并且输入框限制字符数 30 个，测试发现在ios手机输入emoji表情后输入框内就会超出所限制的字符长度，（说白了就是只要输入表情就会超出原有的30个字符） 这里呢 我们可以从两个方面去研究，第一：要么直接限制输入表情；第二：想办法计算得出表情的
阅读全文
摘要：页面添加监听 mounted () { if (window.history && window.history.pushState) { // 向历史记录中插入了当前页 history.pushState(null, null, document.URL); window.addEventList
阅读全文
摘要：使用的场景：欲做一个直播间，并且拉流地址支持 .flv、.m3u8、mp4。同时播放控件需要自定义，支持直播回放、直播时移、微窗显示。 其次，捎带记录一下讨论区功能。 期间使用了 video-player (.flv 格式的直播暂时不支持播放) aliplayer （这个忘记是什么原因了总之也没用成
阅读全文
摘要：H5页面是由uni-App框架开发的，有想了解的可以先了解下uni-App这个框架：https://uniapp.dcloud.io/README。（用来写H5自我认为很方便。） uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、W
阅读全文
摘要：1、uniapp上拉加载，下拉刷新 onPullDownRefresh() { //下拉的生命周期 this.init() }, onReachBottom() { //上拉的生命周期 this.init() }, 2、h5页面与android(WebViewJavascriptBridge) /
阅读全文
摘要：1、下载vue-quill-editor npm install vue-quill-editor 2、两种引用方法，全局引用和局部引用 vue-quill-editor 介意全局 为了方便 全局引用 import Vue from 'vue' import VueQuillEditor from
阅读全文
摘要：大家应该对他很熟悉，是的就是过滤器，但是我对他还真是用的不多， 直到今天项目里牵扯到一个数组更新页面没发生变化，想解决办法的时候在别人的代码里看到filter奔着尝试的想法试一试 没成想确实解决掉了，可能是我还是有些菜。 之前也不知道怎么解决类似的问题，忘记了 ，但是今天既然用到它了就记录一下 ，
阅读全文
摘要：父组件传参给子组件 父组件： 子组件引入父组件注册后当做标签的形式挂载 <子组件 :xxx="传递的参数"></子组件> 子组件： 利用props接收 props:{} vue 子组件使用$emit传参给父组件 方法一： 子组件： this.$emit('xxx', 参数) 父组件： <子组件 @x
阅读全文
摘要：首先展示一下效果页面 将标签存放在Tags.vue，使用组件传值进行切换。增加keep-alive缓存机制 1、在home页面或主页面注册tabs组件 1 <el-main style="background-color:#eaedf1"> 2 <!-- 标签组件 --> 3 <tabs></tab
阅读全文
摘要：//来自一个大佬的恩赐 var pass_rate = 70,average = 60,total = 100; option = { tooltip: { show:false, trigger: 'item', formatter: "{a} : {c} ({d}%)" }, // color:
阅读全文
摘要：当我们在写项目的过程过可能会有遇到接口层级拼接拿取数据的过程，这个时候我们就用到JSONPath首先分析下这个过程： 1、我们可能会通过表单的方式添加一些字段，信息。然后将其传回后台数据库保存 2、这个时候我们就会添加一个esField字段用于储存字段路径。 3、在另一个需要展示的页面将这个字段路径
阅读全文
摘要：基于renren-fast开源项目 下边的四个标签使我们常用的，列出来以示区分 在<el-menu>中需要--:default-active="this.$route.path"。用来绑定路由表 在<el-menu>中需要--router 或者router=true 在<el-submenu>中的i
阅读全文
摘要：以下是我转载的文章，大概看了下对于服务器代理讲的很全面很适合大众朋友们，易懂。 博主文章链接：https://www.jianshu.com/p/a2e3147c2af2 我们在使用 vue-cli 工具生成 vue 项目时 vue init webpack my-project-vue 在生成的项
阅读全文
摘要：1、首先找到合适图标，然后点击添加入库，接着点击右上角的购物车图标。 2、你刚才选择的图标就能在侧边栏看到了，选择要加入的项目（提前建好的项目），点击确定。 3、进入我的项目页面，就能看到所有选择好的图标，点击下载至本地按钮。 4、文件解压后，将所有文件复制到如下目录。 5、在main.js文件里引
阅读全文
摘要：这是效果 首先我们在vue项目中安装依赖 npm install v-viewer --save 接下来我们找到项目中的main.js import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) Vi
阅读全文
摘要：<div class="deit"> <div class="crumbs"> <el-breadcrumb separator="/"> <el-breadcrumb-item><i class="el-icon-date"></i> 数据管理</el-breadcrumb-item> <el-b
阅读全文
摘要：首先说明一下v-shou和v-if的区别 相同点：v-if与v-show都可以动态控制dom元素显示隐藏 不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 需要注意的是，当一个元素默认在css中加了displ
阅读全文
