随笔分类 - web前端
摘要：前言 经常会在一些网站或博客看到“深克隆”，“浅克隆”这两个名词，其实这个很好理解，今天我们就在这里分析一下 。 浅拷贝 我们先以一个例子来说明js浅拷贝： 上面显然 的值会变为 12，这就是js浅拷贝。 浅拷贝只是拷贝的指向对象的指针，本质上还是指向同一个对象。 深拷贝 同样我们还是以一个例子来说
阅读全文
摘要：前言 最近在看 React 的新语法—— ，只能一句话概括：React 语法真的是越来越强大，越写代码越少。 强烈推荐还没看 React Hooks 的同学去学习下，这会让你写react 项目变得非常爽！ 以前 React 组件可以看成是： 无状态组件（function定义）和有状态组件（class
阅读全文
摘要：前言 最近在公司写一个混合 app 项目，页面基本全部都是用 H5 完成，嵌入到原生 webview 下。发现一个问题，在 iPhone 6 下 苹果手机的状态栏会挡住页面，导致页面下移，样式错乱，最后网上查找了些解决办法，加了一条 meta 标签解决了问题。今天特来总结下常用的移动端开发需要注意的
阅读全文
摘要：React 中 setState()详细解读 对于 setState() 相信伙伴们都用过，它是 React 官方推荐用来更新组件 state 的 API，但是对于 setState() 你真的了解吗？且待我慢慢详聊一番。 setState() 官方用法指南 语法1： updater：函数类型，返回
阅读全文
摘要：多且易乱的数组方法 js 中对数组操作比比皆是，不管是单纯前端操作数组变量，还是后台返回的数组形式接口数据，都需要用到数组一些方法操作数组。不知道大家是不是和我一样经常忘记或混乱数组一些方法，什么 ，`some() reduce()`等等，还有哪些会改变原始数组哪些返回新数组，真是一头雾水。 来张图
阅读全文
摘要：前言 最近在学 ，看到 这里，刚开始觉得一脸懵逼，后面通过查阅相关资料和一些对源码的解释，总算有点头绪，今天在这里总结下。 类似于 ，`React react redux react redux Redux React React Redux store store actions`以更新数据。 值
阅读全文
摘要：前言 潜水了一段时间，今天空闲时间复盘下之前的知识点，聊聊 js 几种常见的设计模式。 掌握 JavaScript 中常见的一些设计模式，对我们书写规范性代码，可维护性代码有很大的帮助。 ps：最近在一些好友的鼓励下，pubdreamcc 准备着手经营一个公众号了，具体信息会在接下来的两天时间内发布
阅读全文
摘要：前言 hello，小伙伴们，本篇仓库出至于我的GitHub仓库 web study ，如果你觉得对你有帮助的话欢迎star，你们的点赞是我持续更新的动力 "web study" 打包工具 毫无疑问现在是非常火热的前端自动化打包工具，本系列教程是基于最新版 来编写。 webpack 4：零配置开始 1
阅读全文
摘要：前言 本篇博文出至于我的 仓库： "web study" ，如果你觉得对你有帮助欢迎star，你们的点赞是我持续更新的动力，谢谢！ 异步编程在前端开发中尤为常见，从最早的 ，到后来的各种封装 ，再到 事件触发的回调，无不涉及异步编程。今天咱们来聊聊 中新提出的异步解决方案： 和`async/awai
阅读全文
摘要：Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。构造函数 可以接受一个数组作为参数。 Map和Object的区别 一个 的键只能是字符串或者 ，但一个 的键可以是任意值。 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 的键值对个数可以从 size 属性获
阅读全文
摘要：前言 移动端页面常见的一种效果：下拉刷新（pulldownrefresh）和上拉加载（pullupload），目的都是为了增强用户的体验效果，因此各种移动端滑动插件也是层出不穷，今天小编也在这里给大家推荐一个滑动插件： 。 GitHub地址： "better scroll" 利用better scr
阅读全文
摘要：`canvas setinterval（） canvas`动画上手很简单，今天可以自己动手来实现一个酷炫气泡效果。 1. 气泡炸裂效果（类似水面波纹） 代码如下： 2. 气泡上升效果 代码如下：
阅读全文
摘要：前言 现在的web网站都是非常讲究用户体验，一般都会采用服务端渲染加客户端渲染一起实现功能。服务端渲染有利于搜索引擎优化（SEO），利于被网页爬虫抓取数据，多见于电商网站商品信息获取等。客户端渲染不利于搜索引擎优化，网页数据异步获取，首页加载时间长，用户体验相对较好，常用于不需要对SEO友好的地方。
阅读全文
摘要：前言 JavaScript的原型和原型链是面试的时候经常被问及到的问题，考察了我们对JavaScript的基础掌握情况，今天我们在这里用一张图来梳理下其中的知识点。 下面我来引入这张非常经典的图，我也是亲手画了下，大家也可以自己动手去画，对理解原型及原型链有很大的帮助。 这张图详细的描述了构造函数
阅读全文
摘要：前言 本文也会在github上我的web study仓库中同步更新，欢迎star。 戳这里，传送 准备工作 1. 判断是否需要FQ或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpm 全局安装淘宝cnpm。 2. 开发工具选择很多，VUE无专用开发工具，开发项目多以SPA形式体现，本例使用
阅读全文
摘要：现在前端开发中需要通过Ajax发送请求获取后端数据是很普遍的一件事情了，鉴于我平时在撸码中用的是vue技术栈，今天这里来谈谈我们常用的发Ajax请求的一个插件—axios。 现在网上可能发送Ajax请求有很多种插件，每种用法可能略有差异，大家只需挑选一种自己喜欢的即可。毕竟现在还有很多人使用jQue
阅读全文
摘要：好久没写一些东西了，总是感觉有啥缺少的。~~~~恰好碰到最近在写一个移动端项目，遇到了如何使同一个链接在不同条件下跳转到不同路由组件问题，譬如大家经常看到手机中没登录跳转登录页，登陆后跳转个人信息页等。废话不多说了，直接上图： 这是没登录状态，点击下面mine按钮跳转至登录页 这个是我登录了自己的账
阅读全文
摘要：前言 现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的。 主体 项目是基于vue cli的，首先必须搭建好vue项目环境。如果有同学不知道如何搭建vue项目，可以参考我
阅读全文
摘要：前言 最近在用vue做移动端项目，网上找了一些移动端适配的方案，个人觉得手淘团队flexible.js还是比较容易上手，在这里做下总结。 主体 flexible.js适配方案采用rem布局，根据屏幕分辨率大小不同，调整根元素html的font size，从而达到每个元素宽高自动变化，适配不同屏幕 1
阅读全文
摘要：前言 最近笔者在复习以前基础知识，发现很多细的知识点还是需要重新再总结一番。本文对flex布局进行图解说明，以后忘了的同学可以随时过来查看，欢迎转载，烦请注明出处。 主体 万丈高楼平地起，熟悉flex，先来了解下以下7种css属性 1. 2. 3. 4. 5. 6. 7. 下面我们就对每个属性进行详
阅读全文
浙公网安备 33010602011771号