随笔分类 - 前端基础知识合集
记录一些自己需要注意的前端小知识
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 短视频已经无数不在了，但是主体还是使用 app 来承载的。本文讲述 H5 如何实现 app 的视频滑动体验。 无声胜有声，一图顶百辩，且看下图： 网址链接（需在微信或者手Q中浏览） 从上图可以看到，我们主要实现的功能也是本文要讲解的有：
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 目前平台前端使用的是原生CSS+BEM命名，在多人协作的模式下，容易出现样式冲突。为了减少这一类的问题，提升研效，我调研了业界上主流的7种CSS解决方案，并将最终升级方案落地到了工程中。 样式冲突的原因 目前遇到的样式冲突的原因，其实根本
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 去年做的小程序有一个选择克数的功能，本想着随便搞个数字输入框就完事了，结果产品搞来个app，人家是滑动尺子选的，没辙了，只能硬着头皮做了。 思路 搞一个横着排的div，然后里面塞很多很多小div，当做格子，格子弄一个左边框当做格子线
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近项目遇到一个要在网页上录音的需求，在一波搜索后，发现了 react-media-recorder 这个库。今天就跟大家一起研究一下这个库的源码吧，从 0 到 1 来实现一个 React 的录音、录像和录屏的功能。 完整项目代码放
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近研究CSS的时候发现了仅使用两个CSS属性就可以制作出全屏滚动效果，这两个属性就是： scroll-snap-type scroll-snap-align 使用它就可以实现fullpage.js这种全屏滚动效果，其实，这种全屏滚动效果
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子: 例1 const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.l
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1.ajax最大的缺陷 「对搜索引擎不友好，并且存在跨域问题限制」 搜索引擎会屏蔽掉所有baijavascript代码du， 那么ajax载入的内容对于搜索引擎来说zhi也是透明的。建议重要的页面信dao息不要AJAX。用AJAX只是载入
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考和遇到的问题以评论的方式补充下，后期，我将会补充到文章中 第一问：什么是盒模型？ 可以说，页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 昨天在看一道笔试题的时候本以为很简单，但是结果不是我想象的那样，直接上笔试题。 const array = new Array(5).map((item) => { return item = { name: '1' } }); c
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 Vue 初始化 模板渲染 组
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 LocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下： //Save a value to loc
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1.起因 最近有一个需求，需要使用自定义插件，来对接硬件功能，需要配合对手机的权限进行判断和提示，并在对接后对本地文件进行操作，这里给大家分享下我的碰到的问题，废话不多说，开搞 2.对接自定义插件，制作自定义基座 manifest.jso
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 第一题：说一下这三个div的布局 <div class="parent"> <div class="child1">child1 content</div> <div class="child2">child2 content</div>
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 第一问：安全类型检测——typeof和instanceof 区别以及缺陷，以及解决方案 这两个方法都可以用来判断变量类型 区别：前者是判断这个变量是什么类型，后者是判断这个变量是不是某种类型，返回的是布尔值 （1）typeof 缺陷： 1
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一.typescript 高阶类型 Exclude 和 Extract Exclude<T, U> TypeScript 2.8 中增加了 Exclude 类型，该如何理解这个高级类型的定义呢？ type Exclude<T, U> =
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 定义整体结构 先写出构造函数，将Promise向外暴露 /* 自定义Promise函数模块：IIFE */ (function (window) { /* Promise构造函数 executor:执行器函数 */ function
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、axios简介 axios是什么？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios有什么特性？（不得不说面试被问到几次） 从浏览器中创建 XMLHttpRequests 从
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近每天学习的时候，发现了一道很有趣的面试题 1.const [a, b] = { a: 100, b: 200 } 2.console.log(a) 3.console.log(b) 如何在不改变1的情况下，让代码不报错 这个时候，我突
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 小伙伴们，在开发中有没有遇到过发布帖子或者实时聊天需要发送到一些emoji表情的。 但是每当我们直接将emoji表情提交到后台的接口又会报错，因为字符串的格式不一致导致数据无法添加致数据库。那么作为前端的我们就要将我们要提交的数据，通过如
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 File() File() 构造器创建新的 File 对象实例。 语法 var myFile = new File(bits, name[, options]); 参数 bits 一个包含ArrayBuffer，ArrayBufferVi
阅读全文
浙公网安备 33010602011771号