Web前端
文章平均质量分 51
H5+CSS+Js
little-cyy
这个作者很懒,什么都没留下…
展开
-
封装tooltips组件,实现多行文本溢出显示省略号、且文本溢出的支持hover悬浮提示
【组件开发】支持多行文本溢出显示省略号、超出的hover显示。原创 2023-07-04 17:02:01 · 425 阅读 · 1 评论 -
uniapp封装svg-icon插件
uniapp封装svgIcon组件,支持原始.svg文件按需引用原创 2022-08-14 17:53:10 · 2384 阅读 · 3 评论 -
图片上传及预览
<input type="file" name="myfile"><img src="" alt="" id="img">方式一:使用window.createObjectURLlet input =document.getElementsByName('myfile')[0]// 获取input的file对象let img=document.getElementById('img')input.addEventListener('change',()=>{原创 2022-03-12 15:09:12 · 330 阅读 · 0 评论 -
手写一个订阅发布模式
摘要:发布订阅者模式,一种对象间一对多的依赖关系,但一个对象的状态发生改变时,所依赖的它的对象都将得到状态改变的通知主要的作用1、广泛应用于异步编程中(替代了传递回调函数)2、对象之间松散耦合的编写代码缺点1、创建订阅者本身要消耗一定的时间和内存2、多个发布者和订阅者嵌套在一起是时候,程序难以跟踪维护实现的思路1、创建一个事件中心(缓存列表)2、on方法用来把回调函数fn都加到事件中心中3、emit方法取到arguments里第一个当做event,根据event值去执行对应事件中心中的函原创 2022-03-08 13:39:08 · 262 阅读 · 0 评论 -
实现继承的几种方式
1、直接继承本质:重写原型对象function Game(){ this.name='LOL'}Game.prototype.getName=function(){ return this.name}function LOL(){}LOL.prototype=new Game()LOL.prototype.constructor=LOLconst game=new LOL()game.name //'LOL'game.getName() //'LOL'1.在原型对象所原创 2022-03-07 01:23:58 · 620 阅读 · 0 评论 -
浏览器的运行和工作原理
浏览器是多线程的,js是单线程的。js在浏览器中可以是多线程的。浏览器的的三个常驻的线程JavaScript引擎线程,是基于事件驱动单线程执行的。GUI渲染线程,和JavaScript引擎是互斥的。当JS引擎执行时GUI线程会被挂起,GUI的更新也会被保存在一个队列中,等到JS引擎空闲时才有机会被执行,这就是JS阻塞页面加载。页面事件触发线程,当一个事件被触发时,该线程会把事件添加到任务队列的队尾,等待JS引擎的处理。浏览器的组成用户界面 - 包括地址栏、 前进/后退按钮、 书签菜单等原创 2022-03-06 01:34:48 · 1764 阅读 · 0 评论 -
ES6-ES11学习笔记
ES6-ES11学习笔记一、概述1 、什么是 ECMAECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。 1994 年后该组织改名为 Ecma 国际;2 、什么是 ECMAScriptECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言;百度百科:https://baike.baidu.com/history/ECMAScrip原创 2021-08-18 17:11:33 · 600 阅读 · 0 评论 -
echart中定义legend的宽度实现排列对齐
Echart中定义legend的宽度实现排列对齐实现方式:富文本legend: { bottom:'bottom', formatter: function (name) { return '{a|' + name + '}' }, textStyle: { // 文字块背景色,一定要加上,否则对齐不会生效 backgroundColor: "transparent",原创 2021-08-15 22:00:38 · 3890 阅读 · 2 评论