自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 node.js搭建开发环境及构建项目 for mac

node.js搭建开发环境及构建项目 for macnode.js环境搭建安装cnpmcpnm全局安装vue-cli新建项目node.js环境搭建1、打开官网下载相应系统安装包,mac下载pkg2、双击安装,执行下一步,到完成3、运行node -v 查看node版本4、运行npm -v 查看npm版本安装cnpm由于资源的限制,安装npm依赖包的时候经常失败,建议使用npm的国内镜像cnpm 命令行工具代替默认的npm。npm 国内镜像 https://npm.taobao.org/在命令

2021-07-07 17:17:08 419

原创 事件委托&判断鼠标是否点击到元素外部区域

此文章讲解的是事件委托的基本概念和原理实现;以及拓展到的常见场景问题“判断鼠标是否点击到元素外部区域”。一. 事件委托1.概念事件流:事件捕获阶段(外至内)–>处于目标阶段(事件响应到触发事件的最底层元素上)–>事件冒泡阶段(内至外,默认false冒泡)事件委托:将一个元素的绑定事件委托到另一个 元素上优点:减少内存的消耗、动态绑定事件2.场景问题一个ul下有十个li,需要每次点击li标签的时候,打印出被点击的li的innerHTML文本内容,如何做?3.代码实现人们最常见的惯

2021-04-16 15:21:23 2976

原创 Dart中的消息机制

Dart中的消息机制介绍执行顺序参考资料介绍在Dart中,每个线程都运行在一个叫做isolate的独立环境中,它的内存不和其他线程共享,它在不停干一件事情:从事件队列中取出事件并处理它。整个isolate会有两个队列事件队列event:用来处理外部的事件,如果IO、点击、绘制、计时器(timer)和不同 isolate 之间的消息事件等。微任务队列Microtask:处理来自于Dart内部的任务,适合用来不会特别耗时或紧急的任务,微任务队列的处理优先级比事件队列的高,如果微任务处理比较耗时,会导致事

2020-07-14 19:39:14 319

原创 Dart使用tts_help播放文字

1.下载配置插件tts: ^1.0.2在pubspec.yaml配置tts: ^1.0.2,然后pub get2.新建一个dart文件(tts_helper.dart),代码如下:// An highlighted blockimport 'package:tts/tts.dart';import 'dart:async';import 'dart:io';/// Singleton tool class for tts/// Use TtsHelper step://////

2020-07-08 14:46:50 370

原创 Dart中String与base64的相互转换

导入项目中遇到了需要String转base64的问题,辗转反侧找到答案,还失败了,可能是Dart之后更新之后,原来的方法不能用了,为了避免在这个小问题上耗时,特写一个blog来协助大家。方法// An highlighted blockimport 'dart:convert';...String _curImage = "https://pcdn.flutterchina.club/imgs/book.png";/// String-->List<int>-->bas

2020-07-07 19:23:16 3117 1

原创 Dart中异步编程之Future await async的使用

基本理论Future定义的函数,表示内部有耗时操作,当执行到耗时操作时,返回Future,从而使得调用该方法的外层方法不去理会该耗时操作继续执行后面的代码避免阻塞;await等待耗时操作,Future内部造成阻塞,运行完成后才会执行Future的外层方法;出现await的方法必须用async修饰,在调用时使用await表示让这个方法去同步执行,如果不使用那么就异步执行。规则:定义async的函数,必须在函数体之前使用关键字async;await关键字的使用只用在async的函数中示例示例1 无耗时

2020-07-07 15:33:55 411

原创 Flutter获取状态栏高度

获取状态栏高度不同手机尺寸的屏幕的状态栏高度不一致,需要获取状态栏高度,设置上边距:// An highlighted blockimport 'dart:ui';MediaQueryData.fromWindow(window).padding.top //这个就是状态栏的高度使用时候设置上边距:// An highlighted blockreturn Scaffold( body:Container( padding: EdgeInsets.only(top: MediaQ

2020-06-30 14:19:55 4203

原创 list中改变值,setState无法刷新小部件【解答】

今天刷Flutter社区的时候,碰巧看到了一个这样的问题,回想了一下自己最近一个月也遇到不少关于setState无效的问题,请教了下同事,果然姜还是老的辣,哈哈~引入问题:https://www.oschina.net/question/139706_2315736(以上链接就是别人的问题,此处就不另外把问题描述一遍了,大家从上面链接查看原问题把!)原因:父widget用到子widget时,第一次使用时,会执行子widget中声明的构造函数,之后就不会执行了,但是子widget的build还是会执行的

2020-06-29 20:50:08 2575

原创 Android Studio双栏(双编辑框)查看

点击:Window–>Editor Tabs–> Split Vertically

2020-06-23 16:04:17 1181

原创 Flutter图片和第三方图标使用

一 图片1.下载,存到自己新建的images文件夹中;2.yaml文件中配置,在yaml中所有的配置都是有参考的assets: - images/logo.jpg - images/lake.jpg - images/honor.jpg - images/comments.jpg - images/back.jpg3.使用Image.asset( "images/logo.jpg", width: 100, height: 100, fit: BoxFit.

2020-06-23 14:49:33 605 2

原创 Flutter实现中间滑动,底部固定

简介:flutter搭建组件写界面时,经常会遇到界面中间滑动,底部固定的需求,这里与AppBar和BottomNavigationBar区分开来,两者的功能和适用情况是不一样的,BottomNavigationBar是适用于底部导航栏的。下图就是实现的类似界面效果:flutter实现代码:body: MediaQuery( data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), child

2020-06-23 11:42:23 6934 8

原创 AS 代码提示和代码色彩消失&Entrypoint is not a Dart file

适用情况:如果你在使用android studio工具的时候,没有了代码提示和代码颜色,又遇到Entrypoint is not a Dart file或者plugin supporting .dart files found这样的e报错或警告,那么这可能是文件扩展名匹配的问题。大概而言,就是我们的每一种扩展名的文件都应该有匹配的template,在使用AS时不小心修改了设置,之后就出现写dart文件无提示、无代码颜色。具体修改如下:1.File–>Settings,如图红框,输入.dart,意

2020-06-15 15:20:15 2474

原创 flutter中上导航栏和下导航栏的实现

哈哈

2020-06-01 10:52:25 823

原创 flutter中数据共享和数据持久化

flutter中数据共享和数据持久化词语解释单例模式数据共享数据持久化具体实现单例模式数据共享数据持久化数据持久化的拓展flutter项目中的共享数据和数据持久化,我都是在单例模式中进行处理的,所以在本文的最开始,先大致解释一下共享数据和数据持久化以及展示一下单例模式。词语解释有一定基础的开发者可以直接略过“词语解释”这部分。单例模式顾名思义,整个项目生命周期,都保持一个实例,无论你几次引用,皆为一个实例。数据共享所以在单例模式中定义的变量,无论在什么界面进行了修改,对于所有文件而言,都是发生

2020-05-31 18:42:46 960

原创 微信小程序缓存数据处理

微信小程序数据保护和保存信息sessionid数据保护获取微信小程序登录者信息sessionid数据保护每个api服务器都会分配一个独一无二的id,就是seesionid;这个ID服务器会通过Set-cookie的方式告诉给客户端,客户端请求数据时,将这个id带上,服务端的seesion就会和客服端传的id相关联,这对服务器数据起到保护作用。1.登录接口,获取的数据resconsole.l...

2020-03-20 10:07:10 261

原创 vue新增属性问题

最近遇到一个奇怪的问题:描述起来也有点绕口,我总结就是:Vue创建form表单实例并且整体赋值以后,将form中没有被赋到值的几个字段拿出来单独赋值,会造成单独被拿出来的赋值字段在界面中无法点击修改,我这样奇怪赋值的原因是因为后台给我的数据是在两个对象里面,而我界面渲染的数据在一个表单form里面。最后得出的结论:form表单在data中定义以后,Vue 将遍历此对象所有的属性,并使用 Obje...

2019-12-25 15:32:44 697

原创 js中函数split、join、slice以及splice的细解

1 split()将字符串转换为数组

2019-12-18 14:17:50 375

原创 VUE中Ueditior富文本编辑框的使用

欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体...

2019-12-16 13:31:08 571

原创 前端vue+element+js实现导入导出数据表格

项目中的导入导出可以由前端实现,也可以由后台实现,这里详细介绍的方法中,导入是通过后台接口实现,导出是通过前端代码实现,本质上有所不同。数据表格导入1.在相应vue界面添加导入按钮代码,action值是对应后台代码地址,:on-success值是导入成功的触发函数,即导入以后在界面上渲染数据。<el-upload class="upload-demo" action="htt...

2019-11-21 16:21:08 1441 3

原创 使用python中you-get库批量在线下载bilibili视频

使用python命令行批量在线下载bilibili视频版权声明:本文为博主原创文章,转载请附上原文出处链接和本声明。本文链接:https://mp.csdn.net/mdeditor/100009471此文章描述的是在windows10系统pc端python环境下利用you-get库来进行bilibili视频批量下载,是在cmd中操作完成,只建议有python坏境的用户使用。1.安装you...

2019-08-22 10:58:11 8737 15

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除