m0_37653407-CSDN博客

在main.dart文件中加入import 'dart:io';import 'package:flutter/services.dart';void main() { if (Platform.isAndroid) { // 设置Appbar上面的电池显示的状态栏的背景与颜色 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colors.transp

2022-03-02 11:19:15 1608

原创【无标题】error: protocol fault (couldn‘t read status): Connection reset by peer

问题原因大多数情况是5037端口被占用。5037为adb默认端口。解决办法：查看哪个程序占用了adb端口，结束这个程序，然后重启adb就好了。使用命令：netstat -aon|findstr “5037” 找到占用5037端口的进程PID。使用命令：tasklist|findstr “5440” 通过PID找出进程。调出任务管理器，找到这个进程，结束进程。使用命令:adb start-server 启动adb就行了。...

2022-01-07 15:26:59 2102

原创【无标题】flutter项目在模拟器上无法运行

flutter项目在模拟器上flutter run时一直卡在Installing build\app\outputs\apk\app.apk，flutter run -v时Waiting for observatory port to be available…所有可能情况我出现这个情况是因为，android——》app——》src——》main——》AndroidManifest.xml文件<application>中，加了android:name=".MainApplication"属性

2022-01-07 10:10:24 2050

原创实现文字跑马灯的两种方式

实现文字跑马灯的两种方式1. html实现使用 marquee 标签，配合它的一些属性，可以实现功能强大的跑马灯文字，<marquee> 跑马灯 html实现 </marquee>但是，这个 marquee 标签，并没有被W3C标准录入，也就是在未来的某个时候，它可能会被弃用，请慎用为什么这么好的东东，不被认同呢？在W3C标准中,规定功能性分离。分成为结构、样式、行为三个部分，这三个部分分别包括了，结构（xHTML、XML），样工（CSS），行为（DOM、EC

2021-09-02 17:11:47 859

原创 vue element ui表单验证不通过，滚动到页面上第一个验证失败的输入框位置

vue element ui表单验证不通过，滚动到页面上第一个验证失败的输入框位置this.$refs['refName'].validate((valid, object) => { if (valid) { // valid Boolean true||false // 正常处理 } else { this.scrollView(object) }})// 滚动到固定地方scrollView(object) { for (const i in object) {

2021-04-29 15:33:54 314

原创 vue 多组件之间拖拽排序

vue 多组件之间拖拽排序// 这样，就实现了既能上下列内拖拽，又能左右跨列拖拽<template> <div> <vuedraggable class="left" v-model="list1" group="people" :options="dragOptions"> <transition-group tag="div"> <div v-for="item in list1" :key="item

2021-04-16 09:21:39 399

原创 vue中，swiper（vue-awesome-swiper）与echarts结合使用，echarts有些图不显示问题

vue中，swiper（vue-awesome-swiper）与echarts结合使用，echarts有些图不显示问题echarts绘制的图不显示是因为，swiper的loop设置为true了。因为swiper的loop模式：会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环的。所以复制出来的slide导致原本设置的echarts的id不在是唯一的，echarts绘制的图也就显示不出来了。解决方案：let myEchart = document.get

2021-01-22 16:21:19 2409 4

原创 vue中使用多个swiper（vue-awesome-swiper）

vue中使用多个swiper（vue-awesome-swiper）1、关于vue-awesome-swiper的使用，参照VUE中使用vue-awesome-swiper2、使用多个swiper为每个swiper定义一个自己的swiperOption变量，:options时一一对应刚才定义的变量，当有前进后退按钮时，swiperOption的navigation的前进后退按钮定义相应的class名称，记得将HTML中前进后退按钮的class中添加与之相应的class名称。例如：js部分：da

2021-01-22 15:00:48 2618

原创 css设置背景图片模糊，文字清晰展示

css设置背景图片模糊，文字清晰展示使用filter: blur来实现，blur的值越大越模糊html：<div class="box"> css设置背景图片模糊，文字清晰展示</div>css样式：.box { width: 100px; height: 300px; position: relative;}.box::after { content: ''; position: absolute; width: 100%; height: 100

2021-01-06 17:25:28 2011

原创 vue-cli项目关闭eslint检查

vue-cli项目关闭eslint检查配置vue.config.js文件module.exports = { lintOnSave: false}

2020-12-01 12:19:11 128

原创 vue编译报错JavaScript heap out of memory，node内存溢出，Exit status 134

报错：0 info it worked if it ends with ok1 verbose cli [ 'D:\\Program Files\\nodejs\\node.exe',1 verbose cli 'D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',1 verbose cli 'run',1 verbose cli 'dev' ]2 info using npm@6.9.03 info usi

2020-10-22 14:53:17 11588 2

原创 div中多行文字，要求第几行超出显示......

一个div中含有多行文字，要求第几行文字超出显示…div { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //（显示......的第几行数）}

2020-10-10 14:50:20 609

原创 content-type

content-typehttps://tool.oschina.net/commons

2020-09-28 15:23:14 59

原创 window.print()打印时设置背景色无效

只需在需要加背景色的dom元素样式中加上-webkit-print-color-adjust: exact; 即可，若还是不显示，给背景色加上!important；

2020-09-03 17:42:36 1919

转载 js中~~和 | 的妙用

双~的用法~~它代表双非按位取反运算符，如果你想使用比Math.floor()更快的方法，那就是它了。需要注意，对于正数，它向下取整；对于负数，向上取整；非数字取值为0，它具体的表现形式为：~~null; // => 0~~undefined; // => 0~~Infinity; // => 0--NaN; // => 0~~0; // => 0~~{}; // => 0~~[]; //

2020-07-24 10:38:05 76

原创 Vue路由缓存

Vue路由缓存<keep-alive> <router-view></router-view></keep-alive>

2020-06-23 18:07:36 141

原创 JS中some(), every()

JS中some(), every()every()与some()方法都是JS中数组的迭代方法，只返回布尔值。every()判断数组中是否每个元素都满足条件只有都满足条件才返回true；只要有一个不满足就返回false；some()判断数组中是否至少有一个元素满足条件只要有一个满足就返回true只有都不满足时才返回false// 判断数组arr1是否全是偶数// 判断数组arr2是否至少有一个偶数 var arr1=[1, 2, 3, 4, 5];var arr2=[1, 4,

2020-06-19 15:33:56 282

原创 includes

includes() 方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true，否则返回 false。注意： includes() 方法区分大小写。

2020-06-19 15:32:01 137

原创元素水平垂直居中

父元素：.parent { display: flex;}子元素：.parent div { margin: auto;}

2020-06-15 17:22:33 82

转载 Vue中 computed、methods和watch的区别

一、computed 和 methodscomputed是计算属性，methods是方法，都可以实现对 data 中的数据加工后再输出。不同的是 computed 计算属性是基于它们的依赖进行缓存的。计算属性 computed 只有在它的相关依赖发生改变时才会重新求值。这就意味着只要data 中的数据 message 还没有发生改变，多次访问 reversedMessage（对message 进行加工的处理函数）计算属性会立即返回之前的计算结果，而不必再次执行函数。而对于method ，只要发生重新渲

2020-06-12 17:18:01 885

空空如也

空空如也