- 博客(19)
- 收藏
- 关注
RSS订阅转载 Flutter安装入门教程
前言Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。我本人也是非常安好Flutter，所以也进入到了Flutter学习行列啦，今天主要讲一下Flutter的安装，具体包括：Flutter需要配置的工具 Flutter SDK下载 Flutter环境变量的配置 插件安装（Fultter与Dart） 创建一个F
2021-12-31 13:06:35
1409
原创 vue中使用elementui里的table时不被选中设置
<el-table-column type="selection" width="55" :selectable='checkboxInit'>checkboxInit(row,index){ if (row.withdrawState==2) return 0;//不可勾选 else return 1;//可勾选},
2021-12-10 13:52:07
921
转载 React 新特性useEffect
React16中新增的hooks特性进一步强化了函数组件的功能。本篇承接上次欧超对useState的源码的解读，分析一下另一个高频使用的hook useEffect的在react中的执行机制。1.useEffect 解决了哪些问题?1.函数组件没有生命周期。2.ajax、事件绑定等业务逻辑耦合在生命周期中3.业务逻辑散乱在不同的生命周期中Effect Hook 可以让你在函数组件中执行副作用操作。数据获取，设置订阅以及手动更改 React 组件中的 DOM 都属于副作用。类比于class
2021-11-22 16:43:35
1392
转载 使用JavaScript将图片保存至本地
在最近的开发当中，我们需要为img标签以及canvas动态绘制的图像提供下载功能，下面是经过探索后我们得出的结果。一、Canvas 版本// 下载Canvas元素的图片function downloadCanvasIamge(selector, name) { // 通过选择器获取canvas元素 var canvas = document.querySelector(selector) // 使用toDataURL方法将图像转换被base64编码的URL字符串 ..
2021-11-22 16:23:00
4186
原创 JS利用XMLHttpRequest拦截ajax请求
function XMLHttpRequestBreak(fun=()=>false){ let f = XMLHttpRequest.prototype.open; let add = function(){ XMLHttpRequest.prototype.open = function(...args){ check = fun(args); if(check){ thr.
2021-11-18 15:52:15
772
转载 Node-RED与Modbus
作者：梅干菜烧饼不加肉Node-RED Tutorial Home介绍Node-RED编程基础建立你的第一个流基础节点和流核心节点例子:使用Node-RED搭建一个天气预报面板基于 SIMATIC IOT2040 的 Node-RED S7 通信ModbusModbus是一种串行通信协议，是Modicon公司（现在的施耐德电气 Schneider Electric）于1979年为使用可编程逻辑控制器（PLC）通信而发表。Modbus已经成为工业领域通信协议的业界标准（De facto），
2021-11-15 11:22:37
9525
1
原创 node-red template节点放置静态文件
例如：template节点要导入中国地图的json数据 路径：https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=100000_full在项目中 node_modules/node-red-dashboard/dist 中放置静态文件 china.json在template中使用，直接 ./china.json 就可以为什么要导入静态文件，因为此json在有的地方使用阿里云会自动拦截，http请求就找不到数据！！!...
2021-11-04 16:31:00
919
原创 node-red templete节点设置地图
编写内容为：<!-- js引用部分↓ --><script src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script><!--地图--><div style="height: 420px; width: 460px;" id="ChinaMap"></div><script>setTimeout(function(
2021-11-04 16:17:28
1188
原创 node-red下载节点报错相关问题
1，如果出现npm ERR! notsup Unsupported platform for n@2.1.8: wanted {“os”:"!win32",“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})这样错误信息，在命令后面加上 --force重新运行
2021-10-28 13:10:03
1222
2
转载 微前端须知
最近你有没有经常听到一个词，微前端？是不是听上去感觉非常地高大上！然而~微前端其实非常地简单，非常地容易落地，而且也非常不高大上~那么就来一起看看什么是微前端吧：一.为什么需要微前端?这里我们通过3W(what,why,how)的方式来讲解什么是微前端：1.What?什么是微前端?微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆, 拆完后再合!2.Why?为什么去使用他?1，不同团队间开发同一个应用技术栈不同怎么破？
2021-10-19 09:19:23
259
原创 二进制 - 运算符
4>>1, 表示4右移1位，就是相当于 4除2=2。2<<1，表示2左移一位，就是不是相当于 2*2=4。2<<3，表示2左移民3位，第三位就是相当于数值8，即，2*8=16// 0 0 0 0 1 0 0 1 0 0 0 0 0 0 1var category = res.data.members[i].category;var items = that.data.itemsfor (var i = 0; i < items.length; i
2021-10-15 15:06:12
352
原创 数组-（3）类数组转化为数组
类数组是具有length属性，但不具有数组原型上的方法。常见的类数组有arguments、DOM操作方法返回的结果。方法一：Array.fromArray.from(document.querySelectorAll('div'))方法二：Array.prototype.slice.call()Array.prototype.slice.call(document.querySelectorAll('div'))方法三：扩展运算符[...document.querySelect
2021-10-14 09:09:19
703
原创 图片懒加载,滚动加载
图片懒加载可以给img标签统一自定义属性data-src='default.png'，当检测到图片出现在窗口之后再补充src属性，此时才会进行图片资源加载。function lazyload() { const imgs = document.getElementsByTagName('img'); const len = imgs.length; // 视口的高度 const viewHeight = document.documentElement.clientHeight
2021-10-13 17:16:58
278
原创 数组-（2）数组去重
// => [1, '1', 17, true, false, 'true', 'a', {}, {}]const arr = [1, 1, '1', 17, true, true, false, false, 'true', 'a', {}, {}];方法一：利用Setconstres1 = Array.from(newSet(arr));方法二：两层for循环+spliceconst unique1 = arr => { let len = arr.lengt...
2021-10-13 17:11:38
106
原创 数组-（1）数组扁平化
数组扁平化是指将一个多维数组变为一个一维数组constarr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6]方法一：使用flat()constres1 = arr.flat(Infinity);方法二：利用正则constres2 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',');但数据类型都会变为字符串方法三：正则改良版本constres3...
2021-10-13 17:08:13
109
原创 字符串和数组的方法
数组常用方法：1. push() 在数组的结尾添加内容，返回值是添加后数组的长度2. pop() 把数组的最后一个删除，返回值是删除的那一项3. shift() 删除数组中的第一项，返回值是删除的那一项4. unshift() 在数组的开头添加内容，返回值是添加后数组的长度5. splice(a,b,c) 从索引a开始截取b个元素，并用c替换截取的元素，并改变原来的数组，如果只有一个参数，表示从这个索引开始截取到末尾splice(a,b) 方法里面如果第一个参数为负数的话，使用方法跟
2021-10-13 16:53:19
211
原创 小程序基本配置
app.json文件小程序设置全局配置 ，包括页面路径、窗口、选项卡，以及网络超时等//打开另一个小程序 wx.navigateToMiniProgram({ //要打开的小程序的APPID appId: '', //打开的页面的路径，如果为空则打开的是首页 path: 'page/index/index?id=123', //需要传递给目标小程序的数据 extraData: { foo: 'bar' }, //要打开的小程序的版本 develop-开发版 trial-体验版 release-正式版 e
2021-10-13 16:47:56
1222
转载 深入浅出解析阿里成熟的微前端框架 qiankun 源码
本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发——这些组件可以通过NPM或者Git Tag、Git Submodule来管理。qiankun（乾坤）就是一款由蚂蚁金服推出的比较成熟的微前端框架，基于single-...
2021-10-13 16:29:12
1948
原创 微信小程序-文字过滤（云函数）
1，在项目中新建一个文件夹 --- functions2，在prject.config.json配置文件中加入cloudfunctionRoot:'functions'3，在app.js的wx.cloud.init({env: "cloud1-2gtnb8j29a1fb40d", // 环境idtraceUser: true,});4、右键functions文件夹名，新建Node.js云函数，起名为：msgSCindex.js的内容：// 云函数入口文件 in
2021-10-13 16:05:06
562
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人