随笔分类 - 前端基础知识合集
记录一些自己需要注意的前端小知识
摘要：这里给大家分享下我搜索到的几个ES6常用数组方法及模拟实现，废话不多说，上代码 Array.from 可以将一个类数组转换成数组 在出现Array.from这个方法之前，我们转换类数组的方法： Array.prototype.slice.call(arguments) 使用Array.form Ar
阅读全文
摘要：网页内容的组成 doctype: 提供浏览器的html版本信息 head : html头部 meta: 元数据信息 charset: 声明当前文档所实用的字符编码 http-equiv: 客户端行为，如渲染模式，缓存等 name[keywords]: 搜索引擎关键字 name[description
阅读全文
摘要：这里分享出我个人封装的一个axios，我会尽量每行注释，希望对大家有所帮助。 1. 安装 全局执行代码 npm install axios; 2. 编写全局axios文件（附件里有代码） 在src目录中创建一个axios目录，里面创建一个index.js文件 写上全局index.js代码 impor
阅读全文
摘要：最近找到了一些数据扁平化的精品文章，这里分享给大家，希望对大家有所帮助 什么是扁平化 数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。 举个例子，假设有个名为 flatten 的函数可以做到数组扁平化，效果就会如下： var arr = [1, [2,
阅读全文
摘要：这里给大家分享我最近学习到的8个有用的js小技巧，废话不多说，我们上代码 1. 确保数组值 使用 grid ，需要重新创建原始数据，并且每行的列长度可能不匹配， 为了确保不匹配行之间的长度相等，可以使用Array.fill方法 let array = Array(5).fill(''); conso
阅读全文
摘要：一、小程序和公众号 答案是：可以相互关联。 在微信公众号里可以添加小程序。 图片有点小，我把文字打出来吧： 可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。 公众号可关联同主体的10个小程序及不同主体的3个小程序。同一个小程序可关联最多50个公众号。 1、公
阅读全文
摘要：闭包的简介： 闭包就是能够读取其他函数内部变量的函数。只有函数内部的子函数才能读取局部变量，在本质上，闭包是函数内部和函数外部连接起来的桥梁。 当函数可以记住并访问所在词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。 - - 出自《你不知道的JavaScript（上卷）》 闭包的定义
阅读全文
摘要：js中的原型毫无疑问一个难点，学习如果不深入很容易就晕了！ 任何一个js知识点，比如事件流，闭包，继承等，都有许许多多的说法，对于这些知识点我们都应该先熟练的使用，然后自己整理一套属于自己的理解说辞，才不会忘 原型（对象属性） Javascript规定，每一个函数都有一个prototype对象属性，
阅读全文
摘要：最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码，把这些直接放到要转
阅读全文
摘要：在开发的过程中，时间总是不可避免要出现的需求，这里给大家分享我比较常用的js 时间控件和一个问题的解决方法 layDate 官方文档地址：https://www.layui.com/laydate/ 图片： 案例代码： <!DOCTYPE html> <html> <head> <meta char
阅读全文
摘要：在初级web前端工程师的工作中，经常需要写一些静态/H5/花里胡哨的页面，这里分享我多年做这些页面总结的经验，希望对大家有点帮助。 页面初始化及手机端viewport配置 直接上代码： html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,bloc
阅读全文
摘要：一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状
阅读全文
摘要：众所周知，JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如 0.1+0.2=0.30000000000000004、1-0.9=0.09999999999999998，很多人知道这是浮点数误差问题，但具体就说不清楚了。本文帮你理清这
阅读全文
摘要：具体代码如下： function filechange(e) { var file = $('#filed').get(0).files[0]; var fileSize = file.size, fileType = file.type; if (file.name.lastIndexOf('.'
阅读全文
摘要：promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 为什么会有promise？ 为了避免界面冻结（任务） 同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对
阅读全文
摘要：步骤1 创建一个名为identify.vue的子组件 <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div> </te
阅读全文
摘要：1.返回值（最常用） //1.返回值 最常用的 function fn(){ var name="hello"; return function(){ return name; } } var fnc = fn(); console.log(fnc())//hello 这个很好理解就是以闭包的形式将
阅读全文
摘要：最近看到一篇讲放大镜的文章，实践后感觉效果非常好，这里分享给大家。 效果如下： 其实现核心： CSS函数，如：calc() —— 动态计算；var() —— 使用自定义变量 CSS伪元素：::before/after —— 方便控制，而且独立于文档流之外，易于渲染 JS API：offsetX/of
阅读全文
摘要：想要让整个元素移动需要三个事件： 鼠标按下 onmousedown 鼠标移动 onmousemove 鼠标抬起 onmouseup HTML <div id="login" class="login"> <!-- 点击title拖拽 --> <div id="title" class="login-
阅读全文
摘要：最近看到了一个有趣的Promise的方法，这里记录下来 <script> class MyPromise { constructor(executor) { // 初始化state赋值为pending this.state = "pending"; // 定义成功的 值 this.value = u
阅读全文