前端
趣魂
失败是最好的老师
展开
-
[javascript] 怎么使用promise技术 实现函数 同步执行
经过比较如果需要串行同步的函数不多就2个 完全可以使用嵌套方式如果超过3层嵌套 ,必须使用promise 方式改造。原创 2023-01-30 16:19:13 · 634 阅读 · 0 评论 -
如何快速设计app或pc终端页面?
以下原则适用于所有的ui程序包括 pc程序页面 html页面和 vue 页面 以及小程序 的页面。原创 2022-08-31 17:21:59 · 696 阅读 · 0 评论 -
html 中 height,width 没那么简单
重入坑 dom (canvas image div ) 的 height和width原创 2022-03-12 16:10:16 · 310 阅读 · 0 评论 -
js 的Map 对象 与 {} Object 对象
map 与 {}map.get() 不会自动转换 Uint8Array为 String类型,而是以地址形式匹配而 object[]会自动转换Uint8Array为 String类型Object 对象 在 vue中 被 外挂了其他函数属性 例如 extend,直接使用 for( let key in obj) 会导致意味情况发生,如果需要遍历属性 最好用Map let mp = new Map(); let key = new Uint8Array([1, 2, 3]); mp.原创 2021-11-11 09:39:45 · 1123 阅读 · 0 评论 -
浏览器 在script type=“module“模式下的 按钮事件触发
解决: 如何让浏览器模块脚本"module" 中的方法 ,被按钮访问到方法1 把事件付给 window对象原因是<script type="module" >模块会自动延迟加载 也就是会晚于 普通的<script> 而且只加载一次, 所以 按钮无法访问到 <script type="module" > import HylAudio from './hylaudio.js'; ... //可以被访问 window.recordStart .原创 2021-10-12 10:11:44 · 4069 阅读 · 2 评论 -
js 中 TypeArray 与 ArrayBuffer 的 转换
js处理和传输 文件流 音频流 视频流 一定会用到 TypeArray 和 ArrayBuffer我们一般用 TypeArray 不用 ArrayBufferArrayBuffer 是二进制 字节数组TypeArray 是特定数据类型数组,内部封装了ArrayBuffer 对象作为数据的载体// 下面代码是语法格式,不能直接运行,// TypedArray 关键字需要替换为底部列出的构造函数。new TypedArray(); // ES2017中新增new TypedArra原创 2021-09-29 17:31:08 · 1000 阅读 · 0 评论 -
浏览器内置对象 Web API 规则部分
BBackground Fetch API (en-US) 后台获取可能需要很长时间,如电影,音频文件和软件下载的方法。Background Tasks 幕后任务协作调度 提供了由用户代理决定,在空闲时间自动执行队列任务的能力。Barcode Detection API (en-US) 支持的各种条码二维码 检测此功能仅在安全上下文(HTTPS)、某些或所有支持的浏览器中可用。Battery API 提供了通过电池等级或者充电状态的改变提醒用户的事件Beacon 信标(Be原创 2021-09-28 11:18:27 · 731 阅读 · 0 评论 -
关于谷歌 flutter 技术的看法
观点flutter2 应用场景在中国必然是有限的1.中国不能依赖flutter2,2 中国必须在java 的swing基础上搞出自己的flutter说明flutter 虽然可以解决了一套程序代码多端使用的需求但是 必须认识到一点 不同终端的用户界面是不一样的 ,所以我们的后台管理程序和app程序通常是分开开发的.所以为了达到好的效果 , 还是要开发不同的程序对比 flutter和 java 的awt 和swing 会发现,其实java的swing 本来就可以跨ios, linux和原创 2021-03-10 10:26:21 · 836 阅读 · 3 评论 -
uni-app 适合多平台开发吗?
一 结论经过1年多的研究和分析, 我认为uni-app 虽然可以开发多平台程序,但是对于大多数中小软件公司而言 ,也仅有精力完善一其中一个平台,建议:只用uni-app 开发一种平台程序,不要尝试多平台开发做好业务, 服务好客户更加重要!二 分析2.1 不同的程序需求 其实对平台的要求不一样程序需求框架聊天程序app h5+OA,ERP 管理程序h5+商城h5+ 小程序小工具小程序日记本 计步器小程序直播小程序支付程序原创 2021-03-03 15:23:26 · 1241 阅读 · 1 评论 -
关于javascript 中 this 的 简单理解与用法
对于新人要 特别注意this的 作用范围,以下例子希望对你们有帮助对象中使用var test={ name:"原值", //name 是 test 对象的属性 fun1(){ //这里的this 指向 test 对象 this.name="新1" let temp={} let that=this; temp.fun1_1=function(){ //这里的this 指向 t.原创 2021-02-24 09:58:17 · 138 阅读 · 0 评论 -
javascript 面向对象的两种写法
在javascript 中JSON 用作对象的 序列化和反序列化非常重要下面代码涉及到了对象的初始化,序列化和反序列化直接上代码var ss={"name":"存储","age":12,"mem":["2213",11,{"pp":"123"}]}var s1= JSON.stringify(ss)//console.log(s1)var sobj= JSON.parse(s1);//console.log(sobj)//es6class temp{ constructor(o.原创 2021-01-28 09:45:13 · 153 阅读 · 0 评论 -
理解 nodejs import 对变量的影响
有四个js文件a.js 包含或引用了 a1.js,a2.jsa1.js 和 a2.js 都包含 b.js执行a的结果是怎样的呢? 对全局变量的影响是怎样的呢?结论如果本页脚本 包含(import) 其他脚本先执行import 中的脚本然后执行本页脚本类似于树结构,先执行子节点,再执行父节点的脚本测试脚本a.jsglobal.b.bb=22import a1 from './a_1.js'console.log("a0",a1)import a2 from './a_原创 2021-01-16 14:38:18 · 418 阅读 · 0 评论 -
js编程中 对于对象 {key:value} 如何 让key 实现动态拼接
在js脚本中 实现动态拼接的key, 请看写法{$set:{["arrt"+".s"]:"22"}用一个中括号修饰表达式即可该技术可以用于mongodb nodejs 写法原创 2020-12-24 14:26:29 · 3331 阅读 · 0 评论 -
ioredis pipeline用法
nodejs 的ioredis pipeline 的用法与java 有区别var redis = new Redis(6379, '192.168.0.147');let testrds = redis.duplicate()//复制redis实例testrds.select(0)//选择0库function test2() { let pp = testrds.pipeline()//采用管道操作 //复制一个实例 pp.sadd("a1", "a2") pp.sadd("a原创 2020-12-19 15:29:20 · 756 阅读 · 1 评论 -
js 必须掌握的知识点 异步 promise async await
js 异步模式只要涉及到底层接口操作, js 会自动转入协程处理(类似于多线程),这就是异步处理的本源.普通的js代码是不会自动进入异步模式***, 又因为js 是单线程*,如果出现耗时操作,程序就会阻塞很久,导致后续代码无法执行;如果不想等待,这时就需要采用异步协程模式 ,就是引入 Promise对象 (类似于java和py 中的thread );本质就是实例化一个多线程或协程对象 来处理耗时的程序,前提是这段程序对后续代码没有影响js 异步要点参考 https://se原创 2020-12-18 10:39:03 · 203 阅读 · 0 评论 -
python 如何把一张图片 通过websocket传到 js中
1图像的存储1.1结构1.1.1 python 对于 图像的处理 主要用到4种结构numpy.narray 结构 用到cv2 插件 ,图像处理工具PIL.image 结构 用到pil插件 ,图像读写显示工具py3. bytes 或者bytearray结构 用于网络传输py3.BytesIO io流结构 用于bytes的内存处理1.1.2 js 对于 图像的处理主要有 3中结构File 文件结构 用于读入打开的文件blob 大数据流结构 用于网络传输ArrayBuffer原创 2020-09-03 11:04:55 · 1795 阅读 · 0 评论 -
js 与 nodejs 的网络层的 字节流和 字符串 处理 (本文仅适用于中高级程序员)
一般涉及到了框架底层开发, 必然需要与二进制流打交道, 也就是字节流一 字节处理关键技术1.1 js 字节处理ArrayBuffer 相当于 byte[],但是是只读的如果要操作ArrayBuffer ,通常 new Uint8Array(ArrayBuffer )这样封装1.2 nodejs 字节处理nodejs 保留了 js 中的ArrayBuffer Uint8Arraynodejs 新增了 一个更加方便的 Buffer 对象 ,相当于ArrayBuffer 和 Uint8A.原创 2021-01-14 09:07:54 · 2291 阅读 · 0 评论 -
js websocket发送文本与二进制实验
js 中 websocket .send () 可以发送 String | arraybuffer(二进制)发送的时候会自动识别,不需要特殊处理,这个特点非常重要// 发送var msg = {er:"点对"}let bs=bfun.json2Bytes(msg)console.log(bs)socket.send(bs);msg.er="231245下次!@#%^&V";let txt=JSON.stringify(msg) socket.send(txt);//接收.原创 2021-01-12 15:13:00 · 3181 阅读 · 1 评论 -
mui 与vue 混合开发的可行性分析
结论mui不适合与vue 混合开发所以hbuilder 各种 项目中, 你只要用到 mui 框架, 就不可使用vue分析jquery和vue.js 是两种风格的开发方式mui本身是一个类似jquery的框架,所以与vue开发方式不一样而且mui.js与vue.js 有着不可调和的冲突特别是 href tap click 链接和跳转方面的冲突mui与vue 框架适用项目项目mui框架vue框架mui项目可用不可用vue项目不可可vue-cl原创 2021-01-09 15:28:00 · 1333 阅读 · 0 评论 -
前端 web单页,多页框架和独立程序 vue-cli vue-route webpack 入门
单页框架与多页框架区别vue-cli route webpack uni-app 都是复杂单页框架html css js mui 是简单的多页框架单页框架 是指 把多页代码编译混合到一个页面,多页框架直接通过浏览器解析访问单页框架需要编译后才能用浏览器内核访问单页和多页框架都是web程序的补充单页框架与独立程序的区别单页框架需要依赖容器或解释器才可以运行 ,例如: 微信程序,百度小程序,app程序,nodejs程序 等独立程序可以独立运行, 例如:andriod程序 ios程序, p原创 2021-01-07 17:16:42 · 169 阅读 · 0 评论 -
hbuilderx 各种项目 开发区别 uni-app 5+ web2app vue mui plus
比较项web项目app项目部署发行代码部署在服务器,客户端主要是浏览器代码下载到手机 , 以app程序形式运行项目形式mui项目 , vue项目,vue+mui项目(比较复杂)uni-app项目, 5+项目 ,vue-cli 项目更新支持快速更新需要更新下载才能更新适用场景模板经常变动的应用场景适用于需求稳定的应用场景手机调试不支持支持web2app项目app内嵌浏览器内核 ,通过web内核访问服务器web程序 等同于 web项目...原创 2021-01-07 16:46:28 · 2707 阅读 · 0 评论 -
前端开发技术思考-- 是否采用uni-app技术开发前端
我印象中web程序的演进纯应用程序写的网页 CGI前后端脚本混合开发网页 前端(html+css+js+jquery+bootstrap) +后端脚本(php|java|asp|net)前后端分离纯app程序 android|ios + 后端服务程序混合开发app移动端程序 ( android|ios框架+ html5网页)而前端技术的演进更为复杂和多样网页dom: html-...原创 2019-09-11 15:15:24 · 1060 阅读 · 0 评论 -
vue 开发-组件开发前必读
序言关于vue 组件还是非常好用的, 真正掌握预计需要一段时间具体可以参考 https://cn.vuejs.org/v2/guide/components-registration.html本文主要是描写 组件开发 过程 必然会遇到的几个问题,作为开发组件前的必读材料1. template : 必须是单个根元素必须写成<div><h3>{{ title ...原创 2019-09-03 15:22:09 · 288 阅读 · 0 评论