- 博客(33)
- 收藏
- 关注
原创 Flutter笔记: 在Flutter中的操作文件
文件是存储在磁盘上的数据的集合,可以包含任何类型的数据,如文本、图片、音频等。文件是计算机中用于数据存储的基本单位,它可以包含各种类型的数据,如程序代码、文本文档、图片、音频和视频等。在 Dart 中,我们可以使用 dart:io 库中的 File 类来操作文件。
2024-03-14 09:56:53 1720
原创 echarts barEchart柱状图边框、透明、文字靠左展示
说明: 给柱状图加上 边框,改变柱状图颜色并透明,改变 X,Y轴字体颜色,改变 轴线颜色,将所有的轴线全都改成一致效果。说明: 第二是在第一个第二个基础改成渐变色。echarts 的代码。
2023-08-11 14:01:23 3708
原创 ES6 - Map的用法
Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值Map 对象是键值对的集合。Map 中的一个键只能出现一次;它在 Map 的集合中是独一无二的。Map 对象按键值对迭代——一个 for…of 循环在每次迭代后会返回一个形式为 [key,value] 的数组简单的使用// map取值 console . log(map1 . get('a'));// 1 // 可以覆盖 map1 . set('a' , 97);
2023-05-04 17:38:32 2065
原创 canvas的魅力
canvas 在很多时候能带给我们意想不到的结果例如: 粒子效果、树状图、饼图、文字渐变…所以打算花一些时间去学习,这里将是记录学习的地方。
2023-04-07 13:08:36 73
原创 css 加载效果
效果一<style> html, body, #app { width: 100%; height: 100%; padding: 0; margin: 0; } .loading-box { display: flex; flex-direction: column; al
2023-04-04 14:07:44 132
原创 约定式提交插件
安装完毕之后还需要再 首选项 => 设置 => setting.json 中配置。然后我们就可以使用点击的方式提交 commit。一个vscode 的约定式提交插件。
2023-04-03 09:16:42 171
原创 异步组件的使用
首先呢,这是一个vue的文件,里面加载了一个HelloWorld组件我们再浏览器中刷新可以看到,加载了三个文件我们把异步组件加载出来也并不没有什么东西加载进来。
2023-04-02 18:50:13 155
原创 什么是nextTick
因为vue的dom是异步更新的,而nextTick的更新时机就在DOM更新完之后的一个节点,所以才能拿到我们所需要的那个结果。如果按照下面的逻辑,现在items里面是三个元素,那么当我们新增的时候,ul>li的元素应该是4个。因为打印 出来的结果是 3,但是元素却有4个。但是当你运行下列代码时,却没有得到想要的结果。这个时候就得到我们需要的结果了。修改一下addItems方法。
2023-04-02 18:12:12 87
原创 什么是路由懒加载呢
中多了一个about.js的文件,如果about文件代量大的时候,这个路由懒加载才会真正的起作用。当我们切换路由时,network不会发生变化,因为文件再首次加载时就已经全部加载完了。然后运行出来,我们注释一部分内容,然后修改一下。这就是一个刚刚创建的项目,然后你可以看到它的。首先我们使用vue-cli创建一个项目。vue2默认加载的是两个。
2023-04-02 17:55:47 143
原创 for in 和 for of 的区别
of 循环可以用来遍历数组、类数组对象,字符串、Set、Map 以及 Generator 对象。in 循环主要是为了遍历对象而生,不适用于遍历数组。in 循环:只能获得对象的键名,不能获得键值。in 循环:只能获得对象的键值,不能获得键名。
2023-03-28 12:57:12 79
原创 vue3开发技巧,提升效率帮助你早点下班!
由于vue对于JSX的支持,社区里,也是争论来争论去,到底要分个高低,然后本渣认为,他俩本来没有高低,您觉得哪个适合,就用哪个即可,缺点放在对的地方他就是优势 要发扬咱们老前辈们传下来的中庸之道,做集大成者,将两者结合使用,就能发挥无敌功效,乱军之中博老板青睐。然而,当我们的组件开始变得更大时,逻辑关注点的列表也会增长。通过以上代码我们可以看出,一个setup函数我们干出了在传统选项式中的所有事情,然而这还不是最绝的,通过这些api的组合可以实现逻辑复用,这样我们就能封装很多通用逻辑,实现复用,早点下班。
2023-02-27 19:00:35 270
原创 TS 中使用setTimeout,NodeJS.Timeout
描述: 在TS中使用 setTimeout 函数,不知道该定义什么类型,经过我的摸索得出两种定义的方式,写一篇文章记录一下。
2022-11-01 15:07:26 4135 1
原创 Blob 链接 下载
element plus是将图片转换成 blob:http 在网页上显示的。但是我们要想下载便只能自己想办法了。起因是使用element plus时上传图片的自定义缩略图中有个下载按钮,于是便捣鼓了一下。完结散花 🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸🌸。
2022-10-31 14:11:29 772
原创 http原理
HTTP首部字段是构成HTTP报文的要素之一,在客户端与服务器之间以HTTP协议进行通讯的过程中,无论是请求还是响应都会使用首部字段,它能起到传递额外终于信息的作用。307 Temporary Redirect 临时重定向,与302状态码含义相同,307状态码会遵照浏览器标准,不会从POST变成GET,但是对于处理相应时的行为,每种浏览器有可能出现不同的情况。包含的协议如:IP协议。URI是由某个协议方案表示的资源的定位标识符,协议方案是指访问资源所使用的协议类型名称,如http、ftp、file等。
2022-08-24 16:02:18 456
原创 H5C3 新属性
但是只有1个线程负责渲染页面——称为UI主线程——浏览器中所有的代码只能由一个线程来执行。(HTML/CSS/JS等)——如果一个JS文件要执行10s(可能有很深的循环/递归等科学计算/解密),会发生什么?(2)window.localStorage:类数组对象,通过key=>value对存储字符串数据——本地/跨会话级/永久存储。问题:若浏览器加载了一个很耗时的JS文件(可能影响DOM树结构),浏览器必须等待该文件执行完成才会继续执行后续的代码。中,会暂停页面中一切内容的渲染以及事件的处理。
2022-08-24 15:55:03 174
原创 免费下载歌曲
返回开发者工具面板, 在Network面板, 点击size, 点击两次(第一次为升序, 第二次为降序, 和淘宝的按价格排序一个套路)到这里就结束了,有没有学到呢,以后下歌就可以不能花钱啦,嘻嘻。chrome浏览器右上角, 更多工具, 点击开发者工具。浏览器左上角选择刷新按钮, 右键, 彻底清理缓存。用音乐播放器开发,就可以听歌啦,还带歌词头像。在开发者工具面板, 选择”Network”在新页面打开url,看到三个没,↓ ↓ ↓。选择size里面最大的那个。选择自己喜欢的歌曲版本。搜索周杰伦的”稻香”
2022-08-24 15:37:08 573
原创 CSS - flex布局
flex布局表示弹性布局,为盒状模型提供最大的灵活性。适用范围任何一种元素都可以指定为flex布局.wrap{}使用时应该注意些什么?如果是Webkit内核的浏览器,需要加上 -webkit 前缀在父级元素设置为flex布局后,子元素的float、clear、vertical-align属性都将失效,所以在使用flex布局时,不应该先设置完子元素布局后再使用。
2022-08-19 15:54:59 110
原创 使用vite3创建vue3项目无法正常使用eslint配置
想自己使用vite + vue3 + pinia + router + typescript 搭建一套模板供自己使用,奈何再引入 eslint、prettier 时,运行eslint – flx 一直报错。花了两天时间终于搞定了这个问题,特来记录一下如果是使用了 vite2版本创建项目是没有什么问题的,但是如果你使用的是来初始化你的项目,那么你再引入eslint的时候,创建package.json 的script时,就会报错执行过eslint 降了一个大版本也不行。...
2022-08-12 10:35:20 2019 2
原创 vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
项目场景:使用vue-pdf组件实现文件预览功能问题描述:给VUE-PDF 插件的src引入pdf在线地址后,报错,可能是加载太慢的原因解决方案:锁定依赖版本解决报错问题npm i pdfjs-dist@2.5.207npm i vue-pdf@4.2.0...
2022-04-20 10:57:10 1713
原创 EPRECATION WARNING: Using / for division is deprecated and will be removed i
解决办法项目上使用vuetify启动时,若sass版本不对,编译时会警告Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 虽然不影响正常编译,但是很影响心情,我们只需要在package.json文件里修改"sass": "~1.32.6"即可完美解决原文...
2022-02-21 11:07:35 1010
原创 2017-07-15 随机函数
使用Math.random()生成随机的数值使用随机函数生成背景颜色<div class="app"> </div>1.第一版的随机函数有点小问题function stochastic(mix,max){ return Math.floor(Math.random()*mix+max); }function rn(mix,max){ return parseInt(Math.random()*(max-mix)+mi.
2021-07-15 20:37:02 70
原创 2021-07-15 函数柯里化
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-15 20:23:32 84
原创 CSS线性渐变网站记录
1、https://webgradients.com2、https://uigradients.com/#Roseanna3、https://webkul.github.io/coolhue/
2021-07-03 23:30:48 163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人