- 博客(11)
- 收藏
- 关注
RSS订阅原创 监听弹窗 - 动态优先级
最近接到新手引导的需求中，由于新手引导浮窗可以拖拽到页面任何位置，要求它的优先级必须高于页面元素，但又不能高于其他弹窗蒙层，否则会和其他弹窗共存。因此，需要监听当前是否有弹窗，来实现动态优先级，在有弹窗的时候，让新手引导浮窗优先级动态降低。
2024-01-26 17:14:38
780
原创 论思维的重要性
论思维的重要性从3道面试题讲起：1.求和求1-100的数字的总和光看题目很简单，最简单的方法暴力破解，从1累加到100不就行了么。function calc(n){ var sum = 0 for(let i=1;i<n+1;i++){ sum+=i } return sum}那如果将数字扩大到10000000001呢，结果发现计算机半天算不出来。我上学那会还有个算法，说是1+99，2+98,3+97…这样可以将复杂度缩减一半，可貌似计算
2021-01-05 17:34:26
355
1
原创 Vue3 - Composition API
Vue3 - Composition API前言：Composition API 官网的解释是，一组附加的，基于函数的api，允许灵活组合组件的逻辑。本文首先讲述vue3相比vue2变更的地方，然后再逐一讲解常用的Cmposition API。篇幅较长，如果想直接查看composition api，而不想看vue3与vue2的变更, 点这里安装指引下面讲述vue3如何安装和使用：安装vitenpm init vite-app hello-vue3 # 或者 yarn create vit
2020-10-20 17:23:59
1060
原创 前端修仙路-Babel 7.x 详解
前端修仙路-Babel 7.x 详解前言：Babel 是一个 JavaScript 编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。本文主要介绍Babel常用的预设和插件相关概念，以及在webpack中如何使用。babel 的前置知识网上流传的很多是 babel6 的教程，babel6 和 babel7 的区别，可以根据命名来区分，babel7 的包一般以@babel/xxx开头，ba
2020-10-15 16:19:04
534
2
原创 多行多列布局
多行多列布局前言：因为项目中使用flex过程中，如果采用space-between两端对齐，会遇到最后一行难以对齐的问题。本文主要对多行多列这种常见的布局，列出解决方案，方便大家日常开发使用。话不多说，直接进入正题：方案一：标签补位我们都知道，之所以对不齐是因为最后一行的子项目没有达到4个，space-between的对齐方式，自然会把中间空出来。既然如此，何不直接补位，让元素排满4个。<!-- 样式 --><style> .list{ d
2020-10-01 21:36:57
1198
原创 前端修仙路- vue基础进阶
前端修仙路- vue基础进阶前言：我们大多数人在使用vue的时候，觉得很简单，但实际基础不扎实，有很多好用的特性项目中并没有用到，久而久之就忘了，特写此文铭记。混入（mixin）概念解释： 当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。混入规则：data混入: 合并data，如果键名冲突以组件数据优先。钩子混入（生命周期函数）: 同名钩子合并成一个数组，依次调用，并且混入钩子优先调用。值为对象的混入：如 methods、components 和 direct
2020-05-31 00:06:36
303
原创 前端修仙路-webpack教程(v4.x)
前端修仙路-webpack教程(v4.x)本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个代码块（bundle），webpack默认只具备打包js的能力。名词解释bundle: 一个或多个编译后的代码块entry: 入口，webpack编译的入口ou
2020-05-27 17:54:23
331
原创 前端修仙路-性能标准
前端修仙路-性能标准 我们写出来的网站离不开性能测试，那么如何衡量一个网站的性能呢？这就不得不说Performance这个api了, 它包含了各种网页加载期间的耗时。我们先来认识一下Performance，长这个样子：属性memory => MemoryInfo 内存信息对象jsHeapSizeLimit 内存大小限制totalJSHeapSize 可使用的内存usedJSHeapSize js占用的内存（包含v8内
2020-05-18 14:07:41
572
原创 前端修仙路-git篇
#Git篇前言：Git（读音为/gɪt/）是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。本文主要介绍git常用的一些命令。安装使用git命令，首先需要下载安装 git bash（此处链接为window版本，其他版本需另行下载） 命令行工具。使用git链接有两种方式：https (形如：https://github.com/terryvince
2020-05-12 16:12:18
417
原创 前端修仙路-React Hooks
React Hooks前言：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。生命周期如何对应到Hook?constructor：函数组件不需要构造函数。你可以通过调用 useState 来初始化 state。如果计算的代价比较昂贵，你可以传一个函数给 useState。getDerivedStateFromProps：改为 在渲染时 安排一次更新。shouldComponentUpdate: 使用Rea
2020-05-09 17:48:31
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人