自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

浩星

愿做浴血之凤凰

  • 博客(11)
  • 资源 (4)
  • 收藏
  • 关注

原创 vue中使用vuedraggable实现嵌套多层拖拽排序功能

前言:vue中实现嵌套多层拖拽功能。官网入口:https://www.npmjs.com/package/vuedraggable实现效果:(拖动左侧调整一级的顺序,拖动右侧调整二级的顺序)实现步骤:***这里使用了插件 vuedraggable第一步:安装插件cnpm install vuedraggable --save第二步:在页面上引入插件并注册import draggable from 'vuedraggable'components: {...

2021-04-22 19:06:40 9065 22

原创 flutter中设置宽度为百分百,定位中设置宽度百分百(Positioned)

前言: flutter中设置宽度为百分百,定位中设置宽度百分百(Positioned)1 宽度为百分百:但是在定位下会失效width: double.infinity2 定位下面的百分百width: MediaQuery.of(context).size.width,借鉴文档:https://blog.csdn.net/weixin_44241694/article/details/106498895...

2021-04-19 18:22:01 7399 5

原创 flutter配置签名文件

前言: flutter要调用手机的一些功能时会使用到手机模拟器,手机模拟器就需要配置apk了实现步骤:第一步、生成我们需要的key, 在你要生成文件的地方打开,terminal/小黑框执行下列命令:keytool -genkey -v -keystore F:/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias keyF:/key.jks 生成签名存放路径key 密钥名输入命令以后,会出现下面的...

2021-04-19 14:44:19 2168 2

原创 span标签里的内容过长如何设置自动换行

前言: 我们设置显示省略号的时候会用到一个css属性:white-spacewhite-space:normal 默认值,空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。 pre-line 合并空白符序列,但是保留换行符。 in...

2021-04-16 11:13:29 5356

原创 vue校验生僻字

前言: 在使用正则校验姓名的时候,会发现,很多生僻字根本校验不到。这里提供方法,经测试可用。方法:methods: utf8ToUtf16(h, l) { var sum = ((h - 0xD800) * 0x400 + (l - 0xDC00)) + 0x10000 return sum }, checkCode(val, maxLen) { var len = val.length var lenRel = len...

2021-04-16 11:08:13 1727 1

原创 element的tree设置可以换行,不换行显示省略号

前言: 对element的tree进行二次处理,让他的内容多的时候可以自动换行实现效果:封装组件subjectTree.vue<template> <el-tree class="subjectTree" :data="data" :props="defaultProps" @node-click="handleNodeClick"> <div slot-scope="{ node, data }" c...

2021-04-15 19:53:59 2648

原创 Flutter的button的按钮ElevatedButton

前言: Flutter 1.22版本新增了3个按钮,TextButton、OutlinedButton、ElevatedButton,虽然以前的Button没有被废弃,但还是建议使用新的Button。使用方法:他们的使用方法都一样1、TextButton:TextButton( child: Text("爱你"), onPressed: () {},);效果:2、OutlinedButton:OutlinedButton( ...

2021-04-13 11:34:27 37619 8

原创 正则表达式判断是否以某字符串结尾

前言: 正则来实现判断他是否以指定字符串结尾实现效果:实现思路:判断他是否以指定字符串结尾实现代码: //判断是否以 jpeg结尾 let str = 'ajsjsjsjsjjsjjpeg' let str1 = 'jpegajsjsjsjsjjsjjpmmm' let str2 = 'ajsjsjsjpegjsjjsjjpmmm' let nameReg = /(.+(?=[jpeg]$))/ let a = nameRe...

2021-04-12 16:16:43 17857 1

原创 flutter的Container(2.0以上版本)

前言: 在flutter中Container是常用的一个标签,这里整理下他里面支持的属性和使用方法。注意我的是 2.0以上的版本,所以方法前没有new目录:具体支持的参数和案例:一、Alignment:相当于css的text-align属性:使用方法:二、width:宽度三、height:高四、color:背景颜色方法1:方法2:可设置透明度方法3:五、padding(only,all 两种)方法1:单独设置某个边方法2:可以一次设置...

2021-04-12 16:12:40 1900 4

原创 flutter来实现一个点击切换当前选中项的效果

前言: flutter来实现一个一个点击切换当前选中项的效果,这种效果如果用vue/jquery/js来做的话,通过改变他的class名,就可以了,定义一个class的样式,当前选中的有这个class名效果,但是其他的没有,但是在flutter中确实需要变一变思维了。实现效果:flutter实现步骤:首先在方法的最外层定义一个变量,注意变量不能放在 build 里面,没有效果,为啥我知道,因为我在这里吃亏了class _HomeworkState extends Stat...

2021-04-01 18:52:29 3030 4

原创 flutter生命周期

原文地址:https://www.jianshu.com/p/7e8dff26f81aFlutter跟安卓的Activity、iOS的ViewController一样拥有自己的生命周期, Flutter中一切都是Widget,渲染方式有点像H5的DOM树。 先看生命周期图:Flutter生命周期可以分为3个阶段:1、实例化组件并添加到树, 即Navigator.push;2、状态变化,即打开新的widget或者依赖的上级widget发生变化;3、从树中移除, 即..

2021-04-01 18:42:16 818

实现移动端的兼容,将px转换成对应的vw

前端开发

2021-04-19

实现浏览器的兼容,将px转换成对应的vw

前端开发

2021-04-19

前端实现下雪的效果展示

前端开发

2021-04-19

flutter.docx

flutter经验介绍

2021-04-19

空空如也

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

TA关注的人

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