摘要:
资源链接 Puppeteer官方文档:https://github.com/GoogleChrome/puppeteer puppeteer社区:https://slack.com/ 安装 // 安装puppeteer cnpm i puppeteer // 安装puppeteer-core cnp 阅读全文
摘要:
taro适配多端 介绍 Taro是一套遵循 React 语法规范的多端统一开发框架 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。 Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态 阅读全文
摘要:
前言 在Internet上搜索模板和主题时,很难找到免费的Vue资源。 即使您不在乎质量,它们似乎也很难被发现,并出于好奇而感动,我花了数小时在Google和Github上四处挖掘,结果得到了收集22种开源Vue模板和主题框架集合。我不会对此打赌,但是它们也是高质量的资源。 Bootstrap Vu 阅读全文
摘要:
前言 在Internet上搜索模板和主题时,很难找到免费的React资源。 即使您不在乎质量,它们似乎也很难被发现,并出于好奇而感动,我花了数小时在Google和Github上四处挖掘,结果得到了36个免费的React模板和主题的集合。我不会对此打赌,但是它们也是高质量的资源。 因此,在此列表中,您 阅读全文
摘要:
什么是异常 用直白的话来解释异常的话,就是「程序发生了意想不到的情况,这种情况影响到了程序的正确运行」。 从根本上来说,异常就是一个「数据结构」,其保存了异常发生的相关信息,比如错误码,错误信息等。以 JS 中的标准内置对象 Error 为例,其标准属性有 name 和 message。然而不同的浏 阅读全文
摘要:
前言 在移动端web开发中,UI设计稿中设置边框为1像素,前端在开发过程中如果出现border:1px,测试会发现在retina屏机型中,1px会比较粗,即是较经典的移动端1px像素问题。 我们要对与视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念要有一定的了解。 产生原因 设备像素 阅读全文
摘要:
这篇文章,记录下日常开发项目跟性能优化有关的内容。 vue-cli构建优化 gzip 压缩 gzip 压缩效率非常高,通常可以达到 70% 的压缩率,也就是说,如果你的网页有 30K,压缩之后就变成了 9K 左右。 //npm i -D compression-webpack-plugin conf 阅读全文
摘要:
前言 我们在日常项目开发过程中,有时候我们对数组或者对象进行了一些操作后,发现页面数据没有更新到。这个时候就会有疑问,why? 如果我们在看文档有这样一个api,以下内容: Vue.set()和this.$set()实现原理 Vue.set()的源码: ... 这里是省略的代码 import { s 阅读全文
摘要:
命令(Command) 菜单 🏈 “命令”菜单是最最常用的,本文也会多次用到,所以这里先说一下打开方式: 按Cmd + Shift + P(如果使用Windows,则按Ctrl + Shift + P)打开“命令”菜单。 截图DOM元素 🏉 当你只想对一个特别的 DOM 节点进行截图时,你可能需 阅读全文
摘要:
1.什么是虚拟DOM? 虚拟DOM是组成应用程序UI的实际HTML元素的内存表示形式。重新渲染组件时,虚拟DOM会将更改与其DOM模型进行比较,以创建要应用的更新列表。主要优点是它高效,仅对实际DOM进行最小的必要更改,而不必重新渲染大块。 2.什么是JSX? JSX是JavaScript语法的扩展 阅读全文