- 博客(11)
- 收藏
- 关注
原创 监听弹窗 - 动态优先级
最近接到新手引导的需求中,由于新手引导浮窗可以拖拽到页面任何位置,要求它的优先级必须高于页面元素,但又不能高于其他弹窗蒙层,否则会和其他弹窗共存。因此,需要监听当前是否有弹窗,来实现动态优先级,在有弹窗的时候,让新手引导浮窗优先级动态降低。
2024-01-26 17:14:38 875
原创 论思维的重要性
论思维的重要性从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 420 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 1152
原创 前端修仙路-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 649 2
原创 多行多列布局
多行多列布局前言:因为项目中使用flex过程中,如果采用space-between两端对齐,会遇到最后一行难以对齐的问题。本文主要对多行多列这种常见的布局,列出解决方案,方便大家日常开发使用。话不多说,直接进入正题:方案一:标签补位我们都知道,之所以对不齐是因为最后一行的子项目没有达到4个,space-between的对齐方式,自然会把中间空出来。既然如此,何不直接补位,让元素排满4个。<!-- 样式 --><style> .list{ d
2020-10-01 21:36:57 1477
原创 前端修仙路- vue基础进阶
前端修仙路- vue基础进阶前言:我们大多数人在使用vue的时候,觉得很简单,但实际基础不扎实,有很多好用的特性项目中并没有用到,久而久之就忘了,特写此文铭记。混入(mixin)概念解释: 当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。混入规则:data混入: 合并data,如果键名冲突以组件数据优先。钩子混入(生命周期函数): 同名钩子合并成一个数组,依次调用,并且混入钩子优先调用。值为对象的混入:如 methods、components 和 direct
2020-05-31 00:06:36 352
原创 前端修仙路-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 393
原创 前端修仙路-性能标准
前端修仙路-性能标准 我们写出来的网站离不开性能测试,那么如何衡量一个网站的性能呢?这就不得不说Performance这个api了, 它包含了各种网页加载期间的耗时。我们先来认识一下Performance,长这个样子:属性memory => MemoryInfo 内存信息对象jsHeapSizeLimit 内存大小限制totalJSHeapSize 可使用的内存usedJSHeapSize js占用的内存(包含v8内
2020-05-18 14:07:41 665
原创 前端修仙路-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 486
原创 前端修仙路-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 354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人