随笔分类 - 前端开发
摘要：前端性能优化是什么 什么是Web性能 简单来说就是你的网站够不够快 - 打开速度 - 动画效果 - 列表滚动 - 页面切换 MDN 对于Web性能的定义： Web性能是网站或应用程序的客观度量和可感知的用户体验 - 减少整体加载时间： 减小文件体积， 减少HTTP请求， 使用预加载 - 是网站尽快可
阅读全文
摘要：Web前端 后台管理 当拿到一个需求后我常会有的错误的思考 接到任务之后，是不是先要找产品出图？ 找UI设计？ 工期这么干么？ 能做完么？ 下班后还要陪男（女）朋友 接口交给后台来设计吧，我先CLI跑个工程 业务变了，指导思想不能变 项目定义 > 需求分析 >开发阶段 >维护/结束 确定自己的角色与
阅读全文
摘要：Canvas, D3, threeJs, antV, Echarts 什么是数据可视化 把数据经过一定的转换之后变成图形显示的操作 数据的分类 定性数据 文本描述 有序变量和无序变量 定量数据 连续性变量 离散变量 数据是如何变成图形 Excel [{ name:"最低气温", data:[1,-2
阅读全文
摘要：目标：通过拖拽的形式或自动生成宣传页 最小化实现： 使用无头浏览器截图 海报编辑器需求 市场中已经存在 “易企秀” 和“泥石流海报” 所以只需要原样照抄即可。 所以这里只剩下技术问题 需求分析和架构设计 项目构成 分成B端（内容制作端）、C端（消费端，玩家端）、管理端（管理B端和C端），以上每个都有
阅读全文
摘要：Vue使用 Vue 源码解析 Vue SSR 如何调试Vue 源码 如何学习开源框架 > 从它的第一次commit 开始看 国外的文章 大致了解写框架的过程（英文关键字） 找到关键 > 自己实现一个简易版 > 详细的Debug看它一步步都干了啥 带着写一个问题再看，最后一步搬砖 如何显得自己特别擅长
阅读全文
摘要：本文是之前某次前端大佬在直播中说的前端面试应该注意的事项，这位前端大佬做这场直播的时间是20年 但是现在应该还有效吧
阅读全文
摘要：webpack options has an unknown property 'contentBase'. These properties are valid 错误截图 官方文档 https://webpack.docschina.org/configuration/dev-server/#de
阅读全文
摘要：什么是Linux 提起Linux我们一般说的是两类系统：Linus编写的开源操作系统；广义的操作系统。 Linux有两个版本 内核版本和发行版本 内核版本 https://www.kernel.org/ 版本号命名规则：主版本号，次版本号，末位版本号，次版本号是奇数为开发板，偶数为稳定版 发行版本
阅读全文
摘要：生活的背后数数据，数据的背后是算法 如何表示A数据比B数据好？ 为什么需要数据分析? 数据分析可以为我们带来什么？ 通过数据分析，可以更好的了解用户画像，为企业做留存率，流失率等指标分析，进而精细化产品运营。 通过数据分析可以让自己更加理智处理生活难题 我们生活在一个数据时代，数据挖掘和数据分析就是
阅读全文
摘要：安装MySQL SQL 增删改查 SQL优化 MySQL实战： 为连锁超市设计数据库表结构 需求描述 : 数据库ER图 强实体和弱实体转换成独立的数据表，多对多关系转换成独立的数据表，1对多的关系转换成外键约束 ** 商户表** |组号|名称|地址|电话|联系人| | | | | | | | | |
阅读全文
摘要：Hybrid App 是什么 移动端WebApp： 泛指手持设备移动端的web 特点： 类App 应用，运行环境是浏览器 可以包一层壳，成为App 常见的混合应用： ionic， Cordova， appcan, uni-app 原生应用： ReactNative, fluter 桌面应用： Ele
阅读全文
摘要：Anime是什么 Anime有什么用 Anime是作何做的 requireAnimationFrame() engine(){ // 处理让多个帧运动起来 play() step()} anime(){ instance instance.play() instance.tick() } A
阅读全文
摘要：前端脚手架 PLUS 在前端研发活动中，脚手架负责项目的初始化工作，是后续研发活动的基础。一个典型的研发活动流程大概是这样：执行脚手架创建项目 -> 开发 -> 构建 -> 测试 -> 部署。 在测试行业中封装了已有了测试工具就能提高测试的效率（自动化测试），在前端开发中能不能改造脚手架使之成为前端
阅读全文
摘要：lerna简介 Lerna 是一个优化基于Git+npm的多package项目的项目管理工具，lerna是架构优化的产物，项目复杂度提升后，架构优化的主要目标是以提高ROI为核心的 lerna的主要功能 多package管理 版本一致： 操作标准化 lerna的使用方法 lerna是如何做到
阅读全文
摘要：前端工程化 包管理工具 npm/yarn 前端工程化离不开 npm（node package manager） 或者 Yarn 这些管理工具。npm 或 Yarn 在工程项目中，除了负责依赖的安装和维护以外，还能通过 npm scripts 串联起各个职能部分，让独立的环节自动运转起来。 什么是np
阅读全文
摘要：TypeScript 语法 ，开发常见错误，如何把自己的项目"升级"TypeScript
阅读全文
摘要：node爬虫 1. let puppeteer = require('puppeteer'); (async ()=> { const browser = await puppeteer.launch(); //打开一个无界面浏览器 const page = await browser.newPag
阅读全文
摘要：FF 即 Backend For Frontend(服务于前端的后端) 用户体验适配和 API 网关聚合层合称为广义的 BFF 层，在 BFF 层的上游是各种后端业务微服务，在 BFF 下游就是各端应用。从职责上看，BFF 层向下给端提供 HTTP 接口，向上通过调用 HTTP 或 RPC 获取数据
阅读全文
摘要：HTML 对于前端开发开发者来说，不管是对初学者还是已经独挡一面的资深前端开发者，HTML都是最基础的内容。 HTML 的职责在于告知浏览器如何组织页面，以及搭建页面的基本结构； CSS 用来装饰 HTML，让我们的页面更好看； JavaScript 则可以丰富页面功能，使静态页面动起来。 <htm
阅读全文
浙公网安备 33010602011771号