横向 图表uni-app ucharts
半天时间写完一个案例，循序渐进的掌握uni-app，使用uni-app完成一个简单项目——新闻列表
一、创建项目 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app在手，做啥都不愁。即使不跨端，uni-ap ......
小程序原生 转 uni-app
1. 下载miniprogram-to-uniapp npm install miniprogram-to-uniapp -g 2. 项目下打开终端 wtu -i "你的小程序项目路径" 如：wtu -i "G:wx_project" 回车后: 在项目根目录出现一个后缀为_uni的目录 -- 就是转 ......
uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二，代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w ......
uni-app:tabbar自定义中间凸起按钮的tabbar(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar https://uniapp.dcloud.net.cn/api/ui/tabbar.html#ontabbarmidbuttontap 二，代码 1，pages ......
antd modal弹出框，渲染antv图表
弹出框的图标渲染获取不到dom，所以不能直接渲染，需要先判断Modal弹出框dom节点加载完成后，才能开始渲染。。。。。 快下班了，直接上全部代码，不解释了 <template> <a-modal v-model:visible="visible" :destroyOnClose="true" ti ......
uni-app框架
1. uni-app简介 uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端，uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。 2 ......
react设置滚轮横向滚动
1.准备 import React, { useRef, useEffect } from 'react'; const useHorizontalScroll = ({ children, ...layoutProps }) => { const elRef = useRef(); useEffe ......
echarts柱状图表数据过多显示滚动条效果
1.背景描述： 图表数据过多，需要展示滚动条方便查看剩余数据 2.效果展示： 关于截图中左下角伪类样式：<div class="chart-container"> <div class="chart" id="myChart"></div> <div class="chart-footer"></d ......
Echarts图表管理方式总结
由于最近项目图表非常多，而且很多都是有共性的，于是摸索除了一套便于管理的图表配置方式。 一种是处理共性的，可参考下方的1,2,3,4 一种是处理特殊性的，可参考下方的5， 其实两种方式可以共用。 1.基本样式模块化 把一些常用的属性一块一块写好。下面举一些例子 | 名称 | 示例 | | | | | ......
四轮独立驱动汽车自动轨迹跟踪+横向稳定性控制 CarSim与Simulink联合
四轮独立驱动汽车自动轨迹跟踪+横向稳定性控制 CarSim与Simulink联合 控制目标为对给定轨迹进行跟踪(不带轨迹规划)同时进行横向稳定性控制 上层控制器为MPC控制器，输出为附加横摆力矩和方向盘转角,采用了二自由度车辆模型 MPC控制器采用代码编写，原理一目了然 将MPC问题转化为了二次规划 ......
css实现横向滚动文字
css如何做横向滚动文字 在css中，想要实现横向滚动的文字，需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果，通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样 ......
uni-app:微信小程序:预加载字体文件(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/api/ui/font.html 二，js代码： 1,app.vue <script> export default { onLaunch: function() { console.warn('当前组件仅支持 uni_m ......
一个有效的图表图像数据提取框架
建立了可以有效地处理各种图表数据，而不需要做出启发式的假设的鲁棒 Box detector 系统；提出了一种网络来测量图例匹配阶段图例和检测元素之间的特征相似性；提供了一个关于从信息图表中获取原始表格的 baseline，并发现了一些关键的因素来提高各个阶段并发现了一些关键的因素来提高各个阶段的性能... ......
什么是横向扩展「Scale-out」和纵向扩展「Scale-up」？
横向扩展英文简称：Scale Out，全称：Scale horizontally，横向扩展，向外扩展。 纵向扩展英文简称：Scale Up，全称：Scale vertically，纵向扩展，向上扩展。 不管横向扩展还是纵向扩展都是一种架构的概念。 横向扩展：比如可以增加一台节点/机器 比如：mysq ......
微信小程序横向滚动
效果图： wxml： <view class="box2"> <view class="box21">- 近期推荐 -</view> <view class="hotService"> <view class="hotServiceList_box"> <!-- 这里为滚动的内容部分 --> <sc ......
js实现界面文字无缝横向滚动(轮播、跑马灯)
效果图： 1、HTML <div class="t3"> <div id="wrapper" class="wrapper"> <div id="marquee"> <span id="marqueeContent"></span> </div> </div> </div> 2、CSS .t3 { ......
uni-app:button中添加图片/图标时与文字对齐(hbuilderx 3.7.3)
一，js代码： 1,html： <!-- 语音音阶动画 end--> <button class="btn" @click="goRecord"> <uni-icons :type="micType" size="30"></uni-icons> {{title}} </button> <view ......
微信小程序uni-app开发中遇到的踩坑一二三事
兼容问题 开发者工具中正常显示，在手机上运行时却出现问题 举例： tab切换效果，默认第一个tab是激活状态，后面的是未激活状态，初始化是正常的（这里的激活状态与其他初始状态的区别在于字体颜色不一样，添加一个class控制样式） 问题：切换，当前点击激活的是正常的，其他的都无法显示，开发者工具上可正 ......
Uni-app使用socket.io进行开发.浏览器端没有问题,打包成APP存在问题
重写 socket.io-client 的 engin.io-client 处理件，h5 依旧使用原生 WebSocket，APP 与小程序使用 uni-app 的 WebSocket 协议，所以 h5 端任然可以支持长轮询等方式，APP 与小程序只能支持 WebSocket 协议。 https:/ ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中，网上找了一些轮子都不是很好用，决定自己写一个，话不多说，开撸 先上效果如下，点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
教你在HbuilderX上使用模拟器运行uni-app,良心教学！！！
文章目录一、下载安装HbuilderX和逍遥模拟器（准备工作） 二、添加adb.exe到环境变量 三、在HbuilderX中连接模拟器 一、下载安装HbuilderX和逍遥模拟器（准备工作） 1.下载安装HbuilderX HbuilderX官网链接：https://www.dcloud.io/hb ......
uni-app中左滑右滑页面
在H5项目中有时候会遇到左滑右滑的问题，左滑去上一个页面，右滑去下一个页面 通过以下代码即可实现 <view @touchstart="touchStart" @touchend="touchEnd"></view> 下边是js touchStart(e){ if (e.touches.length ......
uni-app的基本使用
b站视频地址：https://www.bilibili.com/video/BV1BJ411W7pX/?spm_id_from=333.337.search-card.all.click 基础部分： 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在 ......
web图表
example:https://echarts.apache.org/examples/zh/index.html doc:https://echarts.apache.org/zh/api.html#echarts ......
内网横向之代理搭建
最近在学习过程中涉及到了内网横向的代理搭建方面，那就顺便写个博客稍作记录一下吧~ ##0x00 涉及知识和工具 ####1.socks 采用socks协议的代理服务器就是SOCKS服务器，是一种通用的代理服务器。通常在组织内部会有自己专用的网络, 该网络与公共网络 (如 Internet) 是隔离的 ......
uni-app 实现市级定位
uni-app 实现市级定位 <template> <view class=""> </view> </template> <script> export default { data() { return {}; }, onLoad(option) { const self = this; sel ......
uni-app中的input限制输入两位小数
<input v-model="inputAmount" type="digit" @input="replaceInput" /> replaceInput(event) { // 必须在nextTick中 this.$nextTick(() => { this.inputAmount = eve ......
使用uni-app写小程序，解析含有html标签的富文本
最近在改一个项目，将html+js+css的项目改成小程序，我说使用的uni来写的，其中遇到一个问题，就是需要解析富文本，在vue中可以直接使用v-html， 但是小程序中的标签都是view，text以及image等，该怎么办呢 于是在uni官网找到插件u-parse <u-parse :conte ......