ʚ牛牛ɞ-优快云博客

原创 env(safe-area-inset-bottom)解决ios底部小黑线遮挡问题

这样显示明显不太友好，因此研究了一下，发现css中有一个特性可以解决iso底部小黑线的问题，即env(safe-area-inset-bottom)。最开始使用这个属性的时候，我直接给positon:absolute的bottom加了这个属性，但是测试发现给bottom加这个属性虽然可以使底部留下一定的安全距离，但是空出来的部分会透出页面滚动的内容。

2024-04-20 16:13:07 3887 2

原创 Vue3 开发文档

项目由 Vue2 升级到 Vue3 了，本文包含了 Vue3 项目开发中使用的所有语法，希望所有像他一样还不熟的伙伴快速上手 Vue3 项目开发.

2023-07-05 14:22:04 747 1

1.echarts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。2.学习一项技术的关键，还是需要多读官方文档，官网链接Apache ECharts,与之类似的图表库还有D3，HeightCharts。3.echarts的下载（1）从 npm 获取（2）从 CDN 获取（3）从 GitHub 获取1. 颜色主题。

2023-05-15 16:27:55 541

原创前端大厂面经（详解答案）

事件委托的原理：不给每个子节点单独设置事件监听器，而是设置在其父节点上，然后利用冒泡原理设置每个子节点。

2023-03-29 16:03:56 440

原创 vue3的基本使用

2023-02-10 16:10:18 1359

原创基于html2canvas实现网页保存为图片及图片清晰度优化

一、实现HTML页面保存为图片1.1 已知可行方案现有已知能够实现网页保存为图片的方案包括：**方案1：**将DOM改写为canvas，然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI**方案2：**使用html2canvas.js实现（可选搭配Canvas2Image.js实现网页保存为图片）**方案3：**使用rasterizeHTML.js实现1.2 解决方案的选择**方案1：**需要手动计算每个DOM元素的Computed Style，然后需

2022-03-09 14:56:33 4518

原创 Promise用法回顾

promise的使用

2022-02-28 15:04:48 1484

原创 2021-09-23

git的版本回退教程首先，在本地建立一个git项目，并且与远程服务端（github）上的项目进行关联1：第一次建立git项目，提交到远程分支，并且记录为第一个版本![在这里插入图片描述](https://img-blog.csdnimg.cn/1af8381a60844147b7dd64d10662005f.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAyprniZvniZv

2021-09-23 16:45:55 153

原创 1.记录一个简单的可以拖动的弹出层

记录一个简单的可以拖动的弹出层由于在公司开发中，经常会遇到页面要求弹出一个展示层，因此在网上找个了示例进行了下简单修改，在此做一个记录，方便以后用到查阅。1.弹出层：使用的时候放置到body标签中扫一扫2.css样式：可以根据实际需求进行样式修改/* 弹出层窗体样式 *//a{text-decoration: none; color: #eee; display: block;}.button{width: 100px; height: 30px; border-ra

2021-08-24 15:33:25 228

原创 2021-08-02

Vue 3.0 知识点1. Vue3.0 里为什么要用 Proxy API 替代 defineProperty API？—— 响应式优化（高频，重点！！！）a. defineProperty API 的局限性最大原因是它只能针对单例属性做监听。b. Proxy API的监听是针对一个对象的c. 响应式是惰性的2. Vue3.0 编译做了哪些优化？（底层，源码）a. 生成 Block treeb. slot 编译优化c. diff算法优化3. Vue3.0新特性 —— Composition API 与 R

2021-08-02 15:51:06 179

原创 Vue的nexttick原理和用途

Vue的nexttick原理和用途一、原理1.异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。2.事件循环说明简单来说，Vue在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。eg:图解:事件循环：第一个tick（本次更新循环）1.首先修改数据，这是同步任务。同一事件循环的所有的同步任务都在主线程上执行，形成一个执行栈，此时还未涉及DOM.2.Vue开启一个异步队列，并缓冲在

2021-05-29 11:21:48 182

原创 2021-04-28

前端css面试题221.CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？22.width:auto 和 width:100%的区别23.绝对定位元素与非绝对定位元素的百分比计算的区别24.简单介绍使用图片 base64 编码的优点和缺点。25.'display'、'position'和'float'的相互关系？26.margin 重叠问题的理解。27.对 BFC 规范（块级格式化上下文：block formatting context）的理解？2

2021-04-28 20:14:10 172

原创 2021-04-28

前端CSS常见面试题1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？相关知识点：回答：2.CSS 选择符有哪些？3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。相关知识点：回答：4.伪类与伪元素的区别5.CSS 中哪些属性可以继承？相关资料：回答：6.CSS 优先级算法如何计算？相关知识点：回答：7.关于伪类 LVHA 的解释?8.CSS3 新增伪类有那些？9.如何居中 div？回答:10.display 有哪些值？说明他们的作

2021-04-28 19:46:16 192

原创 2021-04-28

手撕ES5数组常用方法实现forEach方法实现filter方法实现map方法实现reduce方法Array.isArray 实现find实现findIndex实现实现every方法实现some方法实现forEach方法Array.prototype.myForEach = function(callback, context=window) {// this=>arrlet self = this,i = 0,len = self.length;for(;i<len;i++) {

2021-04-28 11:43:02 187

原创 js(ES6)中感叹号和三个点。

js(ES6)中感叹号和三个点。一、感叹号1. 一个感叹号一个感叹号(!)最好理解，也是我们经常使用的。!可以将变量转为boolean值，所有的truthy和falsy都可以被转化，比如null、undefined、数字0和空字符串取反都为true，其余都为false。!null = true!undefined = true!"" = true!0 = true!100 = false!“asdss” = false注意:truthy和falsy不是true和false2. 两个感叹

2021-02-04 20:55:40 1178

NFX_niuniu的博客

原创 env(safe-area-inset-bottom)解决ios底部小黑线遮挡问题

原创 Vue3 开发文档

原创 echarts 入门教程

原创前端大厂面经（详解答案）

原创 vue3的基本使用

原创基于html2canvas实现网页保存为图片及图片清晰度优化

原创 Promise用法回顾

原创 2021-09-23

原创 1.记录一个简单的可以拖动的弹出层

原创 2021-08-02

原创 Vue的nexttick原理和用途

原创 2021-04-28

原创 2021-04-28

原创 2021-04-28

原创 js(ES6)中感叹号和三个点。

空空如也

空空如也