- 博客(15)
- 收藏
- 关注
RSS订阅原创 react中样式冲突解决
CSS IN JS 的具体实现有 50 多种，比如：React常用（CSS Modules、styled-components）、 Vue常用（<style scoped> 、css modules）等。1. 文件名 .module.css .module.scss .module.less 方式命名 否则无法使用。import styles from './home.module.scss' //引入文件。推荐使用：CSS Modules （React脚手架已集成，可直接使用）
2024-03-18 18:03:51
564
原创 js中双叹号（!!）和双问号（??）的含义
作用就是判断这个对象（this.element）下的（businessObject）下的（value）下的（length）是否为null或者undefined，当其中一链为null或者undefined时就返回undefined，这样即使中间缺少一个属性也不会报错。在value1和value2之间，只有当value1为null或者 undefined 时取value2，否则取value1（0,false,""被认为是有意义的，所以还是取value1）2.4、对非零整型的"非"返回false。
2023-10-24 18:02:30
1519
1
原创 前端性能工具 ---Lighthouse
综上所述，gzip 是最常用的压缩算法之一，具有较高的压缩效率和广泛的支持程度，因此可以考虑使用。brotli 是一种新型的压缩算法，它具有更高的压缩效率和更快的压缩速度，可以进一步减少传输数据的大小，从而提高页面加载速度。gzip 是最常用的压缩算法之一，它具有较高的压缩效率和广泛的支持程度，可以被几乎所有的浏览器和服务器支持。从上图可以看出，对站点性能影响最大的是存在未使用的 JavaScript，其次是文本压缩未启用，本文主要分析文本压缩问题对性能的影响。如图可知，分析工具给出针对。
2023-09-22 16:51:33
148
原创 JavaScript - Promise的catch()方法，finally方法
很多情况我们只需传的成功态（resolved）下调用的then方法的第一个处理函数，所以为了更好的语义化，我们使用then方法专门处理resolved态，使用catch方法专门处理rejected态。
2023-09-14 19:00:45
457
1
原创 【qiankun vue3.0 保持组件状态 keep-alive 的使用】
前段时间在做项目迁移，原来项目架构用的Vue3+TS+Vite，迁移到qiankun项目中，一切都算顺利，但是再后面考虑到因为是后端数据管理平台，所以用户可能同时打开多个标签进行对比数据，会涉及到缓存问题，经过一番折腾终于搞定了现在做下总结。2.参考keep-alive实现方式，每个子应用都缓存自己实例的vnode，下次进入子应用时可以直接使用缓存的vnode直接渲染为真实DOM。控制不同子应用dom的显示隐藏。这里的子应用都配置在主应用的二，三级路由下，构造出的结构相似多级嵌套的父子路由关系。
2023-08-24 15:40:31
1802
2
原创 【前端性能优化】前端性能优化
web 性能是网站或应用程序的客观度量和可感知的用户体验减少整体加载时间使网站尽快可用平滑和交互性感知表现性能测定。
2023-08-24 14:43:20
310
1
原创 拖拽选择区域日历组件
最近做了一个项目，其中有个需求是拖拽进行时间选择，并能把相邻时间进行合并显示，仔细研究了一下，觉得有必要做一下记录，因为这种组件好像并不多实现效果如下 使用方式 1.安装组件npm install wkdatepick 或 yarn add wkdatepick 2.引用<wk-datepick @dateChange="curDate" :curDateList="dateList"/>其中curDateList是用来回显的已选择数据...
2020-12-18 15:30:35
423
1
原创 git bash使用vue-cli3.0创建项目无法选择上下箭头
vue3.0项目搭建过程遇到问题利用vue create命令初始化项目 终端会弹出3个选项让我选择 我想选择手动设置Manually 但是终端上根本没办法进行选择啊官方给出答案winpty vue.cmd create hello-world...
2020-01-03 17:42:41
1301
原创 前端面试题总结四
忙忙叨叨一上午，终于抽出一点时间，赶紧把我的一些面试经验总结下，感觉这些面试题是比较常见，也比较基础的一些问题，面试之前一定要复习自己所有的基础知识。算法比较难准备，要提前几个月来看。基础知识相对容易准备，可以相对延后。算法可以陆续把leetcode上简单的题目都做一做。常考的基础点1.分析比较display:none;opacity:0;visibility:hidden优缺点（继承等角...
2020-01-02 20:39:43
174
原创 前端面试题总结三
接上次分享的面试题，我又总结了一些我认为还不错的题目，希望总结出来能够给大家一些帮助，也有可能有些错误理解，如果哪里不正确还希望大神多多指教1.看下面代码，请问多久能弹出ok?var m = true;setTimeout( function() { m=false; },3000);while(m){}alert('OK')结果：浏览器崩溃，卡死2.下面输出结果...
2019-12-24 18:18:00
245
1
原创 前端面试题总结二(js)
2019的行情确实很糟糕，面试前一定要做好充分的准备！下面主要介绍一些常见面试题1.有下面一段代码，输出index是3和4的li结果是什么<ul> <li>这是第一个</li> <li>这是第二个</li> <li>这是第三个</li> <li>这是第四个</li...
2019-11-25 17:55:16
164
转载 VMware安装CentOS7详请
准备资料： CentOS-7-x86_64-Everything-1611 点击下载CentOS对，资料就这些第一步、 点击文件 再点击新建虚拟机第二步 、点击完新建虚拟机之后会跳出一个窗口 我一般都选择典型的因为比较方便 然后下一步第三步、第四步、版本这里需要注意 因为我安装的是CentOS是64位的所以我选择了CentOS 64位第五步、第...
2018-12-19 15:55:41
119
翻译 前端面试题总结一(js基础题)
一、window.onload和$(document).ready(function(){})的区别1、执行时间上的区别：window.onload必须等到页面内（包括图片的）所有元素加载到浏览器中后才能执行。而$(document).ready(function(){})是DOM结构加载完毕后就会执行。2、编写个数不同：window.onload不能同时写多个，如果有多个window.onloa...
2018-05-23 18:55:16
277
原创 设置淘宝镜像命令
npm作为国外的node仓库安装工具，自然会受到我大长城防火墙的干扰，国内用户在安装相关的资源的时候，会出现安装失败，以及速度很慢的情况。为了解决npm安装的问题，国内出现了很多npm的镜像网址，taobao的npm镜像算是使用频率比较高的了。使用的方法我知道的有三种，首先是淘宝npm自己提供的两种： 1）你可以使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ n...
2018-05-21 18:17:53
2102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人