- 博客(23)
- 收藏
- 关注
原创 在Vue中生成自定义海报
点击按钮后,generatePoster方法会被触发,它使用html2canvas将.poster元素转换成canvas,然后通过toDataURL方法将canvas转换成一个可以下载的图片链接。注意:实际应用中可能需要处理异步问题、错误处理、性能优化(例如懒加载海报或者在用户确认下载之前不进行转换)以及国际化、访问权限等其他方面的需求。注意:实际应用中可能需要处理异步问题、错误处理、性能优化(例如懒加载海报或者在用户确认下载之前不进行转换)以及国际化、访问权限等其他方面的需求。
2024-05-29 11:58:35
700
2
原创 ECHARTS-饼图渐变
饼图渐变drawLine4() { let myChart4 = this.$echarts.init(document.getElementById("myChart4")); let option = { tooltip: { trigger: 'item' }, legend: { top: '5%', left: 'center' }, series: [
2021-06-01 09:40:17
8587
1
原创 ECHARTS-折线详解
option = { backgroundColor: '#fff', // 背景颜色 title: { //标题 text: '堆叠区域图', //主 subtext: '数据来自网络', // 副 textStyle: { //标题样式 color: '#00F6FF', fontSize: 24 }, subtextStyle:{ //副.
2021-05-28 10:54:52
1142
原创 vue3.0版本安装/Vue3安装
1、安装git工具便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装(建议安装git工具)http://git-scm.com/2、安装node检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入:np
2021-05-11 11:32:59
2294
1
原创 App常见面试题
**前言**现在面试个测试岗位,都是要求全能的,web、接口、app啥都要会测,那么APP测试一般需要哪些技能呢?面试app测试岗位会被问到哪些问题,怎样让面试管觉得你对APP测试很精通的样子?本篇总结了app测试面试时候经常被问的10个相关问题1.什么是activity?2.Activity生命周期?3.Android四大组件?4.app测试和web测试有什么区别?5.android和ios测试区别?6.app出现ANR,是什么原因导致的?7.App出现crash原因有哪些?8.
2020-09-01 18:46:10
4083
原创 Echarts简介
一.简述数据可视化技术什么是数据可视化技术借助图形化的数段,清晰有效的传递和沟通信息,以视觉的方式展现数据,便于用户的认知,偏于图表的样式,相对于文字说明更加直观科学可视化(出现最早,最成熟)处理科学数据,面向科学和工程数据方面,研究带有空间坐标和几何信息的三维空间,如何呈现数据中的几何特征主要面向自然科技中产生数据的建模操作和处理应用于医疗(透析,CT),科研,航天,天气,生物等技术信息可视化(更常见,接触更多)科学可视化演变而来,主要处理非结构化,非几何的数据金融交易,社交网络,文本数
2020-08-25 18:10:20
9647
原创 前端面试小总结
微信小程序:1.微信小程序目录结构:Project.config.json项目配置文件;App.js设置一些全局的基础数据等;App.json底部tab,标题栏和路由等设置;App.wxss公共样式;Pages里面包含一个个具体的页面;Index.json(配置当前页面标题和引入组件等);Index.wxml(页面结构);Index.wxss(页面样式表);Index.js(页面的逻辑,请求和数据处理等)2.wxhl和html的区别:都是用来描述页面的结构;都由标签和属性构成;标
2020-08-16 13:54:31
183
原创 js拖拽用到的事件
拖拽会用到哪些事件dragstart:拖拽开始时在被拖拽元素上触发此事件,监听器需要设置拖拽所需数据,从操作系统拖拽文件到浏览器时不触发此事件.dragenter:拖拽鼠标进入元素时在该元素上触发,用于给拖放元素设置视觉反馈,如高亮dragover:拖拽时鼠标在目标元素上移动时触发.监听器通过阻止浏览器默认行为设置元素为可拖放元素.dragleave:拖拽时鼠标移出目标元素时在目标元素上触发.此时监听器可以取消掉前面设置的视觉效果.drag:拖拽期间在被拖拽元素上连续触发drop:鼠标在拖放.
2020-08-13 09:55:37
733
原创 vue-axios和vue-Echarts
vue-axios1、安装:(1).首先使用visual Ctudio Code新建一个vue项目。(2).打开终端在终端输入以下命令:cnpm install --save axios vue-axios2、在main.js引用:import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios)3、 在对应需要的的组件中写js代码: //用来在一个实例被创建之后执行代码create
2020-07-27 14:42:00
976
原创 Vue router---路由器
第一步1、安装:npm install vue-routercnpm install vue-routeryarn add vue-router2、在新建router.js中引用如下代码:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)3、在src中新建views文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue<template> <
2020-07-24 11:37:52
197
原创 Vue------传值方式:父传子、子传父,组件传值
Vue 传值方式:我先给大家介绍Vue开发中常用的二种传值方式。Vue常用的二种传值方式有:父传子子传父这两种方法都很常用。1. 父组件向子组件进行传值父组件:<template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="n
2020-07-23 12:17:56
176
原创 Vue 条件渲染&列表渲染&事件处理&表单绑定
Vue 条件渲染v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。<h1 v-if="awesome">Vue is awesome!</h1>也可以用 v-else 添加一个“else 块”:<h1 v-if="awesome">Vue is awesome!</h1><h1 v-else>Oh no ????</h1>在 template 元素上使用 v-
2020-07-22 16:44:10
568
原创 Vue--生命周期
Vue 生命周期一共8各阶段:1.beforeCreate(创建前)2.created(创建后)3.beforeMount(载入前)4.mounted(载入后)5.beforeUpdate(更新前)6.updated(更新后)7.beforeDestroy(销毁前)8.destroyed(销毁后)vue第一次页面加载会触发的钩子函数如下:beforeCreatecreatedbeforeMountmountedDOM渲染在哪个周期中就已经完成:mountedmounted
2020-07-22 16:13:31
228
原创 VUE安装教程
1、安装git工具便于在wind电脑上操作命令行,自行在网上下载安装,可以不安装(建议安装git工具)2、安装node检查node安装是否成功,在git工具中输入node -v3、检查npm是否安装成功在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)4、cnpm安装参考网站:https://developer.aliyun.com/mirror/NPM?from=tnpm在git工具中输入:npm install -g cnpm --
2020-07-22 10:39:59
312
原创 在微信小程序中使用 ECharts
下载https://echarts.apache.org/zh/download.html为了兼容小程序 Canvas,我们提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。首先,下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。其中,ec-canvas 是我们提供的组件,其他文件是如何使用该组件的示例。ec-canvas 目录下有一个 echarts.js,默认我们会在每次 echarts-for-weixin 项目发版的时候替换成最新版的
2020-07-16 10:18:33
702
原创 微信小程序 Vant Weapp自定义组件的使用
Vant Weapp自定义组件的安装通过 npm 安装npm i @vant/weapp -S --production通过 yarn 安装yarn add @vant/weapp --production安装 0.x 版本npm i vant-weapp -S --production引入组件以 Button 组件为例,只需要在app.json或index.json中配置 Button 对应的路径即可:// app.jsonList item“usingComponents”: {
2020-07-09 15:29:51
1024
转载 lvs nginx简介
lvs和nginx都可以用作多机负载的方案,它们各有优缺,在生产环境中需要好好分析实际情况并加以利用。首先提醒,做技术切不可人云亦云,我云即你云;同时也不可太趋向保守,过于相信旧有方式而等别人来帮你做垫被测试。把所有即时听说到的好东西加以钻研,从而提高自己对技术的认知和水平,乃是一个好习惯。下面来分析一下两者:一、lvs的优势:1、抗负载能力强,因为lvs工作方式的逻辑是非常之简单,而且工...
2019-03-31 21:29:18
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人